@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(/games/afterglow/assets/barlow-condensed-500-BgYH2mbd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/games/afterglow/assets/barlow-condensed-600-DepVgxBB.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/games/afterglow/assets/barlow-condensed-700-v1xN8_Wq.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(/games/afterglow/assets/barlow-condensed-800-BKzMuPgK.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:900;font-display:swap;src:url(/games/afterglow/assets/barlow-condensed-900-SFh9ViAc.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/games/afterglow/assets/dm-sans-400-Xz1IZZA0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/games/afterglow/assets/dm-sans-400-Xz1IZZA0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/games/afterglow/assets/dm-sans-400-Xz1IZZA0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/games/afterglow/assets/dm-sans-400-Xz1IZZA0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/games/afterglow/assets/space-mono-400-Rg4St2Dn.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/games/afterglow/assets/space-mono-700-mWgeinG7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#f5f4f1;font-synthesis:none;--lime:#d5ff69;--muted:#9296a2;--line:#dde6ff1f;--panel:#0c0e17d6;--mono:"Space Mono",monospace;background:#06070b;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button{color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:19px;height:19px}button svg{pointer-events:none}#room-canvas{touch-action:none;outline:none;width:100%;height:100%;position:fixed;inset:0}.grain{pointer-events:none;opacity:.065;z-index:2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.22' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");position:fixed;inset:0}#app{z-index:3;pointer-events:none;height:100dvh;position:relative}#app button,#app input,#app a,.panel,.entry-form{pointer-events:auto}.topbar{background:linear-gradient(#07080bcc,#0000);justify-content:space-between;align-items:center;gap:22px;height:104px;padding:28px 36px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{width:35px;height:35px;color:var(--lime)}.wordmark{letter-spacing:.045em;font-family:Barlow Condensed,Impact,sans-serif;font-size:30px;font-weight:800;line-height:.9}.tagline{font:8px var(--mono);letter-spacing:.25em;color:#8b8e9b;margin-top:7px}.room-label{font:9px var(--mono);letter-spacing:.14em;color:#a7aab5;align-items:center;gap:16px;display:flex}.room-label strong{color:#f0f0f1;font-weight:400}.room-label i{background:var(--line);width:1px;height:18px}.top-actions{align-items:center;gap:9px;display:flex}.pill,.icon-button{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101119ad;border-radius:5px;justify-content:center;align-items:center;gap:9px;height:38px;padding:0 13px;font-size:11px;display:inline-flex}.pill:hover,.icon-button:hover{background:#22252b;border-color:#d4ff6980}.pill svg{width:15px;height:15px}.icon-button{width:38px;padding:0}.live-dot{background:var(--lime);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #d5ff6970}.live-dot.offline{box-shadow:none;background:#f59984}.live-pill{font:10px var(--mono);letter-spacing:.06em}.entry-shade{z-index:-1;background:linear-gradient(90deg,#04060ae6,#04060a8c 31%,#0000 68%),linear-gradient(#0000 76%,#04060acc);transition:opacity .7s;position:absolute;inset:0}.entered .entry-shade{opacity:0}.entry{width:425px;position:absolute;top:23%;left:6.1%}.eyebrow{font:9px var(--mono);letter-spacing:.19em;color:var(--lime);align-items:center;gap:10px;margin-bottom:22px;display:flex}.eyebrow:before{content:"";background:var(--lime);width:27px;height:1px;display:block}h1{letter-spacing:-.015em;margin:0 0 21px;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(70px,7.4vw,108px);font-weight:800;line-height:.85}h1 .outline{color:#0000;-webkit-text-stroke:1px #dae5d5}.intro{color:#c1c2ca;max-width:310px;margin:0 0 27px;font-size:13px;line-height:1.7}.input-label{font:8px var(--mono);letter-spacing:.15em;color:#a4a6af;margin-bottom:9px;display:block}.alias-input{color:#fff;background:#171a23db;border:1px solid #41464b;border-radius:4px;outline:none;width:100%;height:44px;padding:0 13px;font-size:13px}.alias-input:focus{border-color:var(--lime)}.color-row{align-items:center;gap:10px;margin:13px 0 18px;display:flex}.color-row>span{color:#7e8390;font:8px var(--mono);letter-spacing:.07em;margin-left:auto}.color-swatch{background:var(--swatch);border:3px solid #0e1018;border-radius:50%;outline:1px solid #0000;width:22px;height:22px}.color-swatch.active{outline-color:var(--swatch)}.enter-button{background:var(--lime);color:#131709;letter-spacing:.015em;border:0;border-radius:4px;justify-content:space-between;align-items:center;width:100%;height:47px;padding:0 17px;font-size:12px;font-weight:700;display:flex}.enter-button:hover{background:#e0ff94;box-shadow:0 0 35px #d5ff6920}.entry-note{font:8px var(--mono);color:#8a8e98;letter-spacing:.035em;margin-top:12px}.entry-stamp{text-align:right;font:9px var(--mono);color:#9e9cab;letter-spacing:.18em;line-height:1.9;position:absolute;bottom:45px;right:38px}.entry-stamp strong{color:#e0dbe8;letter-spacing:.13em;font-family:Barlow Condensed,Impact,sans-serif;font-size:27px;font-weight:500;display:block}.entry-stamp .coordinates{color:var(--lime);font-size:8px}.entered .entry,.entered .entry-stamp,.hud{display:none}.entered .hud{display:block}.location-tag{font:8px var(--mono);color:#9a9daf;letter-spacing:.18em;flex-direction:column;gap:7px;display:flex;position:absolute;top:116px;left:36px}.location-tag strong{color:#f2edf4;letter-spacing:.06em;font:20px Barlow Condensed,sans-serif}.location-tag span:before{content:"";background:var(--lime);width:5px;height:5px;margin-right:8px;display:inline-block}.control-hints{color:#9297a6;align-items:center;gap:14px;font-size:10px;display:flex;position:absolute;bottom:144px;left:36px}.control-hints span{align-items:center;gap:6px;display:flex}kbd{font:8px var(--mono);color:#c3c6cf;background:#0b0e1780;border:1px solid #5b5e6860;border-radius:3px;padding:4px 5px}.player{border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);pointer-events:auto;background:linear-gradient(115deg,#161822ed,#0d0f17e6);border-radius:8px;align-items:center;gap:16px;height:90px;padding:17px 20px;display:flex;position:absolute;bottom:30px;left:30px;right:385px}.cover-art{background:radial-gradient(at 30% 20%,#d1f983,#0000 32%),repeating-radial-gradient(at 80% 95%,#202f25 0 3px,#9fac47 4px 5px,#1a1e19 7px 11px);border-radius:4px;flex-shrink:0;width:54px;height:54px;position:relative;overflow:hidden;box-shadow:inset 0 0 25px #1118}.cover-art:after{content:"A";mix-blend-mode:overlay;color:#fff;place-items:center;font:700 36px Barlow Condensed,sans-serif;display:grid;position:absolute;inset:0}.track-info{flex:1;min-width:80px}.track-topline{font:7px var(--mono);letter-spacing:.15em;color:var(--lime);align-items:center;gap:8px;margin-bottom:5px;display:flex}.equalizer{align-items:center;gap:2px;height:9px;display:flex}.equalizer i{background:var(--lime);width:2px;height:8px;animation:.8s ease-in-out infinite alternate eq;display:block}.equalizer i:nth-child(2){animation-delay:-.4s}.equalizer i:nth-child(3){animation-delay:-.15s}@keyframes eq{to{height:2px}}.track-title{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:600;line-height:1.5;overflow:hidden}.track-meta{color:#8e93a0;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:9px;overflow:hidden}.progress-line{align-items:center;gap:9px;margin-top:7px;display:flex}.progress-track{background:#353847;flex:1;min-width:20px;height:2px}.progress-fill{background:var(--lime);width:0;height:100%;box-shadow:0 0 5px #d5ff6933}.time-label{font:7px var(--mono);color:#999eae}.player-divider{background:var(--line);width:1px;height:36px;margin:0 2px}.sound-button{color:var(--lime);background:0 0;border:0;padding:7px;display:flex}.volume-control{width:52px;height:3px;accent-color:var(--lime)}.skip-button{color:var(--lime);white-space:nowrap;height:40px;font:9px var(--mono);background:#d5ff690c;border:1px solid #d5ff6945;border-radius:4px;align-items:center;gap:9px;padding:0 13px;display:flex}.skip-button:hover{background:#d5ff6920}.skip-button svg{width:14px;height:14px}.chat-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;background:linear-gradient(#0d1018bf,#0d1018f0);border-radius:8px;flex-direction:column;width:326px;height:326px;display:flex;position:absolute;bottom:30px;right:30px}.panel-head{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 17px;display:flex}.panel-title{font:9px var(--mono);letter-spacing:.15em;align-items:center;gap:9px;display:flex}.panel-title svg{color:#a8aab8;width:13px;height:13px}.mini-badge{color:#9ca3b2;font:8px var(--mono);letter-spacing:.06em}.chat-feed{scrollbar-width:thin;scrollbar-color:#454556 transparent;flex:1;padding:15px 17px;overflow:auto}.chat-empty{text-align:center;color:#8f93a2;flex-direction:column;justify-content:center;gap:8px;height:100%;font-size:11px;line-height:1.6;display:flex}.chat-empty strong{color:#d6d8e0;font-size:12px;font-weight:500}.chat-empty svg{color:#676b7f;width:24px;height:24px;margin:0 auto 3px}.chat-message{overflow-wrap:anywhere;margin-bottom:10px;font-size:11px;line-height:1.65}.chat-message b{color:var(--lime);margin-right:6px;font-size:10px;font-weight:500}.chat-message time{font:7px var(--mono);color:#787d8d;margin-left:4px}.chat-message p{color:#cfd1da;margin:2px 0}.chat-event{font:8px var(--mono);color:#7c8291;overflow-wrap:anywhere;margin:7px 0;line-height:1.7}.chat-form{border-top:1px solid var(--line);align-items:center;gap:8px;padding:11px;display:flex}.chat-input{color:#fff;background:#ffffff0a;border:0;border-radius:4px;outline:0;width:100%;min-width:0;padding:10px 9px;font-size:10px}.chat-send{color:var(--lime);background:#d5ff6915;border:0;border-radius:4px;place-items:center;width:33px;height:32px;display:grid}.chat-send svg{width:14px;height:14px}.toast{opacity:0;pointer-events:none;background:#151923f2;border:1px solid #73814870;border-radius:5px;max-width:min(90vw,540px);padding:11px 17px;font-size:11px;line-height:1.5;transition:all .2s;position:absolute;top:103px;left:50%;transform:translate(-50%)translateY(-8px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.drawer{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);pointer-events:auto;background:#0e111af7;border:1px solid #49505d99;border-radius:8px;width:348px;max-height:calc(100dvh - 125px);padding:23px;position:absolute;top:92px;right:30px;overflow:auto;box-shadow:0 24px 60px #0009}.drawer[hidden]{display:none}.drawer h2{letter-spacing:.01em;margin:3px 0 7px;font:600 29px Barlow Condensed,sans-serif}.drawer p{color:#a4a9b9;margin:0 0 18px;font-size:11px;line-height:1.7}.drawer .close{float:right;color:#abb1c0;background:0 0;border:0;place-items:center;width:25px;height:25px;display:grid}.drawer-kicker{font:8px var(--mono);letter-spacing:.13em;color:var(--lime)}.upload-button{width:100%;color:var(--lime);background:#d5ff6910;border:1px dashed #d5ff6966;border-radius:5px;flex-direction:column;align-items:center;gap:9px;padding:18px 12px;font-size:11px;display:flex}.upload-button svg{width:22px;height:22px}.upload-button small{color:#919aa5;font:8px var(--mono)}.track-list{margin:17px 0 0;padding:0;list-style:none}.track-list li{border-top:1px solid var(--line);color:#b3b8c3;align-items:center;gap:13px;padding:12px 0;font-size:10px;display:flex}.track-list li.active{color:var(--lime)}.track-list .track-number{font:9px var(--mono);color:#747e88}.track-list .track-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.track-list .track-length{font:8px var(--mono);color:#888f9b}.settings-row{justify-content:space-between;align-items:center;gap:10px;margin:21px 0;font-size:12px;display:flex}.settings-row small{color:#898fa0;margin-top:6px;font-size:9px;display:block}.effects-range{width:100%;accent-color:var(--lime);height:4px;margin-bottom:10px}.switch{appearance:none;cursor:pointer;background:#363b49;border-radius:12px;width:32px;height:18px;position:relative}.switch:before{content:"";background:#afb5c5;border-radius:50%;width:12px;height:12px;transition:all .15s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--lime)}.switch:checked:before{background:#152009;left:17px}.setting-tip{border-top:1px solid var(--line);font:9px var(--mono);color:#8e95a6;padding-top:14px;line-height:1.9}.roster{margin:12px 0;padding:0;list-style:none}.roster li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:11px 0;font-size:11px;display:flex}.roster .color-dot{border-radius:50%;width:9px;height:9px}.roster .you-label{font:8px var(--mono);color:#858d9f;margin-left:auto}.secondary-button{border:1px solid var(--line);background:#ffffff06;border-radius:4px;width:100%;margin-top:10px;padding:11px;font-size:11px}.duel-panel{pointer-events:auto;text-align:center;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#121620f2;border:1px solid #d5ff6970;border-radius:8px;width:340px;padding:21px;position:absolute;bottom:152px;left:50%;transform:translate(-50%);box-shadow:0 10px 60px #0007}.duel-panel[hidden]{display:none}.duel-eyebrow{font:8px var(--mono);color:var(--lime);letter-spacing:.16em}.duel-panel h2{letter-spacing:.03em;margin:7px 0;font:700 33px Barlow Condensed,sans-serif}.duel-panel p{color:#aab1c0;margin:0 0 15px;font-size:10px;line-height:1.6}.rps-buttons{gap:9px;display:flex}.rps-button{font:8px var(--mono);color:#b5bdcc;background:#ffffff07;border:1px solid #ffffff1c;border-radius:5px;flex-direction:column;flex:1;align-items:center;gap:7px;padding:12px 3px 10px;display:flex}.rps-button span{filter:grayscale();font-size:27px}.rps-button:hover,.rps-button.selected{border-color:var(--lime);color:var(--lime);background:#d5ff6912}.rps-button.selected span{filter:none}.duel-status{font:8px var(--mono);color:#96a18c;margin-top:12px}.status-banner{font:9px var(--mono);color:#a5adba;max-width:270px;line-height:1.7;position:absolute;top:175px;left:36px}.relisten{color:var(--lime);background:#d5ff691a;border:1px solid #d5ff6960;border-radius:4px;margin-top:7px;padding:8px 12px;font-size:10px;display:none}.relisten.visible{display:block}.mode-button{color:#b5baca;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:10px;display:flex}.mode-button:hover{color:var(--lime)}.mode-button svg{width:13px;height:13px}.chat-toggle{display:none}.connection-error{color:#ffb29f}.hidden{display:none!important}@media (width>=1700px){.entry{top:25%}.player{max-width:880px}.chat-panel{width:350px}.room-label{margin-right:10vw}}@media (width<=1150px){.topbar{padding:25px}.room-label{display:none}.player{gap:11px;padding:14px;left:24px;right:355px}.chat-panel{width:310px;right:24px}.volume-control{display:none}.control-hints{left:26px}.cover-art{width:44px;height:44px}.skip-button{padding:0 9px;font-size:8px}.entry{top:24%;left:6%}.entry-stamp{right:28px}.location-tag{left:26px}.wordmark{font-size:27px}.player-divider{display:none}}@media (width<=800px){.topbar{gap:10px;height:88px;padding:20px}.brand-mark{width:29px;height:29px}.wordmark{font-size:25px}.tagline{font-size:6px}.top-actions{gap:6px}.top-actions .pill{padding:0 9px}.button-label{display:none}.live-pill{font-size:8px}.entry{width:86%;top:23%;left:7%}h1{font-size:80px}.intro{max-width:260px;font-size:12px}.entry-stamp{display:none}.entry-form{width:280px;max-width:100%}.entry-shade{background:linear-gradient(90deg,#06080dc9,#05070b33),linear-gradient(#0000 40%,#06080df0)}.location-tag{top:101px;left:20px}.location-tag strong{font-size:17px}.chat-panel{width:290px;height:280px;display:none;bottom:125px;right:16px}.chat-panel.mobile-visible{display:flex}.player{gap:10px;height:84px;padding:12px;bottom:18px;left:16px;right:16px}.player .cover-art{width:38px;height:45px}.track-title{font-size:11px}.track-meta{font-size:8px}.track-topline{font-size:6px}.skip-button{justify-content:center;width:41px;padding:0;font-size:0}.skip-button svg{width:18px;height:18px}.sound-button{padding:3px}.control-hints{gap:9px;font-size:8px;bottom:115px;left:20px}.control-hints .desktop-hint{display:none}.chat-toggle{display:flex}.drawer{width:min(348px,100vw - 32px);max-height:calc(100dvh - 105px);padding:20px;top:84px;right:16px}.status-banner{max-width:210px;font-size:8px;top:153px;left:20px}.duel-panel{width:310px;max-width:calc(100vw - 32px);bottom:143px}.toast{font-size:10px;top:87px}}@media (height<=750px) and (width>=801px){.entry{top:19%}h1{font-size:80px}.eyebrow{margin-bottom:17px}.intro{margin-bottom:18px}.entry-note{font-size:7px}.chat-panel{height:280px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}.control-hints{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080c17a6;border:1px solid #ffffff10;border-radius:5px;padding:8px 10px}.chat-empty{height:auto;min-height:145px;padding:12px 0}.drawer-scrim{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:8;pointer-events:auto;background:#010308ad;position:fixed;inset:0}.drawer{z-index:9}.chat-panel{z-index:7}.panel-head-actions{align-items:center;gap:8px;display:flex}.panel-close{color:#abb1c0;background:0 0;border:0;display:none}.close{min-width:44px;border-radius:6px!important;min-height:44px!important}.secondary-button{min-height:44px}.chat-send,.sound-button{min-width:44px;min-height:44px}.alias-input{font-size:16px}.color-swatch{border-width:8px;width:44px;height:44px}.color-row{gap:7px}.drawer p{max-width:34ch}.track-list li{min-height:44px}.chat-panel{bottom:var(--keyboard-height,0px)}@media (width<=800px){body{overflow:hidden}.topbar{align-items:center;height:76px;padding:14px 16px}.brand{gap:8px}.brand-mark{width:27px;height:27px}.wordmark{font-size:24px}.tagline{letter-spacing:.2em;margin-top:5px;font-size:5px}.top-actions{gap:5px;margin-left:auto}.pill,.icon-button{border-radius:7px;min-width:44px;height:44px;min-height:44px}.top-actions .live-pill{max-width:110px;padding:0 10px}.live-pill #people-count{text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.top-actions .pill:not(.live-pill){padding:0 10px}.entry{width:calc(100% - 32px);top:17%;left:16px}.eyebrow{letter-spacing:.12em;margin-bottom:16px;font-size:8px}.eyebrow:before{width:20px}h1{margin-bottom:17px;font-size:clamp(64px,19vw,82px);line-height:.86}.intro{max-width:28ch;margin-bottom:21px;font-size:13px;line-height:1.55}.entry-form{width:min(100%,330px)}.input-label{margin-bottom:7px;font-size:8px}.alias-input{height:48px}.color-row{margin:10px 0 15px}.color-row>span{font-size:7px}.enter-button{border-radius:6px;height:50px}.entry-note{margin-top:10px;font-size:7px;line-height:1.5}.drawer{width:100%;max-width:none;max-height:min(78dvh,620px);padding:20px 20px calc(20px + env(safe-area-inset-bottom));border-color:#67725e99;border-radius:18px 18px 0 0;position:fixed;top:auto;bottom:0;right:0;overflow:auto;box-shadow:0 -22px 70px #000b}.drawer h2{margin:5px 0 10px;font-size:35px;line-height:.95}.drawer p{margin-bottom:14px;font-size:12px;line-height:1.55}.drawer .close{position:absolute;top:13px;right:14px}.drawer-kicker{font-size:8px}.track-list{margin-top:12px}.track-list li{padding:10px 0;font-size:12px}.track-list .track-length{font-size:9px}.setting-tip{margin-top:14px;font-size:9px;line-height:1.7}.settings-row{margin:16px 0;font-size:13px}.settings-row small{font-size:10px}.effects-range{height:6px;margin:2px 0 10px}.switch{width:42px;height:24px}.switch:before{width:18px;height:18px}.switch:checked:before{left:21px}.roster{margin:8px 0}.roster li{min-height:48px;font-size:13px}.roster .color-dot{width:12px;height:12px}.chat-panel{width:100%;height:min(76dvh,600px);padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(#0b0f19f5,#080b13fc);border-radius:18px 18px 0 0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -22px 70px #000b}.chat-panel.mobile-visible{z-index:10;display:flex}.panel-head{height:62px;padding:0 18px}.panel-title{font-size:10px}.panel-close{min-width:44px;display:grid!important}.chat-feed{padding:17px 18px}.chat-input{min-height:44px;padding:9px 11px;font-size:16px}.chat-form{padding:12px 14px}.chat-send{width:44px;height:44px}.player{border-radius:10px;gap:9px;height:90px;padding:12px 13px;bottom:12px;left:12px;right:12px}.player .cover-art{width:46px;height:54px}.track-info{min-width:0}.track-title{font-size:13px}.track-meta{font-size:9px}.track-topline{font-size:7px}.progress-line{gap:7px;margin-top:8px}.sound-button{padding:0}.skip-button{width:auto;min-width:44px;height:44px;padding:0 11px}.skip-button span{font-size:8px;display:inline}.skip-button svg{width:16px;height:16px}.player-divider{height:34px;display:block}.control-hints{padding:6px 8px;bottom:120px;left:16px}.control-hints .mode-button{min-height:44px}.status-banner{top:92px;left:16px}.toast{max-width:calc(100vw - 32px);top:82px}}@media (width<=380px){.topbar{padding-left:12px;padding-right:12px}.brand-mark{width:24px;height:24px}.wordmark{font-size:22px}.top-actions{gap:3px}.top-actions .live-pill{max-width:91px;padding:0 7px}.entry{top:14%}.eyebrow{margin-bottom:12px;font-size:7px}h1{margin-bottom:13px;font-size:61px}.intro{margin-bottom:14px;font-size:12px}.alias-input{height:46px}.color-row{margin:8px 0 12px}.color-swatch{width:40px;height:40px}.enter-button{height:48px}.entry-note{font-size:6px}.player{height:83px;padding:9px;bottom:8px;left:8px;right:8px}.player .cover-art{width:38px;height:45px}.track-title{font-size:11px}.track-meta{font-size:8px}.track-topline{font-size:6px}.skip-button{padding:0 8px}.skip-button span{font-size:7px}.control-hints{display:none}}@media (width<=800px) and (orientation:landscape){body{overflow:auto}.topbar{height:64px;padding:9px 16px}.entry{width:calc(100% - 48px);padding-bottom:24px;top:92px;left:24px}.entry h1{vertical-align:top;margin-right:24px;font-size:58px;line-height:.82;display:inline-block}.entry .intro{vertical-align:top;margin-top:12px;display:inline-block}.entry-form{grid-template-columns:1fr 1fr;gap:8px 12px;max-width:470px;display:grid}.entry-form .input-label{grid-column:1/-1;margin:0}.alias-input{height:44px}.color-row{align-self:center;margin:0}.enter-button{grid-column:1/-1;max-width:330px;height:44px}.entry-note{grid-column:1/-1;margin:0}.drawer{max-height:88dvh}.player{bottom:10px;left:16px;right:16px}.control-hints{display:none}}@media (width<=800px) and (height>=741px){.entry{top:18%}}@supports (padding:max(0px)){.entry{padding-bottom:max(0px,env(safe-area-inset-bottom))}}@media (width<=800px) and (height<=740px){.entry{top:18%}h1{font-size:61px}.eyebrow{margin-bottom:13px;font-size:7px}.intro{margin-bottom:14px;font-size:11px}.entry-note{font-size:6px}}@media (width<=800px){.top-actions .live-pill{width:54px;min-width:54px;padding:0 5px}.live-pill #people-count{letter-spacing:-.04em;font-size:6px}.top-actions{gap:4px}.chat-panel{bottom:var(--keyboard-height,0px)}}@media (width<=960px) and (height<=500px) and (orientation:landscape){body{overflow:auto}.topbar{height:64px;padding:9px 16px}.entry{width:calc(100% - 48px);padding-bottom:24px;top:76px;left:24px}.entry h1{vertical-align:top;margin-right:24px;font-size:58px;line-height:.82;display:inline-block}.entry .intro{vertical-align:top;margin-top:12px;display:inline-block}.entry-form{grid-template-columns:1fr 1fr;gap:8px 12px;max-width:470px;display:grid}.entry-form .input-label{grid-column:1/-1;margin:0}.alias-input{height:44px}.color-row{align-self:center;margin:0}.enter-button{grid-column:1/-1;max-width:330px;height:44px}.entry-note{grid-column:1/-1;margin:0}.drawer{max-height:88dvh}.player{bottom:10px;left:16px;right:16px}.control-hints{display:none}.entry{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 36px;width:calc(100% - 48px);padding:0 0 20px;display:grid;top:74px;left:24px}.entry .eyebrow{grid-area:1/1;margin:0;font-size:7px}.entry h1{grid-area:2/1;margin:8px 0 0;font-size:60px;line-height:.84;display:block}.entry .intro{grid-area:3/1;margin:0;font-size:11px;line-height:1.5;display:block}.entry-form{grid-area:1/2/4;align-self:center;width:100%;max-width:360px;display:block}.entry-form .input-label{margin-bottom:7px;display:block}.entry-form .alias-input{width:100%;height:44px;display:block}.entry-form .color-row{gap:6px;margin:8px 0 12px;display:flex}.entry-form .color-swatch{flex:none;width:40px;height:40px}.entry-form .enter-button{width:100%;max-width:none;height:46px}.entry-form .entry-note{margin-top:8px;font-size:6px;line-height:1.5}.entry-stamp{display:none}}@media (width<=800px) and (orientation:portrait){.player{height:136px;bottom:calc(10px + env(safe-area-inset-bottom));grid-template-rows:60px 44px;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px 10px;padding:10px 12px;display:grid}.player .cover-art{grid-area:1/1;width:44px;height:54px}.track-info{grid-area:1/2/auto/4;align-self:center}.track-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:35px;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.track-meta{margin-top:3px;font-size:8px}.track-topline{font-size:7px}.progress-line{margin-top:4px}.sound-button{border:1px solid #ffffff1c;border-radius:6px;grid-area:2/1;justify-self:stretch}.player .player-divider{display:none}.skip-button{grid-area:2/2/auto/4;justify-content:center;width:100%;height:44px}.skip-button span{letter-spacing:.08em;font-size:9px}.control-hints{bottom:calc(164px + env(safe-area-inset-bottom))}.duel-panel{bottom:calc(166px + env(safe-area-inset-bottom));width:340px}}@media (width<=960px) and (height<=500px) and (orientation:landscape){.duel-panel{max-height:calc(100dvh - 80px);bottom:20px;overflow:auto}}@media (width<=800px){.chat-panel{height:min(76dvh,calc(100dvh - var(--keyboard-height,0px) - 76px));bottom:var(--keyboard-height,0px)}}@media (width<=380px) and (orientation:portrait){.control-hints{display:flex}.control-hints .desktop-hint{display:none}}@media (width<=960px) and (height<=500px) and (orientation:landscape){.topbar .chat-toggle{min-width:44px;min-height:44px;display:inline-flex}.chat-panel{z-index:10;background:#0c101bf5;border-radius:12px;width:min(380px,100vw - 32px);height:auto;max-height:calc(100dvh - 86px);display:none;position:fixed;inset:74px 16px 12px auto}.chat-panel.mobile-visible{display:flex}.chat-panel .panel-close{min-width:44px;min-height:44px;display:grid}.chat-panel .chat-input{min-height:44px;font-size:16px}.control-hints{display:flex;bottom:112px;left:auto;right:16px}.control-hints .desktop-hint{display:none}.control-hints .mode-button{min-width:44px;min-height:44px}.drawer{border-radius:12px;width:min(380px,100vw - 32px);height:auto;max-height:calc(100dvh - 86px);top:74px;bottom:12px;right:16px;overflow:auto}.drawer h2{font-size:32px}.drawer .close{top:12px;right:12px}.chat-panel{max-height:calc(100dvh - 186px);bottom:112px}.control-hints{bottom:112px;left:174px;right:auto}.chat-panel .panel-head{height:44px;min-height:44px;padding:0 12px}.chat-panel .chat-form{padding:6px 10px}.chat-panel .chat-feed{padding:10px 12px}}.thumbstick{z-index:6;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto;opacity:.94;border-radius:50%;width:112px;height:112px;transition:opacity .18s,filter .18s;display:none;position:absolute}.thumbstick-ring{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 35% 28%,#d5ff691c,#0000 42%),linear-gradient(145deg,#24263a99,#0d1220c9);border:1px solid #d5ff6966;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 8px #d5ff6909,0 8px 26px #0008,0 0 25px #d5ff6914}.thumbstick-ring:after{content:"";border:1px dashed #d5ff6924;border-radius:50%;position:absolute;inset:17px}.thumbstick-knob{z-index:1;background:radial-gradient(circle at 35% 27%,#efffb0,#d5ff69 45%,#91b441);border:2px solid #f3ffc8aa;border-radius:50%;width:45px;height:45px;transition:transform 80ms ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #0009,0 0 16px #d5ff6966}.thumbstick.is-disabled{visibility:hidden;pointer-events:none}.thumbstick.is-active .thumbstick-ring{border-color:#d5ff69a6;box-shadow:inset 0 0 0 8px #d5ff690d,0 8px 26px #0008,0 0 28px #d5ff6926}@media (width<=800px){.thumbstick{left:16px;bottom:calc(164px + env(safe-area-inset-bottom));display:block}.control-hints{left:auto;right:16px;bottom:calc(164px + env(safe-area-inset-bottom))}.hud:has(.duel-panel:not([hidden])) .thumbstick{visibility:hidden}}@media (width<=380px) and (orientation:portrait){.thumbstick{left:14px;bottom:calc(148px + env(safe-area-inset-bottom));width:104px;height:104px}.thumbstick-knob{width:42px;height:42px}.control-hints{left:auto;right:12px;bottom:calc(148px + env(safe-area-inset-bottom));max-width:208px;display:flex}}@media (width<=960px) and (height<=500px) and (orientation:landscape){.thumbstick{display:block;bottom:112px;left:18px}.control-hints{bottom:112px;left:auto;right:16px}.hud:has(.duel-panel:not([hidden])) .thumbstick{visibility:hidden}}.entry{scrollbar-width:none;pointer-events:auto;max-height:calc(100dvh - 140px);padding-right:8px;top:16%;overflow-y:auto}.entry-form{width:340px}.entry h1{margin-bottom:18px;font-size:clamp(68px,8.4vh,104px)}.entry .intro{margin-bottom:20px}.entry-wardrobe{text-align:left;color:#e6dcf6;background:linear-gradient(120deg,#9f64ef1c,#63e8ff0b);border:1px solid #bfa0ed70;border-radius:7px;flex-direction:column;gap:7px;width:100%;min-height:66px;margin:0 0 12px;padding:12px 44px 12px 14px;display:flex;position:relative}.entry-choice-step{font:8px var(--mono);letter-spacing:.12em;color:#b997ed}.entry-wardrobe strong{font:600 14px DM Sans,sans-serif}.entry-choice-arrow{color:#d5ff69;font-size:22px;position:absolute;top:21px;right:17px}.entry-wardrobe.confirmed{border-color:#d5ff6980}.entry-wardrobe.confirmed .entry-choice-step{color:#d5ff69}.enter-button:disabled{opacity:.45;filter:saturate(.4)}.control-hints{gap:14px}.control-hints .mode-button span{white-space:nowrap}@media (width<=800px) and (orientation:portrait){.entry{width:calc(100% - 40px);max-height:calc(100dvh - 108px);padding-bottom:18px;top:94px;left:20px}.entry h1{margin-bottom:14px;font-size:clamp(56px,8.6dvh,75px);line-height:.86}.entry .eyebrow{margin-bottom:14px}.entry .intro{margin-bottom:16px;font-size:12px;line-height:1.45}.entry-form{width:100%;max-width:360px}.entry .color-row{margin:9px 0}.entry .color-swatch{width:34px;height:34px}.entry-wardrobe{min-height:60px;margin-bottom:10px;padding:10px 42px 10px 13px}.entry .alias-input{height:46px;font-size:16px}.entry .entry-note{font-size:6px}.control-hints{width:194px;max-width:194px;left:auto;right:12px;bottom:calc(152px + env(safe-area-inset-bottom));border-radius:10px;grid-template-columns:1fr 1fr;gap:2px 10px;padding:5px 9px;display:grid}.control-hints .mode-button{gap:6px;min-height:40px;font-size:8px}.control-hints #fullscreen-button,.control-hints .desktop-hint{display:none}}@media (height<=550px) and (orientation:landscape){.entry{max-height:calc(100dvh - 88px);top:76px}.entry-form{padding-bottom:10px}.entry h1{font-size:58px}.entry-wardrobe{min-height:50px;margin-bottom:8px;padding:7px 36px 7px 12px}.entry-wardrobe strong{font-size:11px}.entry-choice-step{font-size:7px}.entry-choice-arrow{top:13px}.control-hints{gap:12px;max-width:none;display:flex;bottom:108px;right:12px}.control-hints .mode-button{font-size:8px}.control-hints #fullscreen-button{display:none}}.admin-badge{object-fit:contain;vertical-align:middle;flex:0 0 23px;width:23px;height:23px;margin-left:1px;display:inline-block}.chat-admin .admin-badge{width:22px;height:22px;margin:-2px 4px 0 0}.chat-admin-actions{float:right;align-items:center;gap:4px;margin-left:8px;display:inline-flex}.chat-admin-action{color:#aeb5c2;min-width:24px;height:22px;font:7px var(--mono);letter-spacing:.04em;background:#ffffff08;border:1px solid #ffffff1c;border-radius:3px;justify-content:center;align-items:center;padding:2px 5px;display:inline-flex}.chat-admin-action svg{width:13px;height:13px}.chat-admin-action:hover{color:var(--lime);border-color:#d5ff6970}.chat-ban-confirm{font:7px var(--mono);color:#ffcfbf;align-items:center;gap:5px;display:inline-flex}.chat-ban-confirm button{color:#e7e9f0;font:7px var(--mono);background:#ffffff0a;border:1px solid #ffffff26;border-radius:3px;padding:4px 5px}.chat-ban-confirm button:first-of-type{color:#ffb29f}.skip-button.skip-shake{animation:.16s ease-in-out 3 skip-request-shake}.skip-button.skip-pending{background:#d5ff6920;box-shadow:0 0 0 1px #d5ff6960,0 0 20px #d5ff6945}.skip-button.skip-pending:hover{box-shadow:0 0 0 1px #d5ff69a0,0 0 25px #d5ff6960}@keyframes skip-request-shake{0%,to{transform:translate(0)}33%{transform:translate(-3px)}66%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.skip-button.skip-shake{animation:none}}@media (width<=760px){.admin-badge{flex-basis:22px;width:22px;height:22px}.chat-admin-action{min-width:44px;min-height:44px}.chat-admin-actions{float:none;justify-content:flex-end;margin:6px 0 0;display:flex}}.entry-playtest-note{color:#d5ff69;max-width:34em;font:600 10px/1.45 var(--mono);letter-spacing:.04em;text-align:center;margin:8px auto 0}.skip-button .skip-compact{display:none}@media (width<=800px),(width<=960px) and (height<=550px) and (orientation:landscape){.player{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));background:linear-gradient(115deg,#141a24ed,#0a0e18eb);border-radius:12px;grid-template-rows:44px;grid-template-columns:32px minmax(0,1fr) 44px 52px;align-items:center;gap:8px;max-width:none;height:64px;padding:9px;display:grid}.player .cover-art{border-radius:5px;grid-area:1/1;width:32px;height:36px}.player .track-info{grid-area:1/2;align-self:center;min-width:0}.player .track-title{white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:unset;max-height:none;font-size:12px;font-weight:600;line-height:18px;display:block}.player .track-topline,.player .track-meta,.player .player-divider,.player .volume-control{display:none}.player .progress-line{gap:5px;margin-top:5px}.player .time-label{letter-spacing:0;font-size:7px}.player .progress-track{min-width:12px}.player .sound-button{background:#ffffff04;border:1px solid #ffffff1c;border-radius:8px;grid-area:1/3;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;display:flex}.player .sound-button svg{width:22px;height:22px}.player .skip-button{border-radius:8px;flex-direction:column;grid-area:1/4;justify-content:center;align-items:center;gap:3px;width:52px;min-width:44px;height:44px;min-height:44px;padding:3px;display:flex}.player .skip-button svg{width:15px;height:15px}.player #skip-label{display:none}.player .skip-button .skip-compact{font:8px var(--mono);letter-spacing:.03em;line-height:10px;display:block}.hud .control-hints{z-index:5;background:linear-gradient(130deg,#111722d9,#0c111dcc);border-radius:12px;grid-template-columns:1fr 1fr;gap:2px 4px;width:208px;max-width:208px;padding:6px;display:grid;inset:84px 12px auto auto}.hud .control-hints .mode-button{justify-content:flex-start;gap:6px;min-width:0;min-height:44px;margin:0;padding:0 2px;font-size:10px}.hud .control-hints .mode-button svg{width:16px;height:16px;display:block}.hud .control-hints .desktop-hint,.hud .control-hints #fullscreen-button,.location-tag{display:none}.thumbstick{left:16px;bottom:calc(88px + env(safe-area-inset-bottom));width:104px;height:104px}.thumbstick-knob{width:42px;height:42px}.status-banner{top:auto;bottom:calc(84px + env(safe-area-inset-bottom));max-width:min(230px,100vw - 145px);font-size:9px;left:auto;right:12px}.toast{z-index:7;top:194px}}@media (width<=800px) and (orientation:portrait){.duel-panel{bottom:calc(88px + env(safe-area-inset-bottom));max-height:calc(100dvh - 178px - env(safe-area-inset-bottom));overflow:auto}}@media (width<=960px) and (height<=550px) and (orientation:landscape){.player{width:min(360px,50vw - 44px);right:auto}.hud .control-hints{top:72px}.toast{max-width:calc(100vw - 480px);top:74px}}@media (width<=380px){.topbar{gap:6px;padding-left:12px;padding-right:12px}.topbar .brand{gap:0;min-width:0}.topbar .brand-mark{display:none}.topbar .wordmark{letter-spacing:.03em;font-size:20px}.topbar .live-pill{gap:5px;min-width:44px;padding:0 6px}}.arcade-pong-hint{color:#f1edff;width:min(100% - 32px,520px);font:700 10px var(--mono);letter-spacing:.04em;text-align:center;z-index:6;pointer-events:none;background:#090b15e8;border:1px solid #d5ff6960;border-radius:6px;padding:10px 15px;position:absolute;top:108px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0008}.arcade-prompt{pointer-events:auto;color:#17240b;font:700 12px var(--mono);z-index:6;white-space:nowrap;background:#d5ff69;border:1px solid #efffc2;border-radius:9px;padding:15px 24px;position:absolute;top:24%;left:50%;transform:translate(-50%);box-shadow:0 0 45px #baff4a45}.arcade-prompt:disabled{color:#cdc5ef;background:#1b1c2de8;border-color:#827392}.arcade-prompt[hidden],.arcade-pong-hint[hidden],.arcade-overlay[hidden],.arcade-overlay [hidden]{display:none!important}.arcade-overlay{z-index:13;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:radial-gradient(at 50% 40%,#171d2bdc,#030610e8);place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.arcade-machine{background:linear-gradient(145deg,#252833,#0c111b 60%);border:1px solid #adb67e60;border-radius:19px;width:min(760px,100%);padding:25px;box-shadow:0 35px 100px #000a,inset 0 1px #ffffff20}.arcade-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.arcade-kicker{font:8px var(--mono);letter-spacing:.22em;color:#a8b691}.arcade-title{letter-spacing:.035em;color:#d5ff69;margin:9px 0 18px;font:800 46px/.95 Barlow Condensed,sans-serif}.arcade-close{color:#c9cdd8;background:#111621;border:1px solid #6a718550;border-radius:50%;flex:none;align-self:flex-start;width:44px;height:44px;font-size:20px}.arcade-scoreboard{justify-content:space-between;align-items:center;gap:10px;min-height:22px;margin:0 0 13px;display:flex}.arcade-status{font:10px var(--mono);letter-spacing:.06em;color:#b1baca}.arcade-score{color:#f0ffd6;letter-spacing:.16em;font:700 27px Barlow Condensed,sans-serif}.arcade-display{background:#03060c;border:1px solid #73878155;border-radius:10px;padding:8px;box-shadow:inset 0 0 20px #000}.arcade-display canvas{touch-action:none;border-radius:4px;width:100%;height:auto;display:block}.arcade-instructions{color:#aab5c7;margin:14px 0;font-size:11px;line-height:1.5}.arcade-controls{justify-content:space-between;align-items:center;gap:12px;display:flex}.pong-buttons{flex:1;gap:12px;display:flex}.arcade-controls button{color:#e6fdbd;min-height:48px;font:700 12px var(--mono);touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#282f32,#171c27);border:1px solid #7e8b6b88;border-radius:8px}.pong-buttons button{flex:1}.arcade-controls button:active{color:#142008;background:#b8df63}.arcade-restart{color:#d6aaff!important;padding:0 18px!important}.arcade-footer{color:#7d8b9b;font:7px var(--mono);letter-spacing:.09em;border-top:1px solid #ffffff12;align-items:center;gap:7px;margin-top:19px;padding-top:15px;display:flex}.arcade-footer i{background:#b5d76c;border-radius:50%;width:5px;height:5px}.arcade-footer span{margin-left:auto}.arcade-overlay[data-game=maze] .arcade-machine{width:min(440px,100%)}.arcade-overlay[data-game=maze] .arcade-title{color:#cf9aff}.arcade-overlay[data-game=maze] .arcade-display{width:min(100%,320px);margin:auto}.maze-buttons{grid-template-rows:repeat(2,46px);grid-template-columns:repeat(3,52px);gap:5px;margin:auto;display:grid}.maze-buttons button{min-height:44px}.maze-buttons [data-direction=up]{grid-column:2}.maze-buttons [data-direction=left]{grid-area:2/1}.maze-buttons [data-direction=down]{grid-area:2/2}.maze-buttons [data-direction=right]{grid-area:2/3}@media (width<=800px){.arcade-overlay{align-items:center;padding:12px}.arcade-machine{border-radius:17px;padding:18px 15px}.arcade-kicker{letter-spacing:.16em;font-size:7px}.arcade-title{margin:8px 0 15px;font-size:39px}.arcade-status{letter-spacing:0;font-size:9px}.arcade-score{font-size:26px}.arcade-instructions{font-size:11px}.arcade-display{padding:5px}.arcade-footer{letter-spacing:.02em;margin-top:14px;font-size:6px}.arcade-overlay[data-game=maze] .arcade-display{width:min(100%,275px)}.arcade-overlay[data-game=maze] .arcade-heading h2{margin-bottom:8px;font-size:32px}.arcade-overlay[data-game=maze] .arcade-scoreboard{margin-bottom:8px}.arcade-overlay[data-game=maze] .arcade-instructions{margin:9px 0}.arcade-overlay[data-game=maze] .arcade-machine{max-height:calc(100dvh - 24px);overflow:auto}.arcade-prompt{padding:13px 18px;font-size:10px;top:24%}.arcade-pong-hint{padding:10px 12px;font-size:10px;top:156px}}@media (height<=550px) and (orientation:landscape){.arcade-machine{grid-template-columns:minmax(0,1fr) 190px;gap:8px 15px;max-width:700px;padding:14px;display:grid}.arcade-heading{grid-column:1/3}.arcade-heading h2{margin:5px 0;font-size:28px}.arcade-scoreboard{grid-area:2/2;margin:0}.arcade-display{grid-area:2/1/5}.arcade-instructions{grid-area:3/2;margin:0}.arcade-controls{flex-wrap:wrap;grid-area:4/2}.arcade-footer{grid-column:1/3;margin:0;padding-top:8px}.arcade-overlay[data-game=maze] .arcade-machine{width:600px}.arcade-overlay[data-game=maze] .arcade-display{width:180px}.arcade-kicker{font-size:6px}.arcade-close{width:35px;height:35px}.arcade-overlay{padding:8px}}.duel-panel{z-index:16}.arcade-watchbar{color:#c8b8e8;font:8px var(--mono);letter-spacing:.1em;background:#181326;border:1px solid #8f79c655;border-radius:7px;align-items:center;gap:8px;margin:0 0 12px;padding:8px 10px;display:flex}.arcade-watchbar span{color:#d5ff69;margin-right:auto}.arcade-watchbar button{color:#d8cbf0;min-height:32px;font:700 9px var(--mono);background:#ffffff09;border:1px solid #ffffff20;border-radius:4px;padding:0 11px}.arcade-watchbar button:hover,.arcade-watchbar button:focus-visible{color:#d5ff69;border-color:#d5ff69}@media (orientation:portrait) and (width<=800px){.arcade-overlay{align-items:stretch;padding:8px}.arcade-machine{flex-direction:column;justify-content:center;width:min(100%,560px);min-height:100%;padding:15px 12px;display:flex}.arcade-overlay[data-game=pong] .arcade-machine{padding-top:max(12px,env(safe-area-inset-top));justify-content:flex-start}.arcade-overlay[data-game=pong] .arcade-display{flex:1;place-items:center;min-height:0;display:grid}.arcade-overlay[data-game=pong] .arcade-display canvas{object-fit:contain;width:auto;max-width:100%;height:min(61dvh,700px)}.arcade-overlay[data-game=pong] .arcade-controls{margin-top:10px}.arcade-overlay[data-game=maze] .arcade-machine{width:min(100%,560px)}.arcade-overlay[data-game=maze] .arcade-display{width:min(100%,504px);max-height:62dvh;margin:auto}.arcade-overlay[data-game=maze] .arcade-display canvas{width:100%;height:auto}.arcade-overlay[data-game=maze] .maze-buttons{grid-template-rows:repeat(2,54px);grid-template-columns:repeat(3,64px)}.arcade-overlay[data-game=maze] .maze-buttons button{min-height:52px;font-size:18px}.arcade-overlay[data-game=maze] .arcade-instructions{margin:10px 0}.arcade-overlay[data-game=maze] .arcade-footer{margin-top:10px}}@media (width>=801px){.arcade-overlay[data-game=pong] .arcade-display{min-height:clamp(300px,52vh,520px)}.arcade-overlay[data-game=maze] .arcade-display{width:min(100%,504px)}}@media (orientation:portrait) and (width<=800px){.arcade-overlay{height:100dvh;overflow:hidden}.arcade-overlay .arcade-machine{justify-content:flex-start;height:calc(100dvh - 16px);min-height:0;max-height:none;overflow:hidden}.arcade-overlay .arcade-heading,.arcade-overlay .arcade-scoreboard,.arcade-overlay .arcade-controls,.arcade-overlay .arcade-instructions,.arcade-overlay .arcade-footer,.arcade-overlay .arcade-watchbar{flex-shrink:0}.arcade-overlay .arcade-display{flex:1;place-items:center;width:100%;min-height:0;max-height:none;margin:0;padding:5px;display:grid;container-type:size}.arcade-overlay[data-game=pong] .arcade-display canvas{width:min(100cqw,60cqh);max-width:100%;height:auto;max-height:100%}.arcade-overlay[data-game=maze] .arcade-display canvas{width:min(100cqw,84cqh);max-width:100%;height:auto;max-height:100%}.arcade-overlay[data-game=maze] .arcade-instructions{margin:8px 0}.arcade-overlay .arcade-footer{margin-top:10px;padding-top:10px}}@media (width>=801px) and (height>=551px){.arcade-overlay[data-game=maze] .arcade-machine{grid-template-columns:minmax(0,1fr) 170px;align-items:start;gap:14px 22px;width:min(820px,92vw);display:grid}.arcade-overlay[data-game=maze] .arcade-heading{grid-area:1/1/auto/3}.arcade-overlay[data-game=maze] .arcade-heading h2{margin-bottom:8px}.arcade-overlay[data-game=maze] .arcade-display{grid-area:2/1/6;width:min(100%,84dvh - 184.8px,520px);margin:0 auto}.arcade-overlay[data-game=maze] .arcade-scoreboard{grid-area:2/2;margin:0;display:block}.arcade-overlay[data-game=maze] .arcade-scoreboard span{display:block}.arcade-overlay[data-game=maze] .arcade-score{margin-top:12px;font-size:44px}.arcade-overlay[data-game=maze] .arcade-watchbar{flex-wrap:wrap;grid-area:3/2;margin:0}.arcade-overlay[data-game=maze] .arcade-instructions{grid-area:4/2;margin:0;font-size:12px;line-height:1.7}.arcade-overlay[data-game=maze] .arcade-controls{flex-direction:column;grid-area:5/2;align-self:end;gap:18px;display:flex}.arcade-overlay[data-game=maze] .maze-buttons{grid-template-rows:repeat(2,46px);grid-template-columns:repeat(3,48px)}.arcade-overlay[data-game=maze] .arcade-footer{grid-area:6/1/auto/3;margin-top:0}}@media (height<=550px) and (orientation:landscape){.arcade-overlay[data-game=pong] .arcade-display{place-items:center;height:calc(100dvh - 140px);min-height:0;display:grid;container-type:size}.arcade-overlay[data-game=pong] .arcade-display canvas{width:min(100cqw,166.667cqh);max-width:100%;height:auto;max-height:100%}.arcade-pong-hint{top:92px}}.arcade-prompt{white-space:normal;text-align:center;touch-action:manipulation;max-width:calc(100vw - 32px)}.arcade-overlay[data-game=prism] .arcade-machine{width:min(720px,100%)}.arcade-overlay[data-game=prism] .arcade-display{width:min(100%,480px);margin:auto}.arcade-overlay[data-game=prism] .arcade-title{color:#e5c8ff}.arcade-overlay[data-game=prism] .arcade-controls{flex-wrap:wrap;justify-content:center;margin-top:14px}.arcade-overlay[data-game=prism] .maze-buttons{flex-basis:100%;justify-content:center}.prism-undo,.prism-continue{padding:0 14px}.prism-leaderboard{color:#d7c0ff!important;padding:0 12px!important}.prism-board-dialog{z-index:20;color:#f1edff;background:linear-gradient(145deg,#282337,#0b0e19);border:1px solid #cf73ff77;border-radius:14px;width:min(420px,100vw - 28px);max-height:min(650px,100dvh - 28px);padding:22px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 25px 90px #000d}.prism-board-dialog h3{letter-spacing:.04em;color:#e6cfff;margin:0 0 8px;font:800 25px Barlow Condensed,sans-serif}.prism-board-status{color:#b9afc9;min-height:18px;font:10px var(--mono);margin:0 0 12px}.prism-board-list{border-top:1px solid #ffffff18;margin:0 0 16px;padding:0;list-style-position:inside}.prism-board-list li{font:11px var(--mono);border-bottom:1px solid #ffffff12;justify-content:space-between;gap:12px;padding:8px 3px;display:flex}.prism-board-list li span{overflow-wrap:anywhere}.prism-board-list li b{color:#d5ff69}.prism-board-form{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.prism-board-form input[type=text],.prism-board-form input:not([type]){min-width:0}.prism-board-form>input{color:#fff;height:40px;font:11px var(--mono);background:#080b14;border:1px solid #ffffff2e;border-radius:6px;padding:0 10px}.prism-board-form label{color:#bdb5c9;font:10px var(--mono);grid-column:1/-1}.prism-board-form button{color:#e9e2ff;min-height:40px;font:700 10px var(--mono);background:#1a202d;border:1px solid #ffffff2e;border-radius:6px;padding:0 11px}.prism-board-form button[type=submit]{color:#17240b;background:#d5ff69;border-color:#efffc2}.prism-board-form button:disabled{opacity:.45}.prism-board-dialog>small{color:#d5ff69;font:700 9px var(--mono);letter-spacing:.12em;margin-bottom:8px;display:block}.prism-board-dialog h3{font-size:36px;line-height:1}.prism-board-status{color:#f0dcff;line-height:1.6}.prism-board-form>input,.prism-board-form button[type=submit]{grid-column:1/-1}.prism-board-form button{min-height:44px}.prism-board-form label{align-items:center;gap:8px;min-height:32px;display:flex}.prism-board-form input[type=checkbox]{accent-color:#d5ff69}.prism-board-caption{color:#aea8be;font:11px/1.6 var(--sans,sans-serif);margin:18px 0 12px}.prism-board-list{max-height:210px;margin-bottom:0;overflow:auto}.prism-board-list li{align-items:center;padding:12px 4px}.prism-board-list li.is-you{background:#d5ff690b}.arcade-overlay[data-game=tv] .arcade-machine{width:min(1150px,100%)}.arcade-overlay[data-game=tv] .arcade-display canvas{aspect-ratio:auto;object-fit:contain}.arcade-watchbar{letter-spacing:.03em;flex-wrap:wrap}@media (width<=800px){.arcade-overlay[data-game=prism] .arcade-machine{justify-content:flex-start;width:min(100%,560px);min-height:0;max-height:calc(100dvh - 16px);overflow:auto}.arcade-overlay[data-game=prism] .arcade-display{width:min(100%,100dvh - 355px);min-width:180px;margin:0 auto}.arcade-overlay[data-game=prism] .arcade-title{margin-bottom:9px;font-size:32px}.arcade-overlay[data-game=prism] .arcade-instructions{margin:10px 0}.arcade-overlay[data-game=prism] .arcade-controls{gap:8px;margin-top:4px}.arcade-overlay[data-game=prism] .maze-buttons{grid-template-rows:repeat(2,44px);grid-template-columns:repeat(3,48px)}.arcade-overlay[data-game=tv] .arcade-machine{min-height:0}.arcade-watchbar{gap:5px}.arcade-watchbar span{flex-basis:100%}.arcade-watchbar button{padding:0 8px}}@media (height<=550px) and (orientation:landscape){.arcade-overlay[data-game=prism] .arcade-machine{grid-template-columns:minmax(0,1fr) 250px;max-width:800px;min-height:0;max-height:calc(100dvh - 16px);padding:12px;display:grid}.arcade-overlay[data-game=prism] .arcade-display{grid-area:2/1/5;width:min(100%,100dvh - 125px);min-width:130px}.arcade-overlay[data-game=prism] .arcade-controls{grid-area:4/2;gap:5px;margin:0}.arcade-overlay[data-game=prism] .maze-buttons{grid-template-rows:repeat(2,34px);grid-template-columns:repeat(3,44px)}.arcade-overlay[data-game=prism] .arcade-controls button{min-height:34px;font-size:10px}.arcade-overlay[data-game=prism] .arcade-instructions{margin:0;font-size:10px}.arcade-overlay[data-game=tv] .arcade-machine{max-width:900px;max-height:calc(100dvh - 16px);display:block;overflow:auto}}@media (orientation:portrait) and (width<=800px){.arcade-overlay[data-game=prism] .arcade-display canvas{width:min(100cqw,100cqh);max-width:100%;height:auto;max-height:100%}}@media (height<=550px) and (orientation:landscape){.arcade-overlay[data-game=maze] .arcade-machine{grid-template-columns:minmax(0,1fr) 190px;width:min(700px,100%);max-height:calc(100dvh - 16px);padding:12px}.arcade-overlay[data-game=maze] .arcade-display{width:min(100%,84dvh - 109.2px);margin:0 auto}.arcade-overlay[data-game=maze] .arcade-controls{align-self:end}.arcade-overlay[data-game=maze] .maze-buttons{grid-template-rows:repeat(2,40px);grid-template-columns:repeat(3,48px)}.arcade-overlay[data-game=maze] .maze-buttons button{min-height:40px}}.arcade-display{position:relative}.pong-lobby{z-index:1;background:#07101abb;border-radius:5px;place-items:center;padding:18px;display:grid;position:absolute;inset:8px}.pong-lobby-panel{text-align:center;background:radial-gradient(at top,#233528,#0a101b 72%);border:1px solid #bfe56c66;border-radius:14px;width:min(100%,600px);padding:28px;box-shadow:0 22px 60px #0009}.pong-lobby-kicker{color:#acbda0;font:8px var(--mono);letter-spacing:.16em}.pong-lobby-title{color:#e5ffb3;letter-spacing:.025em;margin:15px 0 24px;font:800 clamp(25px,3vw,36px)/1.05 Barlow Condensed,sans-serif}.pong-lobby-matchup{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);align-items:center;gap:12px;display:grid}.pong-player-card{background:#ffffff04;border:1px dashed #7c778f88;border-radius:9px;flex-direction:column;justify-content:center;gap:12px;min-width:0;min-height:125px;padding:20px 12px;display:flex}.pong-player-card[data-ready=true]{background:#d5ff690a;border:1px solid #d5ff6977}.pong-player-card[data-pong-player="1"][data-ready=true]{background:#cf73ff0a;border-color:#cf73ff77}.pong-player-card>span{font:9px var(--mono);letter-spacing:.15em;color:#a2b392}.pong-player-name{color:#ecffcc;overflow-wrap:anywhere;font:700 20px/1.2 Barlow Condensed,sans-serif}.pong-player-card[data-pong-player="1"] .pong-player-name{color:#e5c5ff}.pong-player-state{font:7px/1.6 var(--mono);color:#c7d4ba;letter-spacing:.04em}.pong-lobby-vs{color:#879685;font:12px var(--mono)}.pong-lobby-note{color:#a9b7bb;margin:20px 0 0;font-size:11px;line-height:1.6}.arcade-controls button:disabled{opacity:.45}@media (orientation:portrait) and (width<=800px){.pong-lobby{padding:8px;inset:5px}.pong-lobby-panel{padding:19px 12px}.pong-lobby-title{margin:12px 0 18px;font-size:28px}.pong-lobby-matchup{grid-template-columns:1fr;gap:8px}.pong-player-card{gap:7px;min-height:0;padding:13px 10px}.pong-player-name{font-size:22px}.pong-lobby-note{margin-top:14px;font-size:10px}.pong-lobby-vs{font-size:9px}}@media (height<=700px) and (orientation:portrait){.pong-lobby-panel{padding:12px}.pong-lobby-title{margin:9px 0 12px;font-size:23px}.pong-player-card{gap:4px;padding:8px}.pong-player-name{font-size:19px}.pong-lobby-note{margin-top:10px}.pong-lobby-matchup{gap:4px}}@media (height<=550px) and (orientation:landscape){.pong-lobby{padding:4px}.pong-lobby-panel{padding:12px}.pong-lobby-title{margin:8px 0 12px;font-size:24px}.pong-player-card{gap:6px;min-height:70px;padding:8px}.pong-player-name{font-size:17px}.pong-lobby-note{margin-top:10px;font-size:10px}.pong-lobby-matchup{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:6px}}.pool-controls{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.pool-controls button{min-width:44px;padding:0 10px}.pool-controls input{accent-color:#d5ff69;flex:1;min-width:120px}.pool-shoot{color:#17240b!important;background:#d5ff69!important;border-color:#efffc2!important}.arcade-overlay[data-game=pool] .arcade-machine{width:min(980px,100%)}.arcade-overlay[data-game=pool] .arcade-display{min-height:320px}.arcade-overlay[data-game=pool] .pool-canvas{aspect-ratio:16/9;touch-action:none;width:100%;height:auto}@media (width<=800px){.arcade-overlay[data-game=pool] .arcade-machine{max-height:calc(100dvh - 16px);overflow:auto}.arcade-overlay[data-game=pool] .arcade-display{min-height:220px}.pool-controls{flex-wrap:wrap}.pool-controls input{flex-basis:100%;order:2;min-height:32px}.pool-shoot{flex-basis:100%;order:3}}.arcade-computer{color:#d5ff69;min-height:44px;font:700 11px var(--mono);background:#d5ff6915;border:1px solid #d5ff6988;border-radius:7px;margin-top:18px;padding:0 16px}.arcade-computer:hover,.arcade-computer:focus-visible{color:#17240b;background:#d5ff69}.pool-lobby{z-index:2;background:#07101abb;border-radius:5px;place-items:center;padding:18px;display:grid;position:absolute;inset:8px}.pool-lobby[hidden]{display:none!important}.pool-lobby .pong-lobby-panel{width:min(100%,600px)}.arcade-overlay[data-game=pool] .arcade-machine{flex-direction:column;gap:10px;width:min(1180px,100%);height:min(850px,100dvh - 40px);max-height:calc(100dvh - 40px);padding:22px;display:flex;overflow:hidden}.arcade-overlay[data-game=pool] .arcade-heading{flex-shrink:0;margin:0}.arcade-overlay[data-game=pool] .arcade-title{margin:0;font-size:36px;line-height:1}.arcade-overlay[data-game=pool] .arcade-scoreboard{flex-shrink:0;min-height:24px;margin:0}.arcade-overlay[data-game=pool] .arcade-display{background:radial-gradient(#233c31,#080f12 80%);border:1px solid #b89b5b44;border-radius:10px;flex:auto;width:100%;height:auto;min-height:160px;margin:0;position:relative;overflow:hidden}.arcade-overlay[data-game=pool] .pool-canvas{aspect-ratio:auto;touch-action:none;outline:0;max-width:none;max-height:none;position:absolute;inset:0;width:100%!important;height:100%!important}.pool-matchup{flex-shrink:0;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:12px;display:grid}.pool-matchup>div{background:#0a1718;border:1px solid #ffffff18;border-radius:8px;flex-direction:column;gap:3px;min-width:0;padding:9px 12px;display:flex}.pool-matchup>div[data-turn=true]{border-color:#d5ff6988;box-shadow:inset 0 0 16px #d5ff6909}.pool-matchup strong{font:700 15px/1.2 var(--sans);white-space:nowrap;text-overflow:ellipsis;color:#ecf5d8;overflow:hidden}.pool-matchup span{font:9px/1.2 var(--mono);color:#8fb6a0;letter-spacing:.08em}.pool-matchup>b{color:#14201b;width:28px;height:28px;font:800 12px var(--sans);background:#efedd9;border:5px solid #17231c;border-radius:50%;place-items:center;display:grid}.arcade-overlay[data-game=pool] .arcade-controls{flex-shrink:0;justify-content:center;align-items:center;gap:10px;margin:0;display:flex}.pool-controls{flex:1;grid-template-columns:48px minmax(70px,240px) 48px 130px;align-items:center;gap:10px;max-width:620px;margin:0;display:grid}.pool-controls button,.pool-controls input{min-width:44px;min-height:44px;margin:0;order:initial!important;flex-basis:auto!important}.pool-controls input{accent-color:#d5ff69;cursor:pointer;width:100%;height:44px}.pool-controls .pool-shoot{color:#162611;letter-spacing:.13em;background:#d5ff69;border-color:#e6ffb5;font-weight:800}.pool-controls button:disabled{opacity:.35;cursor:default}.arcade-overlay[data-game=pool] .arcade-instructions{text-align:center;color:#a3b9ae;flex-shrink:0;margin:0;font-size:11px;line-height:1.5}.arcade-computer-switch{color:#bfd396;min-height:44px;font:700 10px var(--mono);letter-spacing:.04em;background:#111b1b;border:1px solid #b6c68d44;border-radius:6px;flex-shrink:0;align-self:center;padding:0 16px}.arcade-overlay[data-game=pool] .arcade-footer{flex-shrink:0;margin:0;font-size:9px}.pool-lobby .pong-lobby-panel{background:#071216f2;border:1px solid #a2c87d55;border-radius:12px;width:min(100%,550px);padding:20px}.pool-lobby-title{color:#eef7d4;margin:12px 0 18px;font:800 32px/1.05 Barlow Condensed,sans-serif}.pool-player-name{color:#ecffcc;overflow-wrap:anywhere;font:700 21px/1.2 Barlow Condensed,sans-serif}.pool-player-state{font:9px/1.4 var(--mono);color:#b8c8ae}.pool-lobby-note{color:#b4c2b8;margin:16px 0 0;font-size:11px;line-height:1.5}.arcade-watchbar{flex-wrap:wrap;row-gap:6px}.arcade-overlay[data-game=study] .arcade-machine{background:linear-gradient(135deg,#1b2c30,#0a1118 75%);border-color:#8ae6d052;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 240px;gap:14px 22px;width:min(1020px,100%);height:min(850px,100dvh - 48px);display:grid}.arcade-overlay[data-game=study] .arcade-heading{grid-area:1/1/auto/-1}.arcade-overlay[data-game=study] .arcade-title{color:#b3f5df;margin:8px 0 4px}.arcade-overlay[data-game=study] .arcade-scoreboard{grid-area:2/1/auto/-1;margin:0}.arcade-overlay[data-game=study] .arcade-score{color:#86b4ad;font-size:20px}.arcade-overlay[data-game=study] .arcade-display{background:#080f12;border-color:#96dfca30;grid-area:3/1;place-items:center;min-width:0;min-height:0;display:grid;overflow:hidden;container-type:size}.arcade-overlay[data-game=study] .study-canvas{object-fit:contain;cursor:grab;width:min(100cqw,100cqh);max-width:100%;height:auto;max-height:100%}.arcade-overlay[data-game=study] .study-canvas:active{cursor:grabbing}.arcade-overlay[data-game=study] .arcade-controls{grid-area:3/2;align-items:start;overflow:auto}.arcade-overlay[data-game=study] .arcade-instructions{color:#88a8a3;grid-area:4/1;margin:0;font-size:11px}.arcade-overlay[data-game=study] .arcade-footer{color:#94cabb;border:0;flex-wrap:wrap;grid-area:4/2;margin:0;padding-top:0;font-size:7px;line-height:1.6}.arcade-overlay[data-game=study] .arcade-footer span{display:none}.arcade-overlay[data-game=study] .arcade-watchbar{grid-area:3/2;align-self:start;gap:8px;margin:0;display:grid}.study-controls{gap:20px;width:100%;display:grid}.study-modes{gap:7px;display:grid}.study-modes button{text-align:left;letter-spacing:.08em;padding:0 14px}.study-modes small{color:#6dada0;margin-right:14px;font-size:9px}.study-controls button{color:#bad5cd;letter-spacing:.03em;background:#122126;border-color:#789c9760;font-size:10px}.study-controls button[aria-pressed=true]{color:#102421;background:#b1f2d9;border-color:#d9ffed;box-shadow:0 0 20px #80fbd714}.study-controls button[aria-pressed=true] small{color:#2c6a56}.study-finishes{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.study-finishes button{min-height:40px;font-size:9px}.study-parameter{color:#c0dfd4;font:10px var(--mono);letter-spacing:.08em;grid-template-columns:1fr auto;align-items:center;gap:7px;display:grid}.study-parameter input{accent-color:#a3f0d3;touch-action:pan-x;grid-area:2/1/auto/-1;width:100%;min-width:0;height:40px}.study-parameter output{color:#80b5a5}.study-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.study-actions button{min-height:44px;font-size:9px}.study-actions span{text-align:center;font:8px var(--mono);letter-spacing:.15em;color:#7c9d93;grid-column:1/-1;padding-top:4px}@media (width<=800px) and (orientation:portrait){.arcade-overlay[data-game=study] .arcade-machine{gap:9px;width:100%;height:calc(100dvh - 16px);padding:14px 12px;display:flex}.arcade-overlay[data-game=study] .arcade-title{font-size:35px}.arcade-overlay[data-game=study] .arcade-display{flex:1;width:100%;min-height:120px;padding:0}.arcade-overlay[data-game=study] .arcade-controls{flex-shrink:0;width:100%;display:block;overflow:visible}.study-controls{gap:8px}.study-modes{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.study-modes button{text-align:center;letter-spacing:0;min-height:44px;padding:7px 1px;font-size:7px}.study-modes small{margin:0 0 5px;font-size:8px;display:block}.study-finishes{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.study-finishes button{min-height:36px;padding:0;font-size:7px}.study-parameter{letter-spacing:0;grid-template-columns:72px minmax(0,1fr) 34px;gap:6px;font-size:8px}.study-parameter input{grid-area:1/2;height:38px}.study-parameter output{text-align:right;grid-area:1/3}.study-actions{grid-template-columns:1fr 1fr 1fr;align-items:center;gap:6px}.study-actions span{grid-column:3;padding:0;font-size:6px;line-height:1.7}.arcade-overlay[data-game=study] .arcade-instructions{display:none}.arcade-overlay[data-game=study] .arcade-footer{margin:0;padding-top:3px;font-size:6px}.arcade-overlay[data-game=study] .arcade-watchbar{flex-wrap:wrap;gap:4px;margin:0;padding:6px;display:flex}}@media (height<=550px) and (orientation:landscape){.arcade-overlay[data-game=study] .arcade-machine{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) 230px;gap:8px;width:100%;height:calc(100dvh - 16px);padding:10px}.arcade-overlay[data-game=study] .arcade-heading{grid-area:1/1}.arcade-overlay[data-game=study] .arcade-title{font-size:28px}.arcade-overlay[data-game=study] .arcade-kicker{display:none}.arcade-overlay[data-game=study] .arcade-display{grid-row:2}.arcade-overlay[data-game=study] .arcade-controls,.arcade-overlay[data-game=study] .arcade-watchbar{grid-area:1/2/3}.arcade-overlay[data-game=study] .arcade-scoreboard,.arcade-overlay[data-game=study] .arcade-footer,.arcade-overlay[data-game=study] .arcade-instructions{display:none}.study-controls{gap:7px}.study-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.study-modes button{text-align:center;min-height:40px;padding:5px 2px;font-size:7px}.study-modes small{display:none}.study-finishes{flex-wrap:wrap;gap:4px;display:flex}.study-finishes button{min-height:30px;padding:0 6px;font-size:7px}.study-parameter input{height:30px}.study-actions span{display:none}}.arcade-watchbar button{min-width:44px;min-height:44px}@media (width<=800px){.arcade-overlay[data-game=pool] .arcade-machine{gap:8px;width:100%;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding:12px;overflow:hidden}.arcade-overlay[data-game=pool] .arcade-title{font-size:28px}.arcade-overlay[data-game=pool] .arcade-heading .arcade-kicker{letter-spacing:.12em;font-size:8px}.arcade-overlay[data-game=pool] .arcade-display{min-height:140px}.pool-controls{grid-template-columns:44px minmax(50px,1fr) 44px 80px;gap:7px;width:100%;max-width:none}.pool-matchup{grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);gap:7px}.pool-matchup>div{padding:7px 9px}.pool-matchup strong{font-size:12px}.pool-matchup span{font-size:8px}.pool-lobby{padding:8px;inset:0}.pool-lobby .pong-lobby-panel{padding:16px 12px}.pool-lobby .pong-player-card{min-height:88px;padding:12px 8px}.pool-lobby .pong-lobby-matchup{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:8px}.pool-lobby-title{margin:10px 0 14px;font-size:28px}.pool-player-name{font-size:19px}.pool-lobby-note{margin-top:12px;font-size:10px}.arcade-overlay[data-game=pool] .arcade-footer{letter-spacing:.03em;font-size:7px}.arcade-overlay[data-game=pool] .arcade-footer span{display:none}.arcade-overlay[data-game=pool] .arcade-watchbar{gap:4px;font-size:8px}.arcade-watchbar>span{display:none}.arcade-watchbar button{padding:0 9px;font-size:9px}}@media (height<=520px) and (orientation:landscape){.arcade-overlay[data-game=pool] .arcade-machine{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 220px;gap:8px;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding:10px;display:grid}.arcade-overlay[data-game=pool] .arcade-heading{grid-area:1/1/auto/-1}.arcade-overlay[data-game=pool] .arcade-title{font-size:26px}.arcade-overlay[data-game=pool] .arcade-kicker{display:none}.arcade-overlay[data-game=pool] .arcade-display{grid-area:2/1/4;height:100%;min-height:0}.arcade-overlay[data-game=pool] .pool-matchup{grid-area:2/2;grid-template-columns:1fr;align-self:start;gap:5px}.pool-matchup>b{display:none}.arcade-overlay[data-game=pool] .arcade-scoreboard{grid-area:2/2;align-self:center;margin-top:35px;font-size:10px;display:block}.arcade-overlay[data-game=pool] .arcade-score{display:none}.arcade-overlay[data-game=pool] .arcade-controls{grid-area:3/2;display:block}.arcade-overlay[data-game=pool] .pool-controls{grid-template-columns:44px minmax(40px,1fr) 44px;gap:5px}.pool-controls .pool-shoot{grid-column:1/-1}.arcade-overlay[data-game=pool] .arcade-instructions,.arcade-overlay[data-game=pool] .arcade-footer{display:none}.arcade-overlay[data-game=pool] .arcade-computer-switch{grid-area:2/2;align-self:end;width:100%;padding:0 4px;font-size:8px}.arcade-overlay[data-game=pool] .arcade-watchbar{grid-area:3/2;align-self:end}.pool-lobby .pong-lobby-panel{padding:10px}.pool-lobby-title{margin:6px 0;font-size:23px}.pool-lobby .pong-player-card{min-height:60px;padding:6px}.pool-lobby-note{display:none}.pool-lobby .arcade-computer{margin-top:8px}.pool-lobby .pong-lobby-kicker{font-size:7px}}@media (width<=800px) and (orientation:portrait){.arcade-overlay[data-game=tv] .arcade-display canvas{width:min(100cqw,var(--tv-fit,175cqh));height:auto;max-height:100%}.arcade-overlay[data-game=tv] .arcade-watchbar{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.arcade-overlay[data-game=tv] .arcade-watchbar button{padding:0 4px}}.study-tabs{border-bottom:1px solid #719b9155;grid-template-columns:repeat(3,1fr);gap:5px;padding-bottom:8px;display:grid}.study-tabs button{letter-spacing:.12em;min-height:38px;font-size:9px}.study-tabs button[aria-selected=true]{color:#102421;background:#b1f2d9;border-color:#d9ffed}.study-panel{gap:14px;display:grid}.motion-scenes{gap:6px;display:grid}.motion-scenes button{text-align:left;min-height:42px;padding:0 10px}.motion-scenes small{color:#76b4a4;margin-right:10px}.motion-scenes button[aria-pressed=true]{color:#102421;background:#b1f2d9}.motion-time{color:#c0dfd4;font:10px var(--mono);letter-spacing:.08em;grid-template-columns:1fr auto;gap:7px;display:grid}.motion-time input{accent-color:#a3f0d3;grid-column:1/-1;width:100%}.motion-time output{color:#80b5a5}.study-panel-gallery{gap:8px}.study-photo{gap:8px;margin:0;display:grid}.gallery-photo{aspect-ratio:1;object-fit:cover;background:#222;border:7px solid #d9c9a5;width:100%;transition:opacity .2s;box-shadow:0 9px 24px #0008}.gallery-photo.is-loading{opacity:.5}.study-photo figcaption{color:#c6ded2;font-family:var(--mono);gap:3px;display:grid}.gallery-title{letter-spacing:.06em;text-transform:uppercase;font:700 14px Barlow Condensed,sans-serif}.gallery-caption{color:#9bb8ae;font-size:9px;line-height:1.35}.gallery-count{color:#6e9389;letter-spacing:.12em;font-size:9px}.gallery-nav{grid-template-columns:1fr 1fr;gap:7px;display:grid}.gallery-nav button{min-height:42px;font-size:22px}.arcade-overlay[data-game=study] .study-controls{gap:12px}.arcade-overlay[data-game=study] .study-panel[hidden]{display:none}@media (width<=800px){.study-tabs{gap:3px;padding-bottom:4px}.study-tabs button{min-height:34px;font-size:8px}.study-panel{gap:8px}.motion-scenes{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.motion-scenes button{text-align:center;min-height:38px;padding:0 4px;font-size:8px}.motion-scenes small{margin:0 0 2px;display:block}.gallery-photo{border-width:4px}.gallery-title{font-size:12px}.gallery-caption{font-size:8px}.gallery-nav button{min-height:36px}}@media (height<=550px) and (orientation:landscape){.motion-scenes{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.motion-scenes button{min-height:44px;padding:4px;font-size:7px}.motion-scenes small{margin:0 0 3px;display:block}.study-tabs button{min-height:36px;font-size:8px}.study-panel{gap:8px}.motion-time{gap:3px}.motion-time input{height:30px}.study-tabs{padding-bottom:4px}}.study-controls .study-watch-show{color:#14251b;letter-spacing:.09em;background:linear-gradient(115deg,#d8ff76,#a5f2cf);border:1px solid #e4ffb4;border-radius:10px;width:100%;min-height:62px;padding:14px 10px;font:800 19px Barlow Condensed,sans-serif;box-shadow:0 4px 26px #b6ff5c20}.study-controls .study-watch-show:hover{filter:brightness(1.08)}.study-show-controls{gap:10px;width:100%;display:grid}.study-show-controls[hidden],.study-tabs[hidden]{display:none}.study-show-controls button{border-radius:8px;width:100%;min-height:46px}.study-show-controls .study-show-pause{color:#102421;background:#b1f2d9;border-color:#d9ffed}.study-show-controls .study-show-stop{color:#adbdb8}@media (width<=800px){.study-controls .study-watch-show{min-height:50px;font-size:18px}.study-show-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.study-show-controls button{min-height:46px;padding:5px;font-size:8px}}@media (height<=550px) and (orientation:landscape){.study-controls .study-watch-show{min-height:44px;font-size:17px}}.wardrobe-overlay[hidden],.wardrobe-overlay [hidden]{display:none!important}.wardrobe-overlay{z-index:14;pointer-events:auto;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:radial-gradient(at 30% 45%,#372340dc,#070a14f0 70%);place-items:center;padding:22px;display:grid;position:fixed;inset:0;overflow:auto}.wardrobe{background:linear-gradient(130deg,#252031,#101721 70%);border:1px solid #826d9166;border-radius:22px;width:min(820px,100%);padding:26px;box-shadow:0 35px 100px #0009}.wardrobe-head{justify-content:space-between;gap:10px;display:flex}.wardrobe-head span{font:8px var(--mono);letter-spacing:.2em;color:#b5a1c7}.wardrobe-head h2{letter-spacing:.025em;margin:8px 0 20px;font:800 39px/1 Barlow Condensed,sans-serif}.wardrobe-close{color:#e0d7eb;background:#1a1824;border:1px solid #9c89aa44;border-radius:50%;flex:none;width:44px;height:44px}.wardrobe-tabs{border-bottom:1px solid #ffffff13;gap:22px;margin-bottom:14px;display:flex}.wardrobe-tabs button{font:10px var(--mono);color:#847d94;letter-spacing:.13em;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 0}.wardrobe-tabs button.selected{color:#d5ff69;border-color:#d5ff69}.wardrobe-body{grid-template-columns:42% 1fr;gap:22px;min-height:350px;display:grid}.tanuki-preview{background:radial-gradient(at 50% 52%,#51405a77,#0000 70%),linear-gradient(160deg,#1d1d2e,#0d151f);border-radius:15px;min-height:350px;position:relative;overflow:hidden}.tanuki-preview:before{content:"";pointer-events:none;border:1px solid #dbd1ed0a;border-radius:50%;position:absolute;inset:15px}.tanuki-preview canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.preview-tag{font:8px var(--mono);letter-spacing:.13em;color:#d4c7e4;pointer-events:none;align-items:center;gap:7px;display:flex;position:absolute;top:16px;left:16px}.preview-tag i{background:#d5ff69;border-radius:50%;width:5px;height:5px}.tanuki-preview small{text-align:center;font:7px var(--mono);letter-spacing:.14em;color:#817888;pointer-events:none;position:absolute;bottom:15px;left:0;right:0}.wardrobe-label{font:8px var(--mono);color:#91849e;letter-spacing:.13em;margin:11px 0 12px}.variant-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.variant-grid button{color:#a59baf;background:#ffffff03;border:1px solid #60546755;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:11px;min-height:91px;padding:9px 3px;display:flex}.variant-grid button.selected{border-color:var(--fur);color:#f4f1f7;background:linear-gradient(150deg,#ffffff0d,#ffffff02);box-shadow:inset 0 0 18px #ffffff05}.variant-grid strong{font:8px var(--mono);letter-spacing:.02em}.mini-tanuki{background:var(--fur);width:35px;height:28px;box-shadow:0 0 17px color-mix(in srgb,var(--fur) 18%,transparent);border-radius:47% 47% 48% 48%;display:block;position:relative}.mini-tanuki:before,.mini-tanuki:after{content:"";background:var(--fur);border-radius:50%;width:13px;height:13px;position:absolute;top:-5px}.mini-tanuki:before{left:0}.mini-tanuki:after{right:0}.mini-tanuki i{z-index:1;background:#181727;border-radius:50%;height:10px;position:absolute;top:10px;left:4px;right:4px}.mini-tanuki i:before,.mini-tanuki i:after{content:"";background:#f1f0e2;border-radius:50%;width:3px;height:3px;position:absolute;top:3px}.mini-tanuki i:before{left:6px}.mini-tanuki i:after{right:6px}.outfit-label{margin-top:21px}.outfit-list{flex-wrap:wrap;gap:7px;display:flex}.outfit-list button{color:#aaa1b6;background:#ffffff03;border:1px solid #65596d77;border-radius:7px;align-items:center;gap:7px;min-height:40px;padding:0 10px;font-size:10px;display:flex}.outfit-list button.selected{color:#e1ffc0;background:#c8f77a0a;border-color:#bad68d}.outfit-list button span{color:#b9a6d2;font-size:16px}.wardrobe-footer{border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:15px;margin-top:21px;padding-top:18px;display:flex}.wardrobe-summary{font:8px var(--mono);color:#8c839a;line-height:1.6}.wardrobe-apply{color:#18220e;min-height:46px;font:700 10px var(--mono);letter-spacing:.06em;white-space:nowrap;background:#d5ff69;border:1px solid #d5ff69;border-radius:7px;padding:0 21px}.dance-intro{color:#aba0b8;margin:10px 0 16px;font-size:12px;line-height:1.6}.dance-list{gap:7px;display:grid}.dance-list button{text-align:left;color:#cdc2d6;background:#ffffff03;border:1px solid #64576d55;border-radius:9px;align-items:center;gap:13px;min-height:56px;padding:11px 13px;display:flex}.dance-list b{color:#665970;font:20px Barlow Condensed,sans-serif}.dance-list strong{font:10px var(--mono);display:block}.dance-list small{color:#90829c;margin-top:5px;font-size:9px;display:block}.dance-list i{color:#867398;margin-left:auto;font-style:normal}.dance-list button.selected{background:#cda9ed0b;border-color:#c19cdf}.dance-list button.selected b,.dance-list button.selected i{color:#d5b3f6}.stop-dance{font:9px var(--mono);color:#a295b1;letter-spacing:.06em;background:0 0;border:0;min-height:40px;padding:15px 0 0}@media (width<=800px){.wardrobe-overlay{padding:12px}.wardrobe{border-radius:18px;max-height:calc(100dvh - 24px);padding:19px 16px;overflow:auto}.wardrobe-head h2{margin:7px 0 12px;font-size:29px}.wardrobe-head span{font-size:7px}.wardrobe-tabs{margin-bottom:10px}.wardrobe-body{grid-template-columns:1fr;gap:9px;min-height:0}.tanuki-preview{height:185px;min-height:185px}.tanuki-preview canvas{width:100%;height:100%}.preview-tag{font-size:7px}.tanuki-preview small{bottom:13px;left:auto;right:13px}.wardrobe-label{margin:9px 0;font-size:7px}.variant-grid{grid-template-columns:repeat(6,1fr);gap:5px}.variant-grid button{border-radius:7px;gap:9px;min-height:67px}.variant-grid strong{letter-spacing:-.05em;font-size:6px}.mini-tanuki{margin:0 -4px -3px;transform:scale(.72)}.outfit-label{margin-top:15px}.outfit-list{gap:6px}.outfit-list button{gap:5px;min-height:38px;padding:0 8px;font-size:9px}.wardrobe-footer{gap:8px;margin-top:15px;padding-top:14px}.wardrobe-summary{font-size:6px}.wardrobe-apply{padding:0 14px;font-size:9px}.dance-list{grid-template-columns:1fr 1fr}.dance-list button{gap:7px;min-height:65px;padding:11px 9px}.dance-list strong,.dance-list small{font-size:8px}.dance-list b{font-size:16px}.dance-list i{display:none}.dance-intro{margin:5px 0 10px;font-size:11px}.stop-dance{font-size:8px}.control-hints{gap:10px}.control-hints .mode-button{font-size:9px}.control-hints #fullscreen-button{display:none}}@media (width<=380px){.wardrobe-head h2{font-size:26px}.wardrobe{padding:16px 13px}.variant-grid{grid-template-columns:repeat(3,1fr)}.variant-grid button{flex-direction:row;gap:3px;min-height:58px}.variant-grid strong{font-size:7px}.tanuki-preview{height:160px;min-height:160px}.control-hints{gap:8px}.control-hints .mode-button svg{display:none}}@media (height<=550px) and (orientation:landscape){.wardrobe{max-width:740px;padding:16px}.wardrobe-head h2{margin-bottom:8px;font-size:26px}.wardrobe-body{grid-template-columns:34% 1fr;gap:15px}.tanuki-preview{height:260px;min-height:260px}.variant-grid{grid-template-columns:repeat(6,1fr)}.variant-grid button{min-height:72px}.wardrobe-footer{margin-top:10px;padding-top:10px}.outfit-list button{min-height:35px}.wardrobe-tabs{margin-bottom:7px}.wardrobe-tabs button{padding:8px 0}.wardrobe-overlay{padding:8px}}@media (width>=801px){.wardrobe{width:min(900px,100%)}.wardrobe-body{grid-template-columns:45% 1fr}.tanuki-preview{min-height:430px}}@media (width<=800px) and (orientation:portrait){.tanuki-preview{height:240px;min-height:240px}}.dance-wheel-overlay[hidden]{display:none}.dance-wheel-overlay{z-index:15;pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070a17d9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dance-wheel-wrap{text-align:center;width:min(440px,100%);position:relative}.wheel-title>span{font:9px var(--mono);letter-spacing:.22em;color:#ccacfd}.wheel-title h2{letter-spacing:.02em;margin:8px 0;font:800 38px Barlow Condensed,sans-serif}.wheel-title p{color:#a5aab9;margin:0 0 20px;font-size:11px}.wheel-close{color:#ddd;background:#222234;border:1px solid #706c8b;border-radius:50%;min-width:44px;min-height:44px;font-size:18px;position:absolute;top:-45px;right:0}.dance-wheel-disc{aspect-ratio:1;touch-action:none;background:radial-gradient(circle,#201c30,#171e2a);border:1px solid #ac92d755;border-radius:50%;width:min(340px,86vw);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 0 8px #ab7cdd08,0 24px 80px #0009}.wheel-move{color:#c9b6e4;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(150deg,#d5ff6906,#bc85f611);border:1px solid #c7a4fa24;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:50%;height:50%;display:flex;position:absolute}.wheel-move:hover,.wheel-move.hovered{color:#e9ffa9;background:#d5ff6924}.wheel-move.slot-0{padding:0 18px 10px 0;top:0;left:0}.wheel-move.slot-1{padding:0 0 10px 18px;top:0;right:0}.wheel-move.slot-2{padding:10px 0 0 18px;bottom:0;right:0}.wheel-move.slot-3{padding:10px 18px 0 0;bottom:0;left:0}.wheel-move b{font:42px/1 DM Sans,sans-serif}.wheel-move span{font:10px var(--mono);text-transform:uppercase;letter-spacing:.1em}.wheel-move kbd{font:9px var(--mono);color:#817b96}.wheel-stop{color:#e4e7d8;width:82px;height:82px;font:10px var(--mono);z-index:2;touch-action:none;background:#292b3e;border:5px solid #101523;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #c6a4ef66}.wheel-bottom{margin-top:25px}.wheel-edit{color:#dbcbf0;font:9px var(--mono);background:0 0;border:1px solid #bca0e447;border-radius:8px;min-height:44px;padding:14px 19px}.wheel-bottom small{color:#737c90;font:7px var(--mono);letter-spacing:.08em;margin-top:16px;display:block}.loadout-slots{grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0 14px;display:grid}.loadout-slots button{color:#a5a2b5;min-height:55px;font:8px var(--mono);background:#ffffff03;border:1px solid #77728f55;border-radius:7px;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;display:flex}.loadout-slots button.selected{color:#e9ffb5;background:#d5ff6912;border-color:#d5ff69}.loadout-slots kbd{font:10px var(--mono)}.dance-list{grid-template-columns:1fr 1fr}.dance-list button{gap:8px;min-height:57px;padding:10px}.dance-list b{font-size:24px}.dance-list i{font:8px var(--mono)}.dance-list small{display:none}.dance-list strong{font-size:9px}.dance-pane .dance-intro{margin:3px 0 8px;font-size:11px}.dance-pane .stop-dance{display:none}@media (width<=800px){.wheel-title h2{font-size:32px}.dance-wheel-disc{width:min(330px,86vw)}.loadout-slots{margin-bottom:10px}.loadout-slots button{font-size:7px}.dance-list button{min-height:50px}.dance-list b{font-size:23px}.dance-list strong{font-size:8px}.dance-list i{font-size:7px;display:block}.wheel-close{top:-40px}}@media (height<=550px) and (orientation:landscape){.dance-wheel-wrap{grid-template-columns:1fr 260px;align-items:center;column-gap:25px;width:650px;display:grid}.dance-wheel-disc{grid-area:1/2/3;width:260px}.wheel-title{grid-column:1}.wheel-bottom{grid-column:1;margin-top:0}.wheel-close{top:-5px;right:-50px}.wheel-move b{font-size:30px}.wheel-move span{font-size:8px}.wheel-stop{width:66px;height:66px}}.wheel-move .tanuki-move-icon{width:62px;height:62px;display:block}.wardrobe .dance-list .tanuki-move-icon{width:30px;height:30px;display:block}.wardrobe .dance-list button{gap:8px}.wardrobe .dance-list small{display:none}.wardrobe .dance-list b{line-height:1}.wardrobe .dance-list strong{font-size:9px}.wheel-move{gap:3px}.wheel-move kbd{position:absolute;top:22px;left:25px}@media (height<=550px) and (orientation:landscape){.wheel-move .tanuki-move-icon{width:45px;height:45px}.wheel-move kbd{top:14px;left:18px}.wheel-move.slot-1 kbd,.wheel-move.slot-2 kbd{right:18px}.wheel-move.slot-2 kbd,.wheel-move.slot-3 kbd{bottom:14px}}.wheel-move.slot-2{padding:0 22px 14px 0}.wheel-move.slot-3{padding:0 0 14px 22px}.wheel-move kbd{font-size:10px;top:45px;left:70px}.wheel-move.slot-1 kbd,.wheel-move.slot-2 kbd{right:70px}@media (height<=550px) and (orientation:landscape){.wheel-move kbd{top:30px;left:48px}.wheel-move.slot-1 kbd,.wheel-move.slot-2 kbd{right:48px}.wheel-move.slot-2 kbd,.wheel-move.slot-3 kbd{bottom:30px}}.wheel-move kbd{pointer-events:none;top:24px;left:auto;right:18px}.wheel-move.slot-1 kbd,.wheel-move.slot-2 kbd{left:18px;right:auto}.wheel-move.slot-2 kbd,.wheel-move.slot-3 kbd{top:auto;bottom:24px}@media (height<=550px) and (orientation:landscape){.wheel-move kbd{top:16px;right:12px}.wheel-move.slot-1 kbd,.wheel-move.slot-2 kbd{left:12px;right:auto}.wheel-move.slot-2 kbd,.wheel-move.slot-3 kbd{bottom:16px}}.name-color-overlay[hidden]{display:none}.name-color-overlay{z-index:20;pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070b17dd;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.name-color-panel{background:linear-gradient(145deg,#252338,#101723);border:1px solid #a590c55c;border-radius:19px;width:min(380px,100%);max-height:calc(100dvh - 36px);padding:23px;overflow:auto;box-shadow:0 30px 100px #0009}.name-color-panel header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.name-color-panel header span{font:7px var(--mono);letter-spacing:.15em;color:#bca8d7}.name-color-panel h2{margin:6px 0 20px;font:800 30px Barlow Condensed,sans-serif}.color-close{color:#e0d7eb;background:#181725;border:1px solid #b2a0cf44;border-radius:50%;width:40px;height:40px}.name-color-preview{text-align:center;background:#090e18;border:1px solid #ffffff10;border-radius:8px;margin-bottom:17px;padding:17px 8px}.name-color-preview>span{letter-spacing:.05em;overflow-wrap:anywhere;font:700 22px Barlow Condensed,sans-serif;display:block}.name-color-preview small{font:6px var(--mono);letter-spacing:.16em;color:#677285;margin-top:8px;display:block}.color-sv{aspect-ratio:1.8;background:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,transparent),hsl(var(--hue) 100% 50%);touch-action:none;cursor:crosshair;outline-offset:5px;border-radius:8px;position:relative}.color-sv i{pointer-events:none;border:2px solid #fff;border-radius:50%;width:17px;height:17px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0008,inset 0 0 0 1px #0004}.hue-label{font:8px var(--mono);letter-spacing:.12em;color:#9e93ae;margin:16px 0 8px;display:block}.color-hue{appearance:none;cursor:pointer;touch-action:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:20px;width:100%;height:18px;display:block}.color-hue::-webkit-slider-thumb{appearance:none;background:0 0;border:3px solid #fff;border-radius:5px;width:14px;height:25px;box-shadow:0 1px 5px #000a}.color-hue::-moz-range-thumb{background:0 0;border:3px solid #fff;border-radius:4px;width:9px;height:20px}.color-hex-row{align-items:center;gap:12px;margin-top:19px;display:flex}.color-hex-row label{font:8px var(--mono);letter-spacing:.08em;color:#b1a6c3;flex:1}.color-hex-row input{font:12px var(--mono);color:#efe7fa;text-transform:uppercase;background:#ffffff05;border:1px solid #a99bbb40;border-radius:6px;width:111px;padding:11px 12px}.color-hex-row input[aria-invalid=true]{border-color:#ff8278}.color-sample{border:1px solid #ffffff40;border-radius:6px;width:35px;height:35px}.color-help{color:#9e96ad;margin:12px 0 22px;font-size:10px;line-height:1.5}.name-color-panel footer{gap:10px;display:flex}.name-color-panel footer button{min-height:46px;font:700 9px var(--mono);border-radius:6px}.color-cancel{color:#b7a8c9;background:0 0;border:1px solid #a793b44d;padding:0 15px}.color-apply{color:#1b250d;background:#d5ff69;border:1px solid #d5ff69;flex:1}.name-color-panel button:disabled{opacity:.4}.color-spectrum-button{color:#fff;text-shadow:0 1px 3px #000;background:conic-gradient(#f44,#ff4,#4f4,#4ff,#44f,#f4f,#f44);border:1px solid #ffffff40;border-radius:50%;flex:none;width:36px;height:36px;padding:3px;font-size:18px;position:relative;box-shadow:inset 0 0 0 3px #0c1021}.color-spectrum-button span{background:#1115;border-radius:50%;place-items:center;width:100%;height:100%;display:grid}.wardrobe-name-color{color:#c8b8da;width:100%;min-height:42px;font:8px var(--mono);text-align:left;background:#ffffff03;border:1px solid #a18cab40;border-radius:8px;align-items:center;gap:10px;margin:17px 0 0;padding:0 12px;display:flex}.wardrobe-name-color i{border:1px solid #ffffff50;border-radius:50%;width:18px;height:18px}.wardrobe-name-color strong{flex:1;font-weight:400}.wardrobe-name-color span{color:#8d849b;font-size:8px}@media (width<=800px){.color-row .color-swatch{width:29px;height:29px}.color-row{gap:7px}.color-spectrum-button{width:34px;height:34px}.color-row>span{margin-left:auto;font-size:6px}.wardrobe-name-color{margin-top:12px}.name-color-panel{padding:20px}.name-color-panel h2{font-size:28px}}