:root{--ink:#1b2a3a;--ink-raised:#24384c;--ink-veil:#1b2a3adb;--paper:#eef2f4;--line:#8fa3b5;--signal:#ffc21a;--alert:#ff8a7a;--radius-plate:5px;--font-ui:"PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei", system-ui, sans-serif;--step-0:13px;--step-1:15px;--step-2:20px;--step-3:30px;--step-4:46px;--gutter:clamp(16px, 3vw, 32px)}*,:before,:after{box-sizing:border-box}html,body{background:var(--ink);width:100%;height:100%;color:var(--paper);font-family:var(--font-ui);font-size:var(--step-1);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5;overflow:hidden}#application-canvas{width:100%;height:100%;display:block}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--signal);outline-offset:3px}.kbd{min-width:1.9em;height:1.9em;color:var(--paper);border:1px solid #eef2f459;border-bottom-width:3px;border-radius:4px;place-items:center;padding:0 .45em;font-size:12px;font-weight:700;line-height:1;display:inline-grid}#app-ui{z-index:10;pointer-events:none;position:fixed;inset:0}.screen{display:none;position:absolute;inset:0}#app-ui[data-screen=loading] .screen-title,#app-ui[data-screen=ready] .screen-title,#app-ui[data-screen=error] .screen-title,#app-ui[data-screen=paused] .screen-pause,#app-ui[data-screen=play] .screen-hud{display:block}#app-ui[data-screen=paused] .screen-hud{opacity:.35;display:block}.screen-title{pointer-events:auto;background:var(--ink);overflow:auto}.screen-title .plan{filter:grayscale()invert()brightness(.55)contrast(1.4);mix-blend-mode:screen;opacity:.32;background:url(/assets/campus/derived/minimap.png) 50%/contain no-repeat;position:absolute;inset:-10% -20% -10% 30%;transform:rotate(-8deg)}.title-column{max-width:560px;min-height:100%;padding:var(--gutter);flex-direction:column;justify-content:center;gap:28px;display:flex;position:relative}.plate{border-radius:var(--radius-plate);background:var(--paper);color:var(--ink);grid-template-columns:10px 1fr;display:grid;overflow:hidden}.plate .stripe{background:var(--signal)}.plate .plate-body{padding:18px 22px 20px}.plate .plate-code{font-size:var(--step-4);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:800;line-height:1;display:block}.plate h1{font-size:var(--step-3);letter-spacing:-.01em;margin:10px 0 2px;font-weight:700;line-height:1.15}.plate p{color:#3e5266;margin:0}.stages{gap:8px;margin:0;padding:0;list-style:none;display:grid}.stages li{color:var(--line);grid-template-columns:22px 1fr;align-items:center;display:grid}.stages li:before{border:2px solid var(--line);content:"";border-radius:50%;width:10px;height:10px}.stages li[data-state=active]{color:var(--paper)}.stages li[data-state=active]:before{border-color:var(--signal);background:var(--signal);animation:1.1s ease-in-out infinite pulse}.stages li[data-state=done]{color:var(--paper)}.stages li[data-state=done]:before{border-color:var(--paper);background:var(--paper)}@keyframes pulse{50%{opacity:.35}}.title-actions{justify-items:start;gap:14px;display:grid}.primary{border-radius:var(--radius-plate);background:var(--signal);min-width:200px;color:var(--ink);font-size:var(--step-2);cursor:pointer;border:0;padding:14px 26px;font-weight:800}.primary:disabled{background:var(--ink-raised);color:var(--line);cursor:progress}.secondary{border-radius:var(--radius-plate);cursor:pointer;background:0 0;border:1px solid #eef2f466;padding:11px 18px}.secondary:hover,.primary:not(:disabled):hover{filter:brightness(1.08)}.load-error{border-left:4px solid var(--alert);max-width:46ch;color:var(--paper);background:#ff8a7a1f;margin:0;padding:12px 14px}.controls{color:var(--line);font-size:var(--step-0);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px 18px;margin:0;display:grid}.controls div{align-items:center;gap:8px;display:flex}.controls dd{margin:0}.controls dt{gap:3px;display:flex}.fine-print{max-width:52ch;color:var(--line);font-size:var(--step-0);margin:0}.location{top:var(--gutter);left:var(--gutter);min-width:200px;max-width:min(360px, calc(100vw - 2 * var(--gutter) - 170px));border-radius:var(--radius-plate);background:var(--ink-veil);grid-template-columns:8px 1fr;display:grid;position:absolute;overflow:hidden;box-shadow:0 6px 20px #00000059}.location .stripe{background:var(--kind-colour,var(--line))}.location .location-body{padding:10px 14px 11px}.location .location-code{font-size:var(--step-3);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:800;line-height:1.05;display:block}.location .location-name{font-weight:600;display:block}.location .location-kind{color:var(--line);font-size:var(--step-0);display:block}.location[data-unmapped=true] .location-code{font-size:var(--step-2)}.location .new-tag{background:var(--signal);color:var(--ink);vertical-align:.35em;border-radius:3px;margin-left:8px;padding:1px 7px;font-size:12px;font-weight:800;display:none}.location[data-new=true] .new-tag{display:inline-block}.crosshair{background:var(--paper);border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 1.5px #1b2a3ab3,0 0 0 9px #eef2f400,0 0 0 10px #eef2f473}.map-dock{top:var(--gutter);right:var(--gutter);justify-items:center;gap:8px;display:grid;position:absolute}.map-dock canvas{border-radius:50%;width:150px;height:150px;display:block;box-shadow:0 6px 20px #00000059}.tally{background:var(--ink-veil);font-size:var(--step-0);font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 10px}.tally strong{color:var(--signal)}.hints{right:var(--gutter);bottom:var(--gutter);color:var(--paper);font-size:var(--step-0);text-shadow:0 1px 3px #0009;gap:14px;display:flex;position:absolute}.hints span{align-items:center;gap:6px;display:flex}.toast{bottom:calc(var(--gutter) + 40px);max-width:calc(100vw - 2 * var(--gutter));border-radius:var(--radius-plate);background:var(--ink-veil);padding:10px 16px;position:absolute;left:50%;translate:-50%;box-shadow:0 6px 20px #00000059}.toast[data-tone=discovery]{border-left:4px solid var(--signal)}.toast[hidden]{display:none}.screen-pause{pointer-events:auto;background:linear-gradient(90deg,#1b2a3af5 0%,#1b2a3ae0 46%,#1b2a3a40 100%);overflow:auto}.pause-column{max-width:440px;padding:var(--gutter);padding-top:calc(var(--gutter) + 8px);gap:22px;display:grid}.pause-column h2{font-size:var(--step-3);letter-spacing:-.01em;margin:0}.pause-actions{justify-items:stretch;gap:10px;display:grid}.pause-actions .primary{width:100%}.progress{gap:6px;display:grid}.progress-bar{background:var(--ink-raised);border-radius:3px;height:6px;overflow:hidden}.progress-bar span{background:var(--signal);height:100%;display:block}.recent{color:var(--line);font-size:var(--step-0);gap:4px;margin:0;padding:0;list-style:none;display:grid}.recent b{color:var(--paper);font-variant-numeric:tabular-nums}fieldset{border:0;gap:14px;margin:0;padding:0;display:grid}legend{margin-bottom:4px;font-weight:700}.slider{font-size:var(--step-0);grid-template-columns:1fr auto;gap:4px 12px;display:grid}.slider output{color:var(--line);font-variant-numeric:tabular-nums}.slider input{accent-color:var(--signal);grid-column:1/-1}.full-map{background:#1b2a3ad1;place-items:center;display:none;position:absolute;inset:0}#app-ui[data-map=open] .full-map{display:grid}.full-map canvas{max-width:calc(100vw - 2 * var(--gutter));max-height:calc(100vh - 2 * var(--gutter) - 40px);border-radius:var(--radius-plate)}.full-map p{color:var(--line);font-size:var(--step-0);text-align:center;margin:10px 0 0}@media (width<=640px){:root{--step-3:24px;--step-4:36px}.map-dock canvas{width:112px;height:112px}.hints{display:none}}@media (prefers-reduced-motion:reduce){.stages li[data-state=active]:before{animation:none}}