:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#0b1220}body{touch-action:none}.layout{position:relative;width:100%;height:100%}#scene{width:100%;height:100%;touch-action:none}.brand-bar{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:9;pointer-events:none}#brand-text{margin:0;color:#f3f8ff;font-size:clamp(1.05rem,2vw,1.8rem);letter-spacing:.08em;text-transform:lowercase;font-family:Arial Black,Franklin Gothic Medium,Impact,sans-serif;text-shadow:0 2px 0 #2a3d7a,0 0 14px rgba(112,177,255,.42);will-change:transform}.hud{position:absolute;top:62px;right:12px;width:200px;background:#040a19bd;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px 10px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.hud p{margin:2px 0;font-size:.78rem}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:9;pointer-events:none;font-family:Arial Black,Impact,sans-serif;font-size:clamp(4rem,12vw,8rem);color:#f4fbff;text-shadow:0 6px 0 rgba(12,27,64,.6),0 0 28px rgba(126,208,255,.58)}.toast{margin-top:6px;padding:5px 7px;border-radius:8px;background:#78adff33;border:1px solid rgba(160,207,255,.38);font-size:.73rem}.event-toast{position:absolute;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:12;margin:0;padding:8px 12px;border-radius:10px;border:1px solid rgba(120,192,255,.44);background:#061024c7;color:#ecf6ff;font-size:.8rem;font-weight:700;letter-spacing:.02em;text-align:center;max-width:min(86vw,520px);text-wrap:balance;pointer-events:none}.touch-controls{position:absolute;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:9;display:grid;gap:8px;pointer-events:none}.touch-steer-zone{position:absolute;left:0;right:0;top:64px;bottom:calc(170px + env(safe-area-inset-bottom));z-index:8;pointer-events:auto;touch-action:none;background:transparent}.touch-steer-zone.active{background:#82b8ff0b}.touch-hint{margin:0;padding:7px 9px;border-radius:10px;border:1px solid rgba(160,207,255,.3);background:#061022b3;color:#e7f2ff;font-size:.72rem;font-weight:600;line-height:1.25;text-align:center;text-wrap:balance;pointer-events:auto;cursor:pointer}.touch-toast{margin:0;padding:6px 8px;border-radius:10px;border:1px solid rgba(120,192,255,.34);background:#07142dad;color:#dff0ff;font-size:.69rem;font-weight:700;letter-spacing:.02em;text-align:center;min-height:1.2rem;text-wrap:balance;pointer-events:none}.touch-row{display:grid;gap:8px}.action-row{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.touch-controls button{pointer-events:auto;border:none;border-radius:999px;width:72px;height:72px;font-size:.95rem;font-weight:800;color:#f7faff;background:linear-gradient(135deg,#3569fcd6,#7442ffbd);box-shadow:0 8px 22px #0206146b;touch-action:none;-webkit-user-select:none;user-select:none;display:grid;place-items:center;gap:2px;aspect-ratio:1 / 1;justify-self:center}.touch-circle.run{background:linear-gradient(135deg,#2e80ffe6,#7049ffc2)}.touch-circle.jump{width:94px;height:94px;background:linear-gradient(135deg,#3aa0ffe0,#2c65ffc7);box-shadow:0 10px 26px #020a1e75}.touch-controls button strong{font-size:1rem;line-height:1}.touch-controls button span{font-size:.66rem;font-weight:700;opacity:.92;text-transform:uppercase;letter-spacing:.04em}.touch-controls button.active{filter:brightness(1.16);transform:translateY(1px)}.select-screen{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:flex;align-items:flex-end;z-index:8;pointer-events:none}.menu-stack{display:grid;gap:8px;width:min(620px,94vw)}.howto-card{border-radius:14px;border:1px solid rgba(190,216,255,.34);background:linear-gradient(140deg,#101d3aeb,#223462d6);padding:12px 14px;pointer-events:auto;box-shadow:0 16px 38px #00000061}.howto-card summary{list-style:none;cursor:pointer;font-size:.86rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#e9f4fff2;margin:0}.howto-card summary::-webkit-details-marker{display:none}.howto-card summary:after{content:"▾";float:right;opacity:.9;transform:translateY(-1px)}.howto-card:not([open]) summary:after{content:"▸"}.howto-card:not([open]){padding-bottom:10px}.howto-card:not([open]) h2,.howto-card:not([open]) .wasd-demo,.howto-card:not([open]) p{display:none}.howto-card h2{margin:8px 0;font-size:clamp(1.3rem,2.2vw,1.85rem);font-weight:900;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 0 16px rgba(120,182,255,.35)}.howto-card p{margin:0;font-size:.98rem;line-height:1.34;color:#eaf3ff}.howto-card p+p{margin-top:6px;font-size:.9rem;color:#e8f4ffeb}.wasd-demo{border:1px solid rgba(186,218,255,.24);border-radius:12px;background:linear-gradient(140deg,#08112694,#14244a7a);padding:8px 10px 10px;margin:0 0 10px}.wasd-caption{margin:0 0 8px;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#e0f0fff0}.iso-keyboard{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);justify-content:center;gap:6px;transform:perspective(380px) rotateX(42deg) rotate(-28deg);transform-origin:center}.iso-key{border-radius:10px;border:1px solid rgba(192,223,255,.32);background:linear-gradient(160deg,#324f8ae6,#1f325feb);color:#f4f9ff;display:grid;place-items:center;font-weight:900;font-size:1rem;box-shadow:0 7px #0a12288c,0 10px 18px #0509166b;transform:translateY(0);animation-duration:1.24s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.key-w{grid-column:2;grid-row:1}.key-a{grid-column:1;grid-row:2;animation-name:keyPressA}.key-s{grid-column:2;grid-row:2}.key-d{grid-column:3;grid-row:2;animation-name:keyPressD}@keyframes keyPressA{0%,9%,46%,to{transform:translateY(0);filter:brightness(1)}16%,30%{transform:translateY(5px);filter:brightness(1.18)}}@keyframes keyPressD{0%,48%,to{transform:translateY(0);filter:brightness(1)}58%,76%{transform:translateY(5px);filter:brightness(1.18)}}.results-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#754dff47,#060b1bd9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10}.results-layout{width:min(1020px,96vw);display:grid;grid-template-columns:minmax(320px,1fr) minmax(280px,.84fr);gap:10px;align-items:start}.select-panel,.results-card{width:min(520px,90vw);border-radius:16px;border:1px solid rgba(255,255,255,.18);background:#060c1cb8;padding:9px;box-shadow:0 20px 50px #00000073;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto}.select-panel{width:100%;max-height:68vh;overflow:auto}.leaderboard-card{max-height:min(82vh,760px);overflow:auto}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}.tools-row{grid-template-columns:1fr}.mods-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;display:grid;place-items:center;background:#040a189e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#leaderboard-subtitle{margin:5px 0 8px;font-size:.74rem;opacity:.86}.leaderboard-grid{max-height:min(46vh,400px)}.leaderboard-standings{margin-bottom:8px;padding:8px;border-radius:10px;border:1px solid rgba(255,255,255,.13);background:#ffffff0a}.leaderboard-standings h3{margin:0 0 6px;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;opacity:.85}.leaderboard-row.me-row{border-color:#ffda74c7;background:linear-gradient(120deg,#f8c95330,#5a78ff29)}.leaderboard-row .avatar{font-size:.96rem}.mods-card{width:min(500px,90vw);border-radius:14px;border:1px solid rgba(255,255,255,.2);background:#070e1fe6;padding:12px;box-shadow:0 16px 40px #00000073}.mods-card h2{margin:0 0 6px;font-size:1rem}#mods-caption{margin:0 0 8px;font-size:.75rem;opacity:.84}.mod-row{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:8px;background:#ffffff0a}.mod-row input{margin-top:3px}.mod-row div{display:grid;gap:2px}.mod-row span{font-size:.72rem;opacity:.84}.mod-create{margin-top:10px;display:grid;gap:6px}.mod-create textarea{min-height:88px;resize:vertical;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#08122ae6;color:#fff;padding:8px;font-size:.84rem}.mod-create-status{margin:0;min-height:1.1rem;font-size:.72rem;opacity:.86}.mods-card>button{margin-top:10px;width:100%;border:none;border-radius:10px;padding:10px;cursor:pointer;color:#f5f9ff;font-size:.9rem;font-weight:700;background:linear-gradient(130deg,#346dffed,#7642ffdb)}.quick-actions button,.results-card button{border:none;border-radius:10px;padding:11px;cursor:pointer;color:#f5f9ff;font-size:.92rem;font-weight:700;background:linear-gradient(130deg,#346dffed,#7642ffdb)}.quick-actions button:hover,.row button:hover,.choice-btn:hover,.results-card button:hover{filter:brightness(1.08)}.row{display:flex;gap:6px;margin-bottom:6px}.row.compact input,.row.compact button{border-radius:8px;border:1px solid rgba(255,255,255,.16);background:#08122ad9;color:#fff;padding:8px}.row.compact input{flex:1}.row.compact button{border:none;cursor:pointer}.row.compact .dice{width:52px;font-size:1.35rem;line-height:1;padding:6px}.row.compact.mini-actions button{flex:1}.customize-panel{margin-top:8px}.multi-lobby{margin-top:2px}.mini-play{margin-top:6px;grid-template-columns:1fr}.customize-panel summary{cursor:pointer;font-weight:700;font-size:.82rem;margin-bottom:8px}.customize-panel h3{margin:6px 0 5px;font-size:.76rem;letter-spacing:.05em;text-transform:uppercase;opacity:.86}.choice-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:6px}.choice-list.stage{grid-template-columns:1fr}.choice-btn{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#f6fbff;border-radius:10px;padding:8px;text-align:left;cursor:pointer;display:grid;gap:2px}.choice-btn span{font-size:.74rem;opacity:.88}.choice-btn.active{border-color:#71b4fff2;background:linear-gradient(125deg,#2b62ff61,#743fff40)}.invite-url{margin:0 0 6px;min-height:1em;font-size:.74rem;opacity:.75;overflow-wrap:anywhere}.quick-chat{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.quick-chat button{border:1px solid rgba(255,255,255,.18);background:#ffffff12;color:#f5f9ff;border-radius:999px;padding:5px 9px;font-size:.7rem;cursor:pointer}.quick-chat button:hover{filter:brightness(1.08)}.lobby-chat-log{max-height:98px;overflow:auto;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:#ffffff0a;padding:6px;margin-bottom:8px;font-size:.72rem}.lobby-chat-log p{margin:0 0 4px}.lobby-chat-log p:last-child{margin-bottom:0}.pause-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:grid;place-items:center;background:#040a16b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pause-card{width:min(360px,90vw);border-radius:14px;border:1px solid rgba(255,255,255,.22);background:#070e1feb;padding:14px}.pause-card h2{margin:0 0 10px;font-size:1.08rem}.pause-card p{margin:8px 0 0;font-size:.74rem;opacity:.85}.online-grid,#results-list{display:grid;gap:6px;max-height:140px;overflow:auto}.online-card,.result-item{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:8px;background:#ffffff0a}.online-card .avatar{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#fff,var(--swatch, #8b5f46));color:#091022;font-size:.72rem;font-weight:700}.online-card .meta,.result-item{min-width:0}.online-card .meta{display:grid;gap:2px}.online-card .meta span,.result-item span{font-size:.72rem;opacity:.86}.online-card em,.result-item em{justify-self:end;font-style:normal;font-size:.66rem;opacity:.9}.empty{margin:0;opacity:.78}.results-card h2{margin:0 0 10px;font-size:1.1rem}#results-list h3{margin:10px 0 6px;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;opacity:.85}.result-stats{display:grid;gap:4px;margin-bottom:6px}.stat-row{display:flex;justify-content:space-between;align-items:center;font-size:.74rem;padding:5px 7px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff08}.stat-row span{opacity:.82}.results-card button{margin-top:10px;width:100%}@media(max-width:980px){.select-screen{left:12px;right:12px;bottom:10px;transform:none}.menu-stack,.select-panel{width:100%}.choice-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hud{display:none}.results-layout{width:min(560px,94vw);grid-template-columns:1fr}.leaderboard-card{max-height:54vh}.select-panel{max-height:60vh}}@media(pointer:fine){.touch-controls{display:none}}@media(max-width:640px){.howto-card{padding:9px 10px}.howto-card h2{font-size:1.2rem}.howto-card p{font-size:.9rem}.iso-keyboard{grid-template-columns:repeat(3,38px);grid-template-rows:repeat(2,38px)}.iso-key{font-size:.9rem}.touch-controls{bottom:10px;left:10px;right:10px}.event-toast{bottom:calc(122px + env(safe-area-inset-bottom));font-size:.74rem;max-width:min(88vw,360px)}.touch-steer-zone{top:58px;bottom:calc(146px + env(safe-area-inset-bottom))}.touch-controls button{width:66px;height:66px;font-size:.9rem}.action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.touch-circle.jump{width:86px;height:86px}.touch-hint{font-size:.68rem}}.hidden{display:none}