@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/rajdhani-devanagari-500-normal-B_DH_jja.woff2) format("woff2"),url(/assets/rajdhani-devanagari-500-normal-BPH8g_s8.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/rajdhani-latin-ext-500-normal-DiyUS11w.woff2) format("woff2"),url(/assets/rajdhani-latin-ext-500-normal-CyRWJZ5B.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/rajdhani-latin-500-normal-ByNUCHrt.woff2) format("woff2"),url(/assets/rajdhani-latin-500-normal-DfvNI-Td.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/rajdhani-devanagari-600-normal-DhS7ScYx.woff2) format("woff2"),url(/assets/rajdhani-devanagari-600-normal-BtY48IV_.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/rajdhani-latin-ext-600-normal-C9ZjJQAt.woff2) format("woff2"),url(/assets/rajdhani-latin-ext-600-normal-BleIgkPp.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/rajdhani-latin-600-normal-CXCVEoA9.woff2) format("woff2"),url(/assets/rajdhani-latin-600-normal-Dx02qI2_.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/rajdhani-devanagari-700-normal-BQQOj9BB.woff2) format("woff2"),url(/assets/rajdhani-devanagari-700-normal-DBRwWuxA.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/rajdhani-latin-ext-700-normal-S6aYESQK.woff2) format("woff2"),url(/assets/rajdhani-latin-ext-700-normal-BPaQ7tlD.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/rajdhani-latin-700-normal-BPDUZo87.woff2) format("woff2"),url(/assets/rajdhani-latin-700-normal-e0Uj8ZlN.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #080b1a;--panel: rgba(12, 18, 40, .82);--line: rgba(148, 190, 255, .22);--text: #e8eefc;--muted: #94a3c4;--accent: #38bdf8;--accent-d: #2563eb;--accent-rgb: 56, 189, 248;--accent2: #a855f7;--danger: #f87171;--font: "Rajdhani", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;touch-action:pan-x pan-y;background:var(--bg);color:var(--text);font-family:var(--font);font-weight:600}canvas#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;padding:16px;overflow-y:auto}.screen.active{display:flex;pointer-events:auto;animation:fade .35s ease both}.screen:not(.overlay).active{background:radial-gradient(ellipse at center,#0609188c,#060918e6);backdrop-filter:blur(7px) saturate(1.1);-webkit-backdrop-filter:blur(7px) saturate(1.1)}.screen.overlay.active{background:#0407129e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}.panel{width:min(420px,100%);padding:28px;border-radius:22px;background:var(--panel);border:1px solid var(--line);box-shadow:0 30px 80px #0000008c,inset 0 1px #ffffff12;animation:rise .45s cubic-bezier(.2,.9,.3,1) both;margin:auto}.panel.wide{width:min(640px,100%)}.panel.hero{text-align:center;background:transparent;border:0;box-shadow:none}h2{margin:0 0 18px;font-size:32px;letter-spacing:.04em;text-transform:uppercase}h3{margin:0 0 10px;font-size:18px;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.logo{display:flex;flex-direction:column;align-items:center;line-height:.82;font-weight:700;font-style:italic;letter-spacing:.02em;filter:drop-shadow(0 10px 30px rgba(0,0,0,.6))}.logo-top,.logo-bottom{padding-right:.2em;font-size:clamp(64px,14vw,112px);background:linear-gradient(180deg,#fff 8%,#7dd3fc 45%,#3b82f6);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.15)}.logo-bottom{background:linear-gradient(180deg,#fff3c4 6%,#fbbf24 40%,#f43f5e);-webkit-background-clip:text;background-clip:text;margin-left:.25em;position:relative}.logo-bottom:after{content:"";position:absolute;right:.02em;top:-.32em;width:.2em;height:.2em;border-radius:50%;background:radial-gradient(circle,#fff,#fde047 40%,transparent 70%);animation:spark .5s infinite alternate}@keyframes spark{0%{transform:scale(.7);opacity:.7}to{transform:scale(1.3);opacity:1}}.tagline{margin:14px 0 28px;font-size:clamp(12px,3.4vw,18px);white-space:nowrap;letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:12px;justify-content:space-between;margin-top:22px}.row .btn{flex:1}.btn{font:inherit;font-size:20px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text);padding:13px 22px;border-radius:14px;cursor:pointer;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff1a,#ffffff08);transition:transform .12s,box-shadow .2s,border-color .2s,background .2s}.btn:hover:not(:disabled){transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.7);box-shadow:0 8px 26px rgba(var(--accent-rgb),.25)}.btn:active:not(:disabled){transform:translateY(0) scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible,.seg button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.primary{background:linear-gradient(180deg,var(--accent),var(--accent-d));border-color:#ffffff59;box-shadow:0 8px 24px rgba(var(--accent-rgb),.4),inset 0 1px #fff6;text-shadow:0 1px 2px rgba(0,0,0,.35)}.btn.primary:hover:not(:disabled){box-shadow:0 10px 34px rgba(var(--accent-rgb),.55),inset 0 1px #fff6}.btn.big{font-size:24px;padding:17px 24px}.btn.ghost{background:transparent;color:var(--muted)}.btn.small{font-size:15px;padding:8px 14px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.field>span,.label{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}input{font:inherit;font-size:20px;font-weight:700;color:var(--text);padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#0000004d;width:100%}input::placeholder{color:#94a3c480}.seg{display:flex;gap:6px;padding:4px;border-radius:14px;background:#0000004d;border:1px solid var(--line)}.seg button{flex:1;font:inherit;font-size:18px;font-weight:700;padding:9px;border:0;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer;transition:all .15s}.seg button.on{background:linear-gradient(180deg,var(--accent),var(--accent-d));color:#fff;box-shadow:0 4px 14px rgba(var(--accent-rgb),.4)}.divider{display:flex;align-items:center;gap:12px;margin:22px 0 16px;color:var(--muted);font-size:14px;letter-spacing:.14em;text-transform:uppercase}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.join-row{display:flex;gap:10px}.join-row input{text-transform:uppercase;letter-spacing:.4em;text-align:center;font-size:26px}.error{min-height:22px;margin:12px 0 0;color:var(--danger);font-size:17px}.hint{margin:14px 0 0;color:var(--muted);font-size:16px;font-weight:500;line-height:1.35}.lobby-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.code{font-size:64px;line-height:1;font-weight:700;letter-spacing:.18em;background:linear-gradient(180deg,#fff,#7dd3fc);-webkit-background-clip:text;background-clip:text;color:transparent}.slots{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}@media (max-width: 520px){.slots{grid-template-columns:1fr}.panel{padding:20px}}.slot{display:flex;align-items:center;gap:12px;padding:12px;min-height:72px;border-radius:16px;border:1px solid var(--line);background:#00000040;position:relative;overflow:hidden}.slot:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--c)}.slot.empty{border-style:dashed;color:var(--muted)}.slot .avatar{flex:none;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--l),var(--c) 55%,var(--d));display:grid;place-items:center;box-shadow:0 4px 14px #0006}.slot .avatar:after{content:"";width:24px;height:15px;border-radius:8px;background:#0b1220;box-shadow:inset 7px 0 0 -3px #7dd3fc,inset -7px 0 0 -3px #7dd3fc}.slot .meta{flex:1;min-width:0}.slot .nm{font-size:20px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot .sub{font-size:14px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.slot .act{font-size:14px;padding:6px 10px}.badge{font-size:12px;padding:2px 8px;border-radius:99px;background:linear-gradient(180deg,#fde047,#f59e0b);color:#3b2200;letter-spacing:.1em;margin-left:6px;vertical-align:2px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:14px}@media (max-width: 560px){.help-grid{grid-template-columns:1fr}}ul{list-style:none;padding:0;margin:0}.keys li,.pups li{display:flex;align-items:center;gap:6px;padding:7px 0;font-size:18px;flex-wrap:wrap}.keys li span{margin-left:auto;color:var(--muted)}kbd{font:inherit;font-size:15px;padding:2px 8px;border-radius:7px;background:linear-gradient(180deg,#2a3558,#1a2240);border:1px solid var(--line);box-shadow:0 2px #0006}.pups i{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;font-style:normal;font-weight:700;background:linear-gradient(180deg,#fff6,var(--c) 30%,#0b1020);border:1.5px solid rgba(255,255,255,.7);margin-right:8px}.scores{display:flex;flex-direction:column;gap:8px;margin:6px 0 4px}.score{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:#00000047;border:1px solid var(--line)}.score.win{border-color:#fde047;box-shadow:0 0 28px #fde04740;background:linear-gradient(90deg,#fde0471f,#00000047)}.score .dot{width:18px;height:18px;border-radius:50%;background:var(--c);box-shadow:0 0 12px var(--c)}.score .nm{flex:1;font-size:22px;font-weight:700}.score .pts{font-size:24px;font-weight:700;color:#fde047}#over-title{font-size:44px;margin-bottom:14px;background:linear-gradient(180deg,#fff,#fde047);-webkit-background-clip:text;background-clip:text;color:transparent}#hud-buttons{position:fixed;top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));display:none;gap:8px;z-index:5}body.ingame #hud-buttons{display:flex}.icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#0a1022b3;color:var(--text);font:inherit;font-size:16px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.icon-btn:hover{border-color:var(--accent)}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);padding:12px 20px;border-radius:14px;background:#0c1228eb;border:1px solid var(--line);font-size:18px;opacity:0;transition:all .3s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%)}#touch{position:fixed;inset:auto 0 0 0;display:none;justify-content:space-between;align-items:flex-end;padding:0 max(22px,env(safe-area-inset-right)) calc(22px + env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));pointer-events:none;z-index:4}body.ingame.touch #touch{display:flex}#touch>*{pointer-events:auto;touch-action:none}.stick{position:relative;width:156px;height:156px;border-radius:50%;border:1px solid var(--line);background:radial-gradient(circle,#0a102259 30%,#0a1022a6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.stick .arrow{position:absolute;font-size:18px;color:#e8eefc73;transition:color .08s,transform .08s}.stick .up{top:8px;left:50%;transform:translate(-50%)}.stick .down{bottom:8px;left:50%;transform:translate(-50%)}.stick .left{left:11px;top:50%;transform:translateY(-50%)}.stick .right{right:11px;top:50%;transform:translateY(-50%)}.stick[data-active=up] .up,.stick[data-active=down] .down{color:var(--accent);transform:translate(-50%) scale(1.25)}.stick[data-active=left] .left,.stick[data-active=right] .right{color:var(--accent);transform:translateY(-50%) scale(1.25)}.stick .knob{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffff59,#38bdf859 55%,#0e749080);border:1px solid rgba(255,255,255,.35);box-shadow:0 4px 14px #0006;pointer-events:none;transition:transform .06s linear}.stick[data-active] .knob{transition:none}body.lefty #touch{flex-direction:row-reverse}.touch-only{display:none}body.touch .touch-only{display:block}body.touch{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body.touch input,body.touch textarea{-webkit-user-select:text;user-select:text}@media (max-height: 520px){#touch{padding:0 max(18px,env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.stick{width:128px;height:128px}.stick .knob{width:52px;height:52px;margin:-26px 0 0 -26px}.bomb-btn{width:88px;height:88px;font-size:18px}}.bomb-btn{width:104px;height:104px;border-radius:50%;border:2px solid rgba(255,255,255,.5);font:inherit;font-weight:700;font-size:22px;letter-spacing:.08em;color:#fff;background:radial-gradient(circle at 35% 30%,#fb7185,#e11d48 60%,#881337);box-shadow:0 8px 28px #e11d4880}.bomb-btn:active{transform:scale(.92)}.bomb-btn{touch-action:none;-webkit-user-select:none;user-select:none}.seg.wrap{flex-wrap:wrap}.seg.wrap button{flex:1 1 40%;font-size:17px}.seg.locked{opacity:.65;pointer-events:none}#lobby-settings{gap:8px}#lobby-hint{white-space:pre-line}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 560px){.two{grid-template-columns:1fr;gap:0}}.ctrl-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 18px}@media (max-width: 560px){.ctrl-list{grid-template-columns:1fr}}.ctrl-list li{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:#00000040;font-size:16px;position:relative;overflow:hidden}.ctrl-list li:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--c)}.ctrl-list b{font-size:18px}.ctrl-list span{color:var(--muted);margin-left:auto;text-align:right;font-size:14px}.row.tight{margin-top:0}.slider{display:grid;grid-template-columns:78px 1fr;align-items:center;gap:12px;margin-bottom:12px;font-size:17px}.slider span{color:var(--muted)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;padding:0;border:0;border-radius:99px;background:#ffffff24}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(180deg,var(--accent),var(--accent-d));border:2px solid #fff;cursor:pointer}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid #fff;cursor:pointer}.toggle{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:18px;cursor:pointer}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle i{flex:none;width:44px;height:26px;border-radius:99px;background:#ffffff24;position:relative;transition:background .2s}.toggle i:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}.toggle input:checked+i{background:linear-gradient(180deg,var(--accent),var(--accent-d))}.toggle input:checked+i:after{transform:translate(18px)}.toggle input:focus-visible+i{outline:2px solid var(--accent);outline-offset:2px}.btn small{font-size:13px;letter-spacing:.14em;margin-left:8px;padding:2px 8px;border-radius:99px;background:#7dd3fc2e;color:#7dd3fc;vertical-align:3px}.row.three{gap:8px}.row.three .btn{padding:11px 6px;font-size:16px}.join-row .btn{flex:none}.live-list{display:flex;flex-direction:column;gap:8px;max-height:170px;overflow-y:auto}.live-list li{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;border:1px solid var(--line);background:#00000040;font-size:17px}.live-list li .who{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-list li .tag{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.live-list li.empty{color:var(--muted);justify-content:center;border-style:dashed}#account{position:fixed;top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));z-index:6;display:none;align-items:center;gap:10px;padding:6px 6px 6px 14px;border-radius:99px;border:1px solid var(--line);background:#0a1022b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:17px}body.chrome #account{display:flex}#account #account-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#account #account-name:empty{display:none}#account .btn.small{border-radius:99px}#spectate-badge{position:fixed;bottom:14px;left:50%;transform:translate(-50%);z-index:6;padding:4px 16px;border-radius:99px;font-size:15px;letter-spacing:.18em;background:#f43f5e33;border:1px solid rgba(244,63,94,.6);color:#fecdd3;pointer-events:none}#spectate-badge[hidden]{display:none}body.spectating #touch{display:none!important}.me-card{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.me-card:empty{display:none}.me-card .stat{padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:#00000040;text-align:center}.me-card .stat b{display:block;font-size:28px;line-height:1.1}.me-card .stat span{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.me-card .who{grid-column:1 / -1;font-size:20px}@media (max-width: 520px){.me-card{grid-template-columns:repeat(2,1fr)}}.board-wrap{max-height:340px;overflow:auto;border-radius:14px;border:1px solid var(--line)}.board{width:100%;border-collapse:collapse;font-size:18px}.board th{position:sticky;top:0;background:#0e1530;text-align:right;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:10px 12px}.board td{text-align:right;padding:9px 12px;border-top:1px solid rgba(148,190,255,.1)}.board th:nth-child(2),.board td:nth-child(2){text-align:left;width:100%;max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board th:first-child,.board td:first-child{text-align:center;color:var(--muted)}.board tr.me td{background:rgba(var(--accent-rgb),.12)}.board tr.top1 td:first-child{color:#fde047}.board tr.empty td{text-align:center;color:var(--muted)}@media (max-width: 520px){.board th:nth-child(n+5),.board td:nth-child(n+5){display:none}}.teamtag{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;font-size:13px;letter-spacing:.04em;color:#0b1220;background:var(--t, #fbbf24)}.swatches{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.swatches button{width:28px;height:28px;border-radius:50%;border:2px solid rgba(148,163,184,.35);background:var(--c);cursor:pointer;padding:0;transition:transform .12s,border-color .12s}.swatches.square button{border-radius:10px}.swatches button:hover{transform:scale(1.1)}.swatches button.on{border-color:#fff;box-shadow:0 0 0 2px var(--accent);transform:scale(1.08)}.mini{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:8px 0 4px}.coins{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#fde68a;margin-right:6px}.coins:before,.store .coin:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3a8,#f59e0b);box-shadow:0 0 0 1px #78350f99}.balance{min-height:24px;margin:-4px 0 10px;font-size:16px;font-weight:600;color:var(--muted);line-height:1.3}.balance b{color:#fde68a;font-size:20px}.modal{pointer-events:auto;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#040712b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30}.modal[hidden]{display:none}.modal p{margin:0 0 6px;font-size:22px;text-align:center}.list{display:flex;flex-direction:column;gap:6px;max-height:230px;overflow-y:auto;margin-bottom:12px;padding-right:2px}.list .item{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:8px 12px;border-radius:10px;border:1px solid var(--line);background:#00000038;font-size:17px;text-align:left;color:var(--text);font-family:inherit;font-weight:600;cursor:default}button.item{cursor:pointer}button.item:hover,button.item.on{border-color:var(--accent);background:rgba(var(--accent-rgb),.12)}.list .item small{color:var(--muted);font-size:14px;font-weight:500}.list .item .plus{color:#86efac}.list .item .minus{color:#fca5a5}select{font:inherit;font-size:18px;font-weight:600;width:100%;padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:#0000004d;color:var(--text)}#menu-admin{margin-top:4px}.screen .panel,#account,#toast{zoom:var(--ui-zoom, 1)}.panel.store{width:min(1180px,100%);padding:24px}.store-head{display:flex;align-items:center;gap:18px;margin-bottom:18px}.store-title{flex-grow:1;min-width:0}.store-title h2{margin:0;font-size:40px;letter-spacing:.12em;text-transform:uppercase}.store-title .hint{margin:4px 0 0}.store-balance{display:flex;align-items:center;gap:16px;padding:10px 18px;border-radius:16px;border:1px solid var(--line);background:#00000040}.store-balance .big{display:flex;align-items:center;gap:10px;font-size:34px;line-height:1;font-weight:700;color:#fde68a}.store-balance .big:before{content:"";width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3a8,#f59e0b);box-shadow:0 0 0 1px #78350f99}.store-balance .meter{width:150px;display:flex;flex-direction:column;gap:5px;font-size:14px;color:var(--muted);font-weight:500}.store-balance .bar{height:7px;border-radius:99px;background:#ffffff1f;overflow:hidden}.store-balance .bar i{display:block;height:100%;background:linear-gradient(90deg,#fcd34d,#f59e0b)}.store-tabs{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:2px}.store-tabs button{flex:none;display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 18px;border-radius:13px;border:1px solid var(--line);background:#0a102299;color:#cbd5e1;font:inherit;font-size:19px;font-weight:700;cursor:pointer}.store-tabs button small{font-size:13px;padding:1px 8px;border-radius:99px;background:#94beff24;color:var(--muted);letter-spacing:0;margin:0;vertical-align:0}.store-tabs button.on{background:linear-gradient(180deg,var(--accent),var(--accent-d));border-color:var(--accent);color:#fff}.store-tabs button.on small{background:#ffffff40;color:#fff}.store-body{display:flex;gap:24px;align-items:flex-start}.store-grid{flex-grow:1;min-width:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px;align-content:start}.store-grid h4{grid-column:1 / -1;margin:6px 0 -2px;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}.store-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:16px;border:2px solid rgba(148,190,255,.18);background:#0c1228d1;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:transform .12s,border-color .12s}.store-card:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.6)}.store-card.sel{border-color:var(--accent);background:rgba(var(--accent-rgb),.1);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.22),0 12px 30px rgba(var(--accent-rgb),.16)}.store-card .pic{position:relative;aspect-ratio:5 / 4;border-radius:11px;background:radial-gradient(circle at 50% 70%,rgba(var(--accent-rgb),.2),#00000047);display:flex;align-items:center;justify-content:center;overflow:hidden}.store-card .pic img{height:96%;width:auto;max-width:100%;object-fit:contain}.store-card .pic img.fill{width:100%;height:100%;object-fit:cover}.store-card .swatch{width:62%;aspect-ratio:1;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:var(--c);box-shadow:0 6px 18px #0006}.store-card .swatch.sq{border-radius:18px}.store-card.poor .pic img{opacity:.78}.store-card .lock{position:absolute;right:6px;top:6px;width:26px;height:26px;border-radius:8px;background:#080b1abf;color:#cbd5e1;display:flex;align-items:center;justify-content:center}.store-card .row1{display:flex;justify-content:space-between;align-items:center;gap:6px}.store-card .nm{font-size:20px;font-weight:700;line-height:1.1}.store-card .dot{width:10px;height:10px;border-radius:50%;flex:none;background:var(--t, #64748b)}.store-card .row2{display:flex;align-items:center;gap:8px;min-height:28px}.store-card .pricechip{display:flex;align-items:center;gap:6px;padding:2px 11px;border-radius:99px;background:#0000004d;border:1px solid rgba(253,230,138,.4);color:#fde68a;font-size:18px;font-weight:700}.store-card.poor .pricechip{color:var(--muted);border-color:#94a3b840}.store-card .short{font-size:14px;color:#fca5a5}.tag{font-size:12px;font-weight:700;letter-spacing:.12em;padding:3px 10px;border-radius:99px;text-transform:uppercase}.tag.eq{background:var(--accent);color:#06202e}.tag.own{background:#22c55e2e;color:#86efac}.tag.free{background:#94a3b829;color:#cbd5e1}.store-preview{width:360px;flex:none;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:20px;border:1px solid var(--line);background:#0c1228d1;position:sticky;top:12px}.store-preview .stage{position:relative;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 50% 75%,rgba(var(--accent-rgb),.28),#00000059);display:flex;align-items:center;justify-content:center}.store-preview .stage canvas{display:block;width:100%}#store-bomber{width:250px;height:250px;margin:0 auto}#store-fx{aspect-ratio:230 / 100;height:auto}.store-preview .live{position:absolute;left:10px;top:10px;padding:3px 11px;border-radius:99px;background:var(--accent);color:#06202e;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.sp-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.sp-title h3{margin:0;font-size:32px;color:var(--text);letter-spacing:0;text-transform:none;line-height:1}.sp-tier{display:flex;align-items:center;gap:7px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.sp-tier:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--t, #64748b)}.sp-desc{margin:0;font-size:17px;line-height:1.3;color:var(--muted);font-weight:500}.sp-price{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:12px;background:#00000042;font-size:17px}.sp-price div{display:flex;justify-content:space-between}.sp-price span:first-child{color:var(--muted)}.sp-price .total{border-top:1px solid rgba(148,190,255,.16);padding-top:6px;font-weight:700}.store-preview .hint{margin:-2px 0 0;font-size:14px;text-align:center}.sp-wearing .mini{margin:4px 0 6px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips span{padding:3px 11px;border-radius:99px;border:1px solid var(--line);font-size:15px;color:#cbd5e1}.chips span b{color:var(--muted);font-weight:600;margin-right:4px}@media (max-width: 880px){.store-head{flex-wrap:wrap}.store-body{flex-direction:column}.store-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.store-preview{width:100%;position:sticky;bottom:0;top:auto;box-sizing:border-box;z-index:2;background:#0e142cf7;display:grid;grid-template-columns:148px 1fr;column-gap:14px;row-gap:8px;padding:12px;box-shadow:0 -16px 40px #00000080}.store-preview .stage{grid-column:1;grid-row:1 / span 3;align-self:stretch}#store-bomber{width:148px;height:148px}#store-fx{width:148px}.store-preview .live{font-size:10px;padding:1px 8px;left:6px;top:6px}.sp-title{grid-column:2;grid-row:1;flex-direction:column;gap:2px;align-self:end}.sp-title h3{font-size:26px}.sp-desc{grid-column:2;grid-row:2;font-size:15px;align-self:start}.sp-price,.sp-wearing{display:none!important}#sp-action{grid-column:1 / -1}#sp-note{grid-column:1 / -1;margin:0}.store-title h2{font-size:30px}}.store-head .icon-btn{width:46px;height:46px;font-size:30px;line-height:1;padding:0 0 4px;flex:none}#settings-store{margin-top:16px}#screen-settings p.hint{margin:6px 0 14px}#ui button:focus-visible,#ui a:focus-visible,#ui input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.store-card:focus-visible{transform:translateY(-2px);border-color:var(--accent)}.toggle input:focus-visible+i{outline:3px solid var(--accent);outline-offset:3px}#kbd-hint{position:fixed;left:50%;bottom:10px;transform:translate(-50%);display:none;gap:18px;padding:6px 16px;border-radius:12px;background:#080c1cc7;border:1px solid var(--line);color:var(--muted);font-size:15px;letter-spacing:.04em;pointer-events:none;z-index:5;white-space:nowrap}#kbd-hint kbd{font-size:13px;padding:1px 6px;margin-right:3px}body.kbd:has(.screen.active) #kbd-hint{display:flex}@media (max-width: 700px),(pointer: coarse){#kbd-hint{display:none!important}}#btn-fs.on{border-color:var(--accent);color:var(--accent)}.keyrows{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.keyrow{display:grid;grid-template-columns:1fr 96px 96px;gap:8px;align-items:center;font-size:17px}.keycap{min-height:38px;border-radius:10px;border:1px solid var(--line);background:#0a1022b3;color:var(--text);font:inherit;font-size:17px;font-weight:700;cursor:pointer}.keycap:hover{border-color:rgba(var(--accent-rgb),.6)}.keycap.listening{border-color:var(--accent);background:rgba(var(--accent-rgb),.16);color:var(--accent);animation:keyblink 1s ease-in-out infinite}@keyframes keyblink{50%{background:rgba(var(--accent-rgb),.06)}}@media (prefers-reduced-motion: reduce){.keycap.listening{animation:none}}#kbd-hint .for-pad,body[data-input=pad] #kbd-hint .for-kbd{display:none}body[data-input=pad] #kbd-hint .for-pad{display:inline}
