:root{--ink:#d9e3ea;--dim:#8798a6;--panel:#040a12c7;--line:#a0bed22e;--sign:#f2a33a}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:#02060d;margin:0;font-family:ui-sans-serif,system-ui,Segoe UI,sans-serif;overflow:hidden}button,input{font:inherit;color:inherit}button{border:1px solid var(--line);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:6px;padding:10px 14px}button:hover:not(:disabled){border-color:var(--ink)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--sign);border-color:var(--sign);color:#1b1003;font-weight:600}button.wide{width:100%}input:not([type=checkbox]){border:1px solid var(--line);background:#ffffff0d;border-radius:6px;outline:none;width:100%;padding:10px 12px}input:focus{border-color:var(--sign)}.stage{-webkit-user-select:none;user-select:none;position:fixed;inset:0}.view{width:100%;height:100%;display:block}.vignette{pointer-events:none;background:radial-gradient(#0000 45%,#0000009e 100%);position:absolute;inset:0}.lobby{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;width:min(360px,100vw - 32px);max-height:calc(100dvh - 24px);padding:24px;position:absolute;bottom:max(16px,7vh);left:max(16px,5vw);overflow-y:auto}.lobby h1{letter-spacing:-.01em;margin:0;font-size:34px}.lobby h1 span{color:var(--sign)}.lede{color:var(--dim);margin:6px 0 20px}.field{margin-bottom:12px;display:block}.field span{color:var(--dim);margin-bottom:6px;font-size:13px;display:block}.playing-as{color:var(--dim);margin:0 0 12px}.playing-as strong{color:var(--ink)}.back-to-chat{margin-top:8px}.splash{z-index:100;background:#000;place-items:center;display:grid;position:fixed;inset:0}.splash img{object-fit:contain;opacity:0;pointer-events:none;width:min(52vw,340px);max-height:46dvh}.splash.playing{animation:.7s ease-in 3.1s forwards splash-reveal}.splash.playing img{animation:3.1s ease-in-out forwards splash-logo}@keyframes splash-logo{0%{opacity:0;transform:scale(.97)}30%,72%{opacity:1}to{opacity:0;transform:scale(1.02)}}@keyframes splash-reveal{to{opacity:0}}.picker{margin-bottom:12px}.picker-label{color:var(--dim);justify-content:space-between;margin:0 0 6px;font-size:13px;display:flex}.picker-label b{color:var(--sign);font-weight:600}.picker-row{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.picker-row button{opacity:.82;background:0 0;border:2px solid #0000;border-radius:6px;padding:0;display:block;overflow:hidden}.picker-row button.picked{border-color:var(--sign);opacity:1}.picker-row img{pointer-events:none;width:100%;height:auto;display:block}.divider{color:var(--dim);align-items:center;gap:10px;margin:16px 0 12px;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.actions{gap:10px;display:grid}.join{grid-template-columns:1fr auto;gap:8px;display:grid}.join input{letter-spacing:.16em;text-transform:uppercase}.status{min-height:18px;color:var(--dim);margin:14px 0 0;font-size:13px}.hud-left{z-index:2;top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));pointer-events:none;justify-items:start;gap:8px;width:min(280px,45vw - 16px);min-width:200px;display:grid;position:absolute}.roster{background:var(--panel);border:1px solid var(--line);border-radius:8px;width:100%;padding:12px 14px}.roster.solo{width:auto;padding:8px 14px}.room{color:var(--dim);align-items:center;gap:8px;font-size:13px;display:flex}.room strong{color:var(--ink);letter-spacing:.14em;flex:1;font-size:18px}.room button{pointer-events:auto;padding:4px 8px;font-size:12px}.count{color:var(--dim);margin:8px 0 0;font-size:13px}.roster ul{margin:8px 0 0;padding:0;font-size:14px;list-style:none}.roster li{align-items:center;gap:8px;padding:3px 0;display:flex}.roster li i{border-radius:50%;width:9px;height:9px}.chat-log{overflow-wrap:anywhere;text-shadow:0 1px 3px #000000f2;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:2px;width:100%;max-height:36dvh;margin:0;padding:0;font-size:14px;line-height:1.3;list-style:none;display:flex;overflow:hidden}.chat-log li{background:#040a1294;border-radius:4px;flex:none;max-width:100%;padding:1px 6px;animation:.8s 10s forwards fade-away}.chat-log.open li{animation:none}.chat-log b{color:var(--sign)}.chat-log .mine b{color:#9ec6e8}.chat-log .notice{color:var(--dim);font-style:italic}.chat-entry{z-index:4;top:max(8px, env(safe-area-inset-top));background:var(--panel);border:1px solid var(--line);opacity:0;pointer-events:none;border-radius:10px;grid-template-columns:1fr auto auto;gap:8px;width:min(460px,100vw - 24px);padding:8px;display:grid;position:absolute;left:50%;transform:translate(-50%,-160%)}.chat-entry.open{opacity:1;pointer-events:auto;transform:translate(-50%)}.chat-entry input{font-size:16px}.chat-close{min-width:44px;padding:0 8px;font-size:20px;line-height:1}.crosshair{pointer-events:none;background:#e6f0f5b3;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%}.prompt{background:var(--panel);pointer-events:none;border-radius:6px;margin:0;padding:6px 12px;font-size:14px;position:absolute;top:calc(50% + 26px);left:50%;transform:translate(-50%)}.hint{background:var(--panel);color:var(--dim);pointer-events:none;border-radius:6px;margin:0;padding:6px 12px;font-size:13px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.credit{right:max(12px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));color:var(--dim);margin:0;font-size:11px;position:absolute}.update-now{z-index:5;top:max(60px, calc(env(safe-area-inset-top) + 52px));right:max(12px, env(safe-area-inset-right));background:var(--sign);border-color:var(--sign);color:#1b1003;padding:8px 12px;font-size:13px;font-weight:600;position:absolute}.low-graphics{z-index:2;background:var(--panel);text-align:center;pointer-events:none;border-radius:6px;width:max-content;max-width:min(460px,100vw - 48px);margin:0;padding:8px 12px;font-size:13px;animation:1s 12s forwards fade-away;position:absolute;top:16px;left:50%;transform:translate(-50%)}@keyframes fade-away{to{opacity:0}}.touch-zone{z-index:1;touch-action:none;position:absolute;top:0;bottom:0}.touch-stick{width:45%;left:0}.touch-look{width:55%;right:0}.stick-base{left:max(32px, env(safe-area-inset-left));bottom:max(28px, env(safe-area-inset-bottom));pointer-events:none;background:#c8dceb14;border:2px solid #c8dceb47;border-radius:50%;width:124px;height:124px;position:absolute}.stick-base.held{background:#c8dceb24}.stick-knob{background:#e1ebf280;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%}.touch-buttons{z-index:2;right:max(24px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));pointer-events:none;justify-items:end;gap:12px;display:grid;position:absolute}.touch-buttons button{pointer-events:auto;touch-action:none}.touch-row{gap:12px;display:flex}.touch-round{background:var(--panel);border-radius:50%;width:64px;height:64px;padding:0;font-size:12px;font-weight:600}.touch-round.off{color:var(--dim);border-style:dashed}.behind-phone{visibility:hidden}.phone-button{position:relative}.phone-badge{color:#fff;background:#e0453a;border-radius:11px;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:700;line-height:22px;position:absolute;top:-2px;right:-2px}.touch-action{background:var(--sign);border-color:var(--sign);color:#1b1003;border-radius:26px;min-height:52px;padding:0 20px;font-size:15px;font-weight:700}.touch-pause{z-index:2;top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));background:var(--panel);touch-action:none;min-width:56px;min-height:44px;padding:0 12px;font-size:13px;position:absolute}.rotate-hint{z-index:2;background:var(--panel);text-align:center;pointer-events:none;border-radius:6px;width:max-content;max-width:calc(100vw - 48px);margin:0;padding:8px 12px;font-size:13px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (orientation:portrait){.rotate-hint{display:block;top:22%}}.pause{z-index:3;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;gap:12px;width:min(320px,100vw - 32px);max-height:calc(100dvh - 16px);padding:22px;display:grid;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.pause h2{margin:0;font-size:20px}.pause dl{grid-template-columns:64px 1fr;gap:6px 12px;margin:4px 0;font-size:14px;display:grid}.pause dt{color:var(--sign);font-weight:600}.pause dd{color:var(--dim);margin:0}@media (max-height:520px){.lobby{grid-template-columns:1.35fr 1fr;gap:22px;width:min(680px,100vw - 24px);padding:14px 18px;display:grid;top:50%;bottom:auto;left:50%;transform:translateY(-50%)translate(-50%)}.lobby h1{font-size:26px}.lede{margin:2px 0 10px;font-size:13px}.field{margin-bottom:8px}.field span{margin-bottom:3px}.field input{padding:6px 10px}.picker{margin-bottom:8px}.picker-label{margin-bottom:3px}.divider{margin:4px 0 10px}.chat-log{font-size:13px}.status{margin-top:8px}.pause{gap:8px;padding:14px 18px}.pause dl{margin:0}}