*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#10131a;color:#e6e8ee;font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}#viewport{display:block;width:100vw;height:100vh}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}.veil{position:fixed;inset:0;display:grid;place-content:center;gap:14px;text-align:center;background:#0a0c12e0;backdrop-filter:blur(2px);cursor:pointer;z-index:50}.veil h1{margin:0;font-size:26px;letter-spacing:.22em;text-transform:uppercase;font-weight:500}.veil p{margin:0;color:#9aa2b4}.veil dl{display:grid;grid-template-columns:auto auto;gap:3px 16px;margin:10px 0 0;color:#8d94a6;justify-content:center;text-align:left}.veil dt{color:#d7dce8}.veil dd{margin:0}.veil[hidden]{display:none}.veil-new{justify-self:center;margin-top:4px;font:inherit;color:#8d94a6;background:transparent;border:1px solid rgba(255,255,255,.16);padding:5px 14px;cursor:pointer}.veil-new:hover{color:#e0685f;border-color:#e0685f}.hud{position:fixed;top:14px;left:14px;padding:10px 14px;min-width:210px;background:#0c0f16b8;border-left:2px solid #59616f;line-height:1.5}.hud-day{font-size:11px;letter-spacing:.18em;color:#8d94a6}.hud-time{font-size:26px;letter-spacing:.04em;margin:1px 0 3px}.hud-shift{font-size:11px;letter-spacing:.1em;color:#aeb5c4;text-transform:uppercase}.hud-state{margin-top:5px;font-size:11.5px;letter-spacing:.06em}[data-tone=idle]{color:#7f8798}[data-tone=good]{color:#6fbf88}[data-tone=warn]{color:#d8b45c}[data-tone=bad]{color:#e0685f}[data-tone=ready]{color:#e6e8ee}[data-tone=blocked]{color:#98a0b0}.objective{position:fixed;top:132px;left:14px;width:258px;padding:9px 13px;background:#0c0f16b8;border-left:2px solid #d2b14a}.objective[hidden]{display:none}.objective-title{font-size:11.5px;letter-spacing:.06em;margin-bottom:3px}.objective-line{font-size:11px}.objective-progress{font-size:10.5px;color:#8d94a6;margin-top:4px;letter-spacing:.04em}.prompt{position:fixed;left:50%;bottom:12%;transform:translate(-50%);padding:7px 16px;background:#0c0f16c7;border:1px solid rgba(255,255,255,.14);letter-spacing:.08em;white-space:nowrap}.prompt[hidden]{display:none}.toast{position:fixed;left:50%;top:27%;transform:translate(-50%);padding:10px 20px;max-width:min(62vw,680px);text-align:center;background:#0c0f16db;border-top:2px solid currentColor;font-size:14px;letter-spacing:.05em}.toast[hidden]{display:none}.panel{position:fixed;top:14px;right:14px;width:358px;padding:10px 12px;background:#0c0f16d1;border-right:2px solid #59616f;font-size:11px}.panel[hidden]{display:none}.panel-title{letter-spacing:.22em;color:#8d94a6;margin-bottom:7px}.panel-row{display:grid;grid-template-columns:42px 1fr 58px 62px;align-items:center;gap:7px;margin-bottom:3px}.panel-name{letter-spacing:.08em}.panel-track{position:relative;height:9px;background:#ffffff12;display:block}.panel-track i{position:absolute;top:0;bottom:0;background:#7f8798;transition:left .18s ease,width .18s ease}.panel-track i[data-tone=good]{background:#6fbf88}.panel-track i[data-tone=warn]{background:#d8b45c}.panel-track i[data-tone=bad]{background:#e0685f}.panel-track u{position:absolute;left:50%;top:-1px;bottom:-1px;width:1px;background:#ffffff59}.panel-value{text-align:right}.panel-tier{color:#7f8798;text-align:right}.panel-foot{margin-top:8px;padding-top:7px;border-top:1px solid rgba(255,255,255,.1);color:#7f8798;font-size:10px;line-height:1.6}.board{position:fixed;inset:0;display:flex;flex-direction:column;background:#080a0ff0;z-index:40}.board[hidden]{display:none}.board-head{display:flex;align-items:baseline;gap:16px;padding:18px 26px 14px;border-bottom:1px solid rgba(255,255,255,.12)}.board-head h2{margin:0;font-size:15px;font-weight:500;letter-spacing:.3em}.board-sub{color:#8d94a6;flex:1}.board-close{font:inherit;color:#cfd5e2;background:transparent;border:1px solid rgba(255,255,255,.22);padding:5px 12px;cursor:pointer}.board-close:hover{background:#ffffff14}.board-list{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;align-content:start;padding:20px 26px 30px}.board-empty{color:#8d94a6}.card{border:1px solid rgba(255,255,255,.14);border-left:3px solid #59616f;padding:13px 15px 11px;background:#141821b3;display:flex;flex-direction:column;gap:8px}.card[data-state=accepted]{border-left-color:#6fbf88}.card[data-state=graded]{border-left-color:#7f8798;opacity:.62}.card[data-state=missed]{border-left-color:#e0685f;opacity:.62}.card header h3{margin:2px 0 1px;font-size:14px;font-weight:500;letter-spacing:.02em}.card-code{font-size:10.5px;letter-spacing:.2em;color:#8d94a6}.card-client{font-size:11px;color:#9aa2b4}.card-spec{display:grid;grid-template-columns:74px 1fr;gap:2px 10px;margin:0;font-size:11.5px}.card-spec dt{color:#8d94a6}.card-spec dd{margin:0}.card-staging{margin:0;padding-left:15px;font-size:11px;color:#aeb5c4}.card-note{margin:0;font-size:11px;color:#7f8798;font-style:italic}.card footer{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.card-status{flex:1;font-size:11.5px}.card-accept{font:inherit;letter-spacing:.12em;padding:6px 16px;color:#0e1117;background:#6fbf88;border:0;cursor:pointer}.card-accept:disabled{background:#4a515c;color:#9aa2b4;cursor:not-allowed}.diagram-box{background:#0a0c1299;border:1px solid rgba(255,255,255,.1);padding:10px}.diagram{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:3px;max-width:196px}.diagram i{display:block;aspect-ratio:1;border:1px solid rgba(255,255,255,.14);border-radius:50%}.diagram i[data-keep=clear]{border-radius:0;border-style:dashed;border-color:#e0685f80;background:repeating-linear-gradient(45deg,rgba(224,104,95,.16) 0 3px,transparent 3px 6px)}.diagram i[data-set=table]{background:#d2b14a;border-color:#d2b14a}.diagram-key{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:9px;font-size:10px;color:#8d94a6}.diagram-key span{display:flex;align-items:center;gap:5px}.diagram-key i{width:9px;height:9px;display:block;border:1px solid rgba(255,255,255,.2);border-radius:50%}.diagram-key i[data-set=table]{background:#d2b14a;border-color:#d2b14a}.diagram-key i[data-keep=clear]{border-radius:0;border-style:dashed;border-color:#e0685f99}.diagram-note{font-style:italic}.grade{position:fixed;inset:0;display:grid;place-content:center;background:#080a0fed;z-index:45}.grade[hidden]{display:none}.grade-card{width:min(560px,88vw);max-height:86vh;overflow-y:auto;padding:22px 26px 20px;background:#141821e0;border:1px solid rgba(255,255,255,.14)}.grade-card header{text-align:center;margin-bottom:18px}.grade-code{display:block;font-size:11px;letter-spacing:.18em;color:#8d94a6}.grade-letter{font-size:68px;line-height:1;margin:6px 0 4px;letter-spacing:.04em}.grade-letter[data-grade=A]{color:#6fbf88}.grade-letter[data-grade=B]{color:#9dc46f}.grade-letter[data-grade=C]{color:#d8b45c}.grade-letter[data-grade=D]{color:#d98a4f}.grade-letter[data-grade=F]{color:#e0685f}.grade-score{font-size:12px;color:#aeb5c4}.mark{display:grid;grid-template-columns:66px 96px 1fr 44px;align-items:center;gap:10px;padding:3px 0;font-size:11.5px}.mark-label{color:#cfd5e2}.mark-detail{color:#7f8798}.mark-value{text-align:right;color:#aeb5c4}.mark-bar{display:block;height:7px;background:#ffffff14}.mark-bar i{display:block;height:100%;background:#7f8798}.mark-bar i[data-tone=good]{background:#6fbf88}.mark-bar i[data-tone=warn]{background:#d8b45c}.mark-bar i[data-tone=bad]{background:#e0685f}.grade-moves{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}.grade-moves h4{margin:0 0 8px;font-size:10.5px;font-weight:500;letter-spacing:.2em;color:#8d94a6}.move{display:grid;grid-template-columns:1fr 58px 78px;gap:10px;font-size:11.5px;padding:2px 0}.move[data-tone=good]{color:#6fbf88}.move[data-tone=bad]{color:#e0685f}.move-now{color:#7f8798;text-align:right}.grade-none{color:#7f8798;margin:0}.grade-card .board-close{margin-top:18px;width:100%}.hands{position:fixed;left:14px;bottom:14px;padding:8px 13px;background:#0c0f16b8;border-left:2px solid #8a6a4a;letter-spacing:.06em}.hands[hidden]{display:none}.hands b{font-weight:500}.hands span{color:#8d94a6}.nametag{position:fixed;transform:translate(-50%,-100%);padding:3px 8px;background:#0c0f16c7;border-bottom:2px solid var(--dept, #59616f);white-space:nowrap;font-size:10.5px;line-height:1.35;text-align:center;pointer-events:none}.nametag[hidden]{display:none}.nametag b{display:block;font-weight:500;letter-spacing:.05em}.nametag span{color:#8d94a6;font-size:9.5px;letter-spacing:.1em}.strikes{display:flex;gap:5px;margin-top:6px}.strikes i{width:16px;height:4px;background:#ffffff29;display:block}.strikes i[data-struck=yes]{background:#e0685f}.alarm{position:fixed;left:50%;top:8%;transform:translate(-50%);padding:8px 18px;background:#280e10db;border:1px solid #e0685f;color:#ffb3ad;letter-spacing:.12em;text-align:center}.alarm[hidden]{display:none}.alarm-bar{display:block;height:3px;margin-top:6px;background:#ffffff29}.alarm-bar i{display:block;height:100%;background:#e0685f}.dialogue{position:fixed;left:50%;bottom:9%;transform:translate(-50%);width:min(560px,84vw);padding:14px 18px 12px;background:#0c0f16e0;border:1px solid rgba(255,255,255,.14);border-left-width:3px}.dialogue[hidden]{display:none}.dialogue-who{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.dialogue-who b{font-weight:500;letter-spacing:.06em}.dialogue-who span{font-size:10.5px;letter-spacing:.16em;color:#8d94a6}.dialogue-line{margin:0 0 10px;font-size:13px;line-height:1.5;color:#e6e8ee}.dialogue-standing{display:flex;justify-content:space-between;padding:7px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);font-size:11px;color:#8d94a6}.dialogue-standing b{font-weight:500}.dialogue-note{margin:8px 0 0;font-size:10.5px;color:#7f8798;font-style:italic}.dialogue-hint{margin-top:8px;text-align:right;font-size:10.5px;color:#8d94a6}