html,body,#root{margin:0;height:100%;height:100dvh;background:#0b1020;font-family:system-ui,sans-serif;color:#e5e7eb;overscroll-behavior:none;touch-action:none}.banner{position:fixed;top:0;left:0;right:0;z-index:10;text-align:center;padding:8px 12px;background:#b91c1c;color:#fff;font-weight:700;letter-spacing:.06em;font-size:12px}.panel,.legend,.timectl{position:fixed;background:#0f172af0;border:1px solid #334155;border-radius:10px;padding:14px 16px;z-index:5;-webkit-overflow-scrolling:touch;touch-action:manipulation}.panel{box-sizing:border-box;top:52px;right:16px;width:min(320px,calc(100vw - 32px));max-height:calc(100dvh - 120px);overflow:auto}.panel h2{margin:0 0 6px;font-size:18px;padding-right:28px}.panel h3{margin:12px 0 4px;font-size:12px;text-transform:uppercase;color:#94a3b8}.panel p{margin:0 0 4px;font-size:14px;color:#cbd5e1}.panel button.close{position:absolute;top:8px;right:10px;background:none;border:0;color:#94a3b8;font-size:28px;line-height:1;cursor:pointer;padding:8px}.panel ul.crew{list-style:none;margin:0;padding:0}.panel ul.crew li{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #1e293b;font-size:14px}.panel ul.crew li:last-child{border-bottom:0}.panel ul.crew .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel ul.crew small{color:#94a3b8;font-size:11px;white-space:nowrap}.panel ul.crew button,.crew-all button,.timectl button{background:#1e293b;border:1px solid #334155;color:#e2e8f0;border-radius:6px;padding:5px 9px;font-size:12px;cursor:pointer;white-space:nowrap}.panel ul.crew button:hover,.crew-all button:hover,.timectl button:hover{background:#334155}.panel button.enter{display:block;width:100%;margin:10px 0 2px;padding:10px;background:#0ea5e9;border:1px solid #38bdf8;color:#0b1020;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer}.panel button.enter:hover{background:#38bdf8}.exit{position:fixed;top:52px;left:50%;transform:translate(-50%);z-index:6;background:#0f172af0;border:1px solid #38bdf8;color:#e2e8f0;border-radius:10px;padding:10px 16px;font-size:14px;cursor:pointer}.exit:hover{background:#334155}.exit small{color:#94a3b8;margin-left:6px}.crew-all{display:flex;gap:8px;margin-top:10px}.crew-all button{flex:1}.timectl{top:52px;left:16px;display:flex;align-items:center;gap:6px;padding:8px 10px}.timectl .clock{font-variant-numeric:tabular-nums;font-size:13px;color:#cbd5e1;margin-right:4px;min-width:42px}.timectl button.on{background:#0ea5e9;border-color:#38bdf8;color:#0b1020;font-weight:700}.legend{bottom:16px;left:16px;font-size:13px;max-width:min(320px,calc(100vw - 32px))}.legend h3{margin:0 0 6px;font-size:12px;text-transform:uppercase;color:#94a3b8}.legend div{display:flex;align-items:center;gap:8px;margin:4px 0;flex-wrap:wrap}.dot{width:12px;height:12px;border-radius:50%;display:inline-block;flex:none}.legend small{color:#94a3b8}.hint-narrow{display:none}.hint{position:fixed;bottom:16px;right:16px;font-size:12px;color:#cbd5e1;max-width:42vw;text-align:right;text-shadow:0 1px 3px rgba(0,0,0,.8);line-height:1.4}@media (max-width: 640px){.banner{font-size:11px;padding:10px 8px;letter-spacing:.04em}.panel{top:auto;bottom:0;left:0;right:0;width:100%;max-width:none;max-height:46dvh;border-radius:16px 16px 0 0;padding:16px 18px 24px}.legend{top:48px;bottom:auto;left:8px;right:auto;font-size:11px;padding:10px 12px;max-width:min(200px,50vw)}.legend small{display:none}.timectl{top:48px;left:auto;right:8px;padding:6px 8px;gap:4px}.timectl .clock{font-size:12px;min-width:38px}.timectl button{padding:4px 7px;font-size:11px}.hint-wide{display:none}.hint-narrow{display:block}.exit{display:none}.hint{bottom:auto;top:100px;right:8px;left:auto;max-width:44vw;font-size:11px}}