:root{--cream-50:#fffdf5;--cream-100:#fff8e7;--cream-200:#f4e9c7;--cream-300:#e8d9a0;--ink-900:#1a1320;--ink-700:#3d2e4a;--ink-500:#6b5878;--ink-300:#a899b5;--night:#2a2036;--lemon:#ffd93d;--title:"Pixelify Sans", "Courier New", monospace;--mono:"VT323", "Courier New", monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--night);color:var(--ink-900);font:18px/1.15 var(--mono)}h1,h2,h3,p,ol,ul{margin:0;padding:0;list-style:none}button,input{font:inherit;color:inherit}button{cursor:pointer;background:var(--cream-100);border:2px solid var(--ink-900);box-shadow:inset -2px -2px 0 var(--cream-300);padding:2px 10px}button:hover:not(:disabled){background:var(--cream-200)}button:active:not(:disabled){box-shadow:inset 2px 2px 0 var(--cream-300)}button:disabled{cursor:default;color:var(--ink-500);background:var(--cream-200)}button:focus-visible,input:focus-visible{outline:2px solid var(--ink-900);outline-offset:2px}.mono{font-family:var(--mono)}.app{grid-template-rows:auto minmax(0,1fr) auto auto;gap:8px;height:100%;padding:8px;display:grid}.topbar,.panel,.card{background:var(--cream-100);border:2px solid var(--ink-900);box-shadow:0 0 0 2px var(--cream-300), 0 0 0 4px var(--ink-900)}.topbar{flex-wrap:wrap;align-items:center;gap:12px;margin:4px;padding:6px 12px;display:flex}.topbar h1{font:600 20px var(--title)}.clock{font-size:20px}.pill{border:2px solid var(--ink-900);text-transform:uppercase;padding:0 6px;font-size:16px}.pill.solid{background:var(--ink-900);color:var(--cream-100)}.speeds{gap:4px;display:flex}.speeds.right{margin-left:auto}.speeds .on,.speeds .on:hover:not(:disabled),.tabs .on,.tabs .on:hover:not(:disabled){background:var(--ink-900);color:var(--cream-100);box-shadow:none}.main{grid-template-columns:minmax(0,1fr) 340px;gap:12px;min-height:0;margin:4px;display:grid}.floor{background:var(--night);border:2px solid var(--ink-900);min-width:0;min-height:0;box-shadow:0 0 0 2px var(--ink-500), 0 0 0 4px var(--ink-900);position:relative;overflow:hidden}.floor canvas{display:block;position:absolute}.command{flex-direction:column;gap:8px;min-height:0;padding:8px;display:flex}.ptitle{font:600 18px var(--title)}.tabs{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.tabs button{padding:2px 0}.scroll{flex:1;min-height:0;padding-right:4px;overflow-y:auto}.scroll h3{font:600 16px var(--title);margin:10px 0 4px}.list{gap:4px;display:grid}.row{text-align:left;background:var(--cream-50);width:100%;box-shadow:none;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:0 6px;padding:4px 6px;display:grid}.row.sel{outline:2px solid var(--ink-900);outline-offset:-4px;border-width:2px}.rank{font:600 22px var(--title);text-align:center}.who{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.who b{font-weight:400}.score{font:600 22px var(--title);text-align:right;grid-row:span 2}.score small{font:14px var(--mono);display:block}.mini{color:var(--ink-700);white-space:nowrap;grid-column:2;font-size:15px}.why{color:var(--ink-500);grid-column:2/-1;font-size:15px}.empty{color:var(--ink-500);padding:16px 4px}.chead{justify-content:space-between;gap:8px;display:flex}.chead h2{font:600 20px var(--title)}.big{font:600 32px var(--title);text-align:right}.big small{font:14px var(--mono);display:block}.story{color:var(--ink-700);margin:6px 0;font-size:16px}.vitals{gap:4px;display:grid}.vital{background:var(--cream-50);border:2px solid var(--ink-900);padding:4px 6px}.vhead,.vbody,.cname{justify-content:space-between;align-items:center;gap:6px;display:flex}.vhead{color:var(--ink-700);font-size:16px}.vhead .pill{border-width:1px;font-size:13px}.vnum{font:600 24px var(--title)}.vnum small{font:15px var(--mono);margin-left:4px}.prov{color:var(--ink-500);font-size:14px}.ecg{width:100%;height:auto;display:block}.explain{background:var(--cream-200);border:2px dashed var(--ink-700);margin-top:6px;padding:4px 6px}.explain p{font-size:16px}.second{margin:6px 0;font-size:16px}.reasons li{color:var(--ink-700);font-size:15px}.actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.bp{flex-wrap:wrap;align-items:flex-end;gap:6px;margin-top:8px;display:flex}.bp label{font-size:15px;display:grid}.bp input{background:var(--cream-50);border:2px solid var(--ink-900);width:72px;padding:2px 4px}.error{flex-basis:100%;font-size:15px}.stages{gap:4px;display:grid}.stages li{background:var(--cream-50);border:2px solid var(--ink-900);grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:6px;padding:4px 6px;display:grid}.stages p{color:var(--ink-500);font-size:15px}.stages b{font-weight:400}.stages .pill{border-width:1px;font-size:12px}.stages .mono{text-align:right;font-size:15px}.key{gap:2px;font-size:15px;display:grid}.key i,.chip i{border:1px solid var(--ink-900);width:10px;height:10px;margin-right:4px;display:inline-block}.log li{border-bottom:1px solid var(--cream-300);padding:2px 0;font-size:16px}.strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:4px;display:grid}.card{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;padding:4px 8px;display:grid}.card img{width:48px;height:48px;image-rendering:pixelated;object-fit:contain;background:var(--cream-200);border:2px solid var(--ink-900)}.cname b{font:600 16px var(--title);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chip{background:var(--cream-200);border:1px solid var(--ink-900);flex:none;padding:0 4px;font-size:14px}.card .mono{color:var(--ink-500);font-size:14px}.task{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.notice{color:var(--cream-300);flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:0 6px;font-size:15px;display:flex}@media (width<=900px){html,body,#root{height:auto}.app{grid-template-rows:none;height:auto}.main{grid-template-columns:minmax(0,1fr)}.floor{aspect-ratio:656/382}.command{height:70vh}.strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.strip{grid-template-columns:minmax(0,1fr)}}
