.hud>*{pointer-events:auto}.topbar{margin:calc(var(--safe-top) + 10px) 10px 0;padding:10px 14px;display:flex;align-items:center;gap:12px}.topbar .brand{min-width:0}.topbar .brand h1{font-size:14px;font-weight:600;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .brand .kicker{margin-bottom:3px}.topbar .stats{margin-left:auto;display:flex;gap:14px;flex-shrink:0}.map-toggle{flex:0 0 auto;padding:7px 10px;border-radius:8px;border:1px solid var(--line);background:#4fd8ff1a;color:var(--cyan);font:inherit;font-size:11px;cursor:pointer}.map-toggle:hover,.map-toggle[aria-expanded=true]{background:#4fd8ff33;color:var(--txt)}.stat{text-align:right}.stat b{display:block;font-size:16px;font-weight:700;color:var(--cyan);line-height:1.15;font-variant-numeric:tabular-nums}.stat span{font-size:9px;color:var(--dim);letter-spacing:.1em}.stat.secondary{display:none}.mid{flex:1;min-height:0;pointer-events:none}.subtitle{margin:0 10px 8px;padding:8px 14px;align-self:flex-start;font-size:12px;color:var(--dim);pointer-events:none}.subtitle b{color:var(--gold);font-variant-numeric:tabular-nums;margin-right:8px}.dock{margin:0 10px calc(var(--safe-bottom) + 10px);padding:10px 12px 12px}.avatars{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:8px}.avatars::-webkit-scrollbar{display:none}.avatar{flex:0 0 auto;width:46px;text-align:center;background:none;border:none;color:inherit;cursor:pointer;font:inherit}.avatar .ring{width:40px;height:40px;margin:0 auto 4px;border-radius:50%;border:2px solid var(--line);background:linear-gradient(150deg,#1a2547,#101838);display:grid;place-items:center;font-size:13px;font-weight:600;color:var(--dim);transition:border-color .18s,box-shadow .18s,color .18s}.avatar.on .ring{border-color:var(--cyan);color:var(--txt);box-shadow:0 0 12px #4fd8ff8c}.avatar em{display:block;font-size:9px;font-style:normal;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar.on em{color:var(--cyan)}.actions{display:flex;gap:6px;margin-bottom:10px}.chip{flex:1;padding:7px 0;border-radius:8px;border:1px solid var(--line);background:#93a1d614;color:var(--dim);font:inherit;font-size:12px;cursor:pointer;transition:background .16s,color .16s,border-color .16s}.chip.on{border-color:var(--cyan);background:#4fd8ff29;color:var(--txt)}.chip:active{transform:scale(.97)}.card{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:14px;background:#4fd8ff0f}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.card-head b{font-size:15px;font-weight:700}.close{width:20px;height:20px;border-radius:50%;border:1px solid var(--line);background:none;color:var(--dim);font-size:13px;line-height:1;cursor:pointer;display:grid;place-items:center}.close:hover{color:var(--txt)}.kv{display:flex;justify-content:space-between;align-items:baseline;padding:7px 0;border-bottom:1px dashed rgba(147,161,214,.16);font-size:12px}.kv:last-child{border-bottom:none}.kv span{color:var(--dim)}.kv b{color:var(--txt);font-variant-numeric:tabular-nums}.desk-only{display:none}.phone-only{display:block}.card-slot{margin:0 10px 8px}.card-slot .card{margin-bottom:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#101838d1}.card-slot:empty{display:none;margin:0}.timeline{display:flex;align-items:center;gap:10px}.play{flex:0 0 auto;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:#4fd8ff24;color:var(--cyan);font-size:13px;cursor:pointer;display:grid;place-items:center}.play:active{transform:scale(.94)}.track-wrap{flex:1;position:relative;height:22px;display:flex;align-items:center}.track-wrap:before{content:"";position:absolute;left:0;right:0;height:4px;border-radius:2px;background:#93a1d638}.track-wrap .fill{position:absolute;left:0;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--violet),var(--cyan));pointer-events:none}.ticks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ticks i{position:absolute;top:50%;width:2px;height:9px;margin-top:-4.5px;margin-left:-1px;border-radius:1px;background:#93a1d680}.track-wrap input[type=range]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.track-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--cyan);border:2px solid rgba(10,14,30,.9);box-shadow:0 0 8px #4fd8ff99}.track-wrap input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--cyan);border:2px solid rgba(10,14,30,.9)}.clock{flex:0 0 auto;font-size:12px;font-weight:600;color:var(--gold);font-variant-numeric:tabular-nums}.speed{flex:0 0 auto;padding:3px 7px;border-radius:6px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:11px;font-weight:600;cursor:pointer;font-variant-numeric:tabular-nums}.daytabs{display:flex;gap:6px;margin-bottom:8px}.daytabs .chip{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 4px;line-height:1.15}.daytabs .chip em{font-style:normal;font-size:9px;opacity:.65}.segcard{border:1px solid var(--line);border-radius:10px;padding:9px 11px;margin-bottom:8px;background:#7c5cff14}.segcard.offscene{background:#93a1d612;border-style:dashed}.seg-time{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.seg-title{display:block;font-size:13px;margin:1px 0 3px}.seg-where{font-size:11px;color:var(--cyan);display:flex;align-items:center;gap:6px}.seg-where .badge{font-size:9px;padding:1px 5px;border-radius:4px;border:1px solid var(--line);color:var(--muted)}.seg-detail,.seg-note{font-size:10.5px;line-height:1.5;color:var(--muted);margin:5px 0 0}.seg-note{opacity:.8;font-style:italic}.side{display:none}@media (min-width: 900px){.topbar{margin:16px 16px 0;padding:14px 20px}.topbar .brand h1{font-size:19px}.stat.secondary{display:block}.stat b{font-size:21px}.mid{flex:1;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px 0;pointer-events:none;min-height:0}.side{display:block;width:232px;padding:14px 16px;pointer-events:auto;max-height:100%;overflow-y:auto}.side h2{font-size:11px;letter-spacing:.2em;color:var(--cyan);margin-bottom:12px;text-transform:uppercase}.desk-only{display:block}.phone-only{display:none}.side .avatars{flex-direction:column;overflow:visible;gap:6px;padding:0}.side .avatar{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:5px 7px;border-radius:9px;transition:background .16s}.side .avatar:hover{background:#4fd8ff17}.side .avatar .ring{width:32px;height:32px;margin:0;font-size:12px}.side .avatar em{font-size:12px}.dock{margin:0 16px 16px;padding:12px 18px}.dock>.avatars{display:none}.subtitle{margin:0 16px 10px;font-size:13px}}.map-layer{position:fixed;top:74px;right:10px;bottom:86px;left:10px;z-index:20;display:grid;place-items:center;pointer-events:none}.campus-map{width:min(960px,100%);max-height:100%;padding:14px;overflow:auto;pointer-events:auto;background:#0a1126f2;box-shadow:0 20px 70px #0000007a}.map-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.map-head h2{margin-top:4px;font-size:16px;font-weight:650}.map-canvas{width:100%;aspect-ratio:1000 / 720;max-height:calc(100vh - 250px);border:1px solid rgba(147,161,214,.22);border-radius:10px;overflow:hidden}.map-canvas svg{display:block;width:100%;height:100%}.map-label{fill:#111a2d;font-size:13px;font-weight:650;pointer-events:none}.map-special-label{fill:#f6e9c7;font-size:14px;font-weight:650}.map-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;color:var(--dim);font-size:10px}.map-legend span{display:inline-flex;align-items:center;gap:5px}.legend-swatch{width:10px;height:10px;border-radius:3px;display:inline-block}.legend-swatch.building{background:#d4b47b}.legend-swatch.road{background:#47516b}.legend-swatch.lawn{background:#355b4d}.legend-swatch.field{background:#527966}.map-note{margin-top:8px;color:var(--muted);font-size:10px}@media (max-width: 520px){.topbar{gap:8px}.map-toggle{padding:7px 8px}.map-layer{top:68px;right:8px;bottom:112px;left:8px}.campus-map{padding:10px}.map-head h2{font-size:14px}.map-label{font-size:11px}}:root{--bg: #050914;--panel: rgba(12, 20, 44, .82);--line: rgba(79, 216, 255, .24);--txt: #e8ecff;--dim: #93a1d6;--cyan: #4fd8ff;--violet: #8b6cff;--gold: #ffd479;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg);color:var(--txt);font-family:HarmonyOS Sans SC,Microsoft YaHei,PingFang SC,system-ui,sans-serif;overscroll-behavior:none;touch-action:none}.stage{position:fixed;top:0;right:0;bottom:0;left:0}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;display:flex;flex-direction:column}.glass{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:14px}.kicker{font-size:10px;letter-spacing:.28em;color:var(--cyan);text-transform:uppercase}