:root{--m-safe-t: env(safe-area-inset-top, 0px);--m-safe-b: env(safe-area-inset-bottom, 0px);--m-safe-l: env(safe-area-inset-left, 0px);--m-safe-r: env(safe-area-inset-right, 0px);--m-gap: 8px;--m-pad: 10px;--m-fs-time: clamp(19px, 5.4vw, 26px);--m-fs-name: clamp(15px, 4.1vw, 18px);--m-fs-body: clamp(12.5px, 3.4vw, 14px);--m-fs-chip: clamp(11px, 3vw, 12.5px);--m-glass: rgba(12, 15, 24, .72);--m-edge: rgba(255, 255, 255, .1)}html,body{height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:#0b0d14}#game-root canvas{touch-action:none}#m-hud{top:0;left:0;right:0;padding:calc(var(--m-safe-t) + 6px) calc(var(--m-safe-r) + var(--m-pad)) 10px calc(var(--m-safe-l) + var(--m-pad));background:linear-gradient(180deg,#080a12d9,#080a1200);display:flex;flex-direction:column;gap:5px;pointer-events:none;z-index:20}#m-hud button{pointer-events:auto}.m-row{display:flex;align-items:center;gap:6px;min-width:0}.m-row .spacer{flex:1}.m-clock{display:flex;align-items:baseline;gap:6px;min-width:0}#m-time{font:700 var(--m-fs-time) / 1 "Segoe UI",system-ui,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.01em;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.85)}#m-live{font:700 9px/1 Segoe UI,sans-serif;color:#10121a;background:#ff5a5a;border-radius:4px;padding:3px 5px;letter-spacing:.08em}#m-live.hidden{display:none}.m-chip{font:600 var(--m-fs-chip) / 1.2 "Segoe UI",system-ui,sans-serif;color:#e7edfa;background:var(--m-glass);border:1px solid var(--m-edge);border-radius:999px;padding:4px 8px;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.m-chip.m-accent{color:#ffd76b;border-color:#ffd76b59}.m-chip:empty{display:none}.m-btn{min-height:44px;padding:0 12px;border:1px solid var(--m-edge);border-radius:12px;background:var(--m-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#eaeffb;font:600 var(--m-fs-body) / 1.1 "Segoe UI",system-ui,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 1 auto;min-width:0;white-space:nowrap;-webkit-tap-highlight-color:transparent}.m-btn-sm{min-height:38px;min-width:38px;padding:0 9px;font-size:15px}.m-btn:active{transform:scale(.97);background:#283046eb}.m-btn.on{background:var(--accent, #6ee7f9);border-color:transparent;color:#10121a;font-weight:700}.m-actions{display:flex;gap:7px;align-items:stretch;min-width:0}.m-actions .grow{flex:1 1 0}.m-icons .m-btn{flex:1 1 0;font-size:17px;padding:0 6px}#m-bottom{position:fixed;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:var(--m-gap);padding:0 calc(var(--m-safe-r) + var(--m-pad)) calc(var(--m-safe-b) + var(--m-pad)) calc(var(--m-safe-l) + var(--m-pad));pointer-events:none;z-index:21}#m-bottom>*{pointer-events:auto}#m-bottom #dialogue,#m-bottom #toast,#m-bottom #interior-bar,#m-bottom #m-watch{position:static;inset:auto;width:auto;max-height:46vh}.m-ticker{display:block;width:100%;min-height:44px;padding:10px 12px;text-align:left;border:1px solid var(--m-edge);border-radius:12px;background:var(--m-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#c8d3ea;font:500 var(--m-fs-body) / 1.35 "Segoe UI",system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .35s;cursor:pointer;-webkit-tap-highlight-color:transparent;pointer-events:auto;position:relative;z-index:5}.m-ticker:before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--z-terracotta);vertical-align:1px}.m-ticker:active{background:#283046e6}.m-ticker.fade{opacity:.25}#m-watch{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:16px;background:#0a0d16bd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--m-edge)}.m-watch-head{display:flex;align-items:center;gap:10px;min-width:0}.m-face{width:46px;height:46px;flex:0 0 auto;border-radius:12px;background:#232a3a;border:1px solid var(--m-edge);image-rendering:pixelated;object-fit:cover}.m-face.hidden{display:none}.m-who{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}#m-name{font:700 var(--m-fs-name) / 1.2 "Segoe UI",system-ui,sans-serif;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#m-doing{font:500 var(--m-fs-body) / 1.35 "Segoe UI",system-ui,sans-serif;color:#c2cde4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#m-bottom #dialogue{overflow:visible;border-radius:14px}#m-bottom #dialogue.hidden{display:none}#m-bottom #interior-bar{display:flex;align-items:center;gap:8px;min-width:0}#m-bottom #interior-bar.hidden{display:none}#interior-title{font:600 var(--m-fs-body) / 1.2 "Segoe UI",system-ui,sans-serif;color:#fff;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#interior-bar .legend{display:none}#m-bottom #toast{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;background:#1c150beb;border:1px solid rgba(255,215,107,.35);color:#ffe9b8;font:600 var(--m-fs-body) / 1.35 "Segoe UI",system-ui,sans-serif}#m-bottom #toast.hidden{display:none}#side-panel,#stories-panel,#m-news{position:fixed;inset:auto 0 0;width:auto;max-height:76dvh;overflow-y:auto;border-radius:18px 18px 0 0;padding:16px calc(var(--m-safe-r) + 14px) calc(var(--m-safe-b) + 18px) calc(var(--m-safe-l) + 14px);-webkit-overflow-scrolling:touch;z-index:40}#m-news.hidden,#side-panel.hidden,#stories-panel.hidden{display:none}#side-panel:before,#stories-panel:before,#m-news:before{content:"";position:absolute;top:7px;left:50%;transform:translate(-50%);width:42px;height:4px;border-radius:3px;background:#ffffff40}#side-panel h3,#m-news h3{margin-top:10px}#m-news ul{list-style:none;margin:0;padding:0}#m-news li{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08);font:400 var(--m-fs-body) / 1.45 "Segoe UI",system-ui,sans-serif}#m-news li .src{font-size:11px;opacity:.65;margin-top:2px}#m-news li div:last-child{font-size:12.5px;opacity:.8;margin-top:4px}#m-scrim{position:fixed;inset:0;background:#0000008c;z-index:35}#m-scrim.hidden{display:none}#story-caption{top:calc(var(--m-safe-t) + 76px);left:calc(var(--m-safe-l) + 12px);right:calc(var(--m-safe-r) + 12px);max-width:none;z-index:44}#m-bottom #dialogue{position:relative;left:auto;right:auto;bottom:auto;transform:none;width:100%;max-width:100%;box-sizing:border-box;grid-template-columns:54px minmax(0,1fr) 54px;gap:6px;margin:0}#m-bottom .dlg-portrait img{width:52px;height:52px}#m-bottom .dlg-name{font-size:10px;max-width:54px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#m-bottom .dlg-body{min-height:72px;padding:8px 10px 14px}#m-bottom .dlg-text{font-size:14px;min-height:36px}#m-bottom .dlg-close{top:-8px;right:-4px}@media(orientation:landscape)and (max-height:560px){#m-watch{flex-direction:row;align-items:center;gap:10px;padding:8px 10px}.m-watch-head{flex:1 1 30%}.m-face{width:38px;height:38px}#m-doing{-webkit-line-clamp:1}.m-actions{flex:0 0 auto}.m-actions .grow,.m-icons{flex:0 1 auto}.m-icons .m-btn{flex:0 0 auto;min-width:44px}.m-ticker{display:none}#m-bottom #dialogue{max-height:40vh}}@media(max-height:400px){.m-btn,.m-icons .m-btn{min-height:36px}:root{--m-fs-time: 17px}#m-bottom #dialogue{max-height:32vh}}.m-chip,.m-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.m-btn.on{background:var(--z-gold);color:var(--z-gold-ink)}#m-why{font:italic 500 12px / 1.3 var(--z-font);color:var(--z-text-faint)}#m-bottom:has(#dialogue:not(.hidden)) .m-ticker{display:none}#m-bottom #dialogue{margin-top:14px}