@font-face{font-family:"MC Px";src:url(fuentes/jersey10-latin-ext.woff2) format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;size-adjust:165%;font-display:swap}@font-face{font-family:"MC Px";src:url(fuentes/jersey10-latin.woff2) format("woff2");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;size-adjust:165%;font-display:swap}@font-face{font-family:"MC Ui";src:url(fuentes/jersey10-latin-ext.woff2) format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;size-adjust:118%;font-display:swap}@font-face{font-family:"MC Ui";src:url(fuentes/jersey10-latin.woff2) format("woff2");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;size-adjust:118%;font-display:swap}:root{--bg:#0b1030;--bg2:#141a45;--panel:#1b2258;--panel2:#232c6e;--line:#3a4590;--ink:#f2f4ff;--mute:#a9b0dc;--gold:#ffd23f;--hot:#ff4f7b;--cyan:#3ec1ff;--green:#7dff9a;--red:#ff4f5e;--px:"MC Px",monospace;--ui:"MC Ui",system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body,html{margin:0;height:100%;color:var(--ink);font:18px/1.35 var(--ui);-webkit-tap-highlight-color:transparent}body{font-synthesis:none;overflow-x:hidden}.bg-px{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% -10%,#3a2a7a 0,transparent 60%),linear-gradient(180deg,#0b1030 0,#101a3a 55%,#0f3a26 100%)}.bg-px::after{content:"";position:absolute;left:0;right:0;bottom:0;height:32%;background:repeating-linear-gradient(90deg,#1f6b33 0 48px,#237a3a 48px 96px);opacity:.55;mask-image:linear-gradient(transparent,#000 60%);-webkit-mask-image:linear-gradient(transparent,#000 60%)}button,input{font:inherit;color:inherit}canvas{image-rendering:pixelated}.screen{display:none;min-height:100vh;padding:16px}.screen.on{display:block;animation:scrIn .25s ease-out}@keyframes scrIn{from{opacity:0;transform:translateY(6px)}}h1,h2,h3,h4{font-family:var(--px);font-weight:400;letter-spacing:.5px;margin:.4em 0}h1{font-size:22px}h2{font-size:15px}h3{font-size:12px}h4{font-size:10px;color:var(--mute)}.panel{background:var(--panel);border:3px solid #0a0d26;box-shadow:inset 0 0 0 3px var(--line),0 6px 0 #070a1f;padding:18px;border-radius:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--panel2);border:3px solid #0a0d26;box-shadow:inset 0 -4px 0 rgba(0,0,0,.3),inset 0 2px 0 rgba(255,255,255,.12);border-radius:4px;cursor:pointer;text-decoration:none;font-weight:600;transition:transform .08s;color:var(--ink)}.btn:hover{filter:brightness(1.15)}.btn:active{transform:translateY(2px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.hot{background:var(--gold);color:#1a1030}.btn.danger{background:#8a1f35}.btn.small{padding:6px 10px;font-size:15px}.btn.big{padding:14px 26px;font-size:20px;font-family:var(--px);font-size:13px}.link{background:0 0;border:0;color:var(--cyan);cursor:pointer;text-decoration:underline}kbd{font-family:var(--px);font-size:9px;background:#0a0d26;border:2px solid var(--line);border-bottom-width:4px;padding:2px 6px;border-radius:3px}.hint{color:var(--mute);font-size:15px}.warn{color:var(--gold)}.msg{min-height:1.3em}.msg.bad{color:var(--red)}.row{display:flex;gap:8px}.row input{flex:1;min-width:0}input{background:#0a0d26;border:3px solid var(--line);border-radius:4px;padding:10px 12px;font-size:20px;outline:0}input:focus{border-color:var(--gold)}.lbl{display:block;margin:12px 0 6px;font-weight:600}.actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:18px 0}.tag{font-family:var(--px);font-size:9px;padding:3px 6px;border-radius:3px;background:#444;vertical-align:middle}.tag.p1{background:var(--cyan);color:#04122a}.tag.p2{background:var(--hot);color:#2a0410}.tag.ai{background:var(--gold);color:#2a1a00}.intro-p{max-width:520px;margin:6vh auto 0}.logo{text-align:center}.logo h1{color:var(--gold);text-shadow:3px 3px 0 #a3271f,6px 6px 0 #0a0d26;font-size:26px}.logo p{color:var(--mute);margin:0}.logo-cup{font-size:54px;display:inline-block;animation:bob 1.6s ease-in-out infinite}.logo.small{display:flex;align-items:center;gap:10px}.logo.small h1{font-size:15px}.logo.small .logo-cup{font-size:28px}@keyframes bob{50%{transform:translateY(-6px) rotate(-4deg)}}.langs{display:flex;gap:6px;justify-content:center;margin:12px 0}.lang{font-family:var(--px);font-size:10px;background:#0a0d26;border:2px solid var(--line);padding:6px 8px;border-radius:3px;cursor:pointer}.lang.on{background:var(--gold);color:#1a1030}.lineup,.menu-wrap,.setup{max-width:1100px;margin:0 auto}.topbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between;margin-bottom:8px}.topbar h2{flex:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.who{color:var(--mute)}.sec-t{margin-top:20px;color:var(--gold)}.games{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.game-card{position:relative;text-align:left;padding:22px;min-height:150px;border:3px solid #0a0d26;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:6px;box-shadow:inset 0 0 0 3px rgba(255,255,255,.12),0 6px 0 #070a1f;overflow:hidden}.game-card b{font-family:var(--px);font-size:15px}.game-card small{font-size:16px;opacity:.9}.game-card .gc-i{font-size:46px}.game-card.g5{background:linear-gradient(135deg,#2a7a3c,#1b4f8a)}.game-card.gpen{background:linear-gradient(135deg,#5a2a7a,#2a2a55)}.game-card:disabled{cursor:default;filter:grayscale(.4);opacity:.75}.game-card:not(:disabled):hover{transform:translateY(-3px);filter:brightness(1.1)}.modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.mode-card{text-align:left;background:var(--panel);border:3px solid #0a0d26;box-shadow:inset 0 0 0 2px var(--line);border-radius:4px;padding:12px 14px;cursor:pointer;display:flex;flex-direction:column;gap:2px;font-size:18px}.mode-card b{font-family:var(--px);font-size:11px}.mode-card small{color:var(--mute);font-size:15px}.mode-card:hover{background:var(--panel2)}.menu-foot{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:24px}.menu-foot .langs{margin:0}.opt{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}.opt>span{min-width:140px;color:var(--mute)}.chip{background:#0a0d26;border:2px solid var(--line);border-radius:20px;padding:6px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.chip.on{background:var(--gold);color:#1a1030;border-color:var(--gold)}.chip .sw{width:16px;height:16px;border-radius:50%;display:inline-block;border:2px solid #0a0d26}.sides{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tgrid.big{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.tgrid.mini{grid-template-columns:repeat(8,auto);gap:4px}.tbtn{background:var(--panel);border:3px solid #0a0d26;box-shadow:inset 0 0 0 2px var(--line);border-radius:4px;padding:8px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:15px}.tbtn small{color:var(--gold)}.tbtn.on{box-shadow:inset 0 0 0 3px var(--gold);background:var(--panel2)}.tgrid.mini .tbtn{padding:4px;font-size:12px}.flag{border:2px solid #0a0d26}.l-body{display:grid;grid-template-columns:1fr 340px;gap:14px;align-items:start}.lg-row{display:flex;flex-wrap:wrap;gap:8px}.pcard-s{position:relative;width:132px;background:var(--panel);border:3px solid #0a0d26;box-shadow:inset 0 0 0 2px var(--line);border-radius:4px;padding:8px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.pcard-s b{font-size:14px;line-height:1.1}.pcard-s small{color:var(--mute);font-size:12px}.pcard-s.on{box-shadow:inset 0 0 0 3px var(--green);background:#1e4a3a}.pcard-s.focus{outline:3px dashed var(--gold);outline-offset:2px}.pc-num{position:absolute;top:4px;left:6px;font-family:var(--px);font-size:9px;color:var(--gold)}.pcard-s .pc-pw{font-size:13px;min-height:18px}.sheet{background:var(--panel);border:3px solid #0a0d26;box-shadow:inset 0 0 0 2px var(--line);border-radius:4px;padding:12px;position:sticky;top:10px}.sh-top{display:flex;gap:10px;align-items:center;margin-bottom:8px}.sh-top>div{display:flex;flex-direction:column}.sh-n{font-family:var(--px);font-size:12px;line-height:1.4}.cel{color:var(--gold);font-size:14px}.srow{display:grid;grid-template-columns:120px 1fr 34px auto;align-items:center;gap:8px;font-size:15px;margin:3px 0}.srow i{height:10px;background:#0a0d26;border-radius:2px;overflow:hidden}.srow i b{display:block;height:100%;background:var(--green)}.srow em{font-style:normal;text-align:right;font-family:var(--px);font-size:9px}.srow .caps{grid-column:span 2;text-align:left;color:var(--gold);font-size:14px;letter-spacing:2px}.pline{display:flex;gap:8px;align-items:center;margin:6px 0}.pline .pi{font-size:24px}.pline small{display:block;color:var(--mute);font-size:13px}#scr-game{padding:0;background:#000;display:none;place-items:center;height:100vh;overflow:hidden}#scr-game.on{display:grid}.stage{position:relative;width:100vw;height:56.25vw;overflow:hidden;background:#000;touch-action:none;user-select:none;-webkit-user-select:none}.stage>canvas{position:absolute;inset:0;width:100%;height:100%}#cv-world{image-rendering:pixelated}#cv-fx{pointer-events:none;image-rendering:auto}.hud{position:absolute;inset:0;pointer-events:none;font-size:clamp(11px, 1.3vw, 18px)}.sb{position:absolute;top:1.2%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:.5em;background:rgba(10,13,38,.85);border:2px solid #0a0d26;box-shadow:inset 0 0 0 2px var(--line);padding:.3em .6em;border-radius:4px;font-family:var(--px);font-size:.8em}.sb-flag{width:1.8em;height:1.2em}.sb-s{font-size:1.4em;color:var(--gold);min-width:1.2em;text-align:center}.sb-n:first-of-type{border-bottom:3px solid var(--ca)}.sb-n:last-of-type{border-bottom:3px solid var(--cb)}.sb-clock{background:#0a0d26;padding:.25em .5em;border-radius:3px}.needsub{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);background:rgba(40,8,16,.82);border:1px solid #ff4f5e;color:#fff;padding:.25em .7em;border-radius:14px;font-size:.85em;white-space:nowrap;opacity:0;transition:opacity .3s;pointer-events:none}.needsub.on{opacity:1;animation:nsPulse 1.2s ease-in-out infinite}.needsub .ns-x{color:#ff4f5e;font-weight:700}.needsub kbd{font-size:.8em}@keyframes nsPulse{0%,100%{border-color:#ff4f5e}50%{border-color:#ffd23f}}.say{position:absolute;top:10%;left:50%;transform:translateX(-50%);background:rgba(10,13,38,.7);padding:.3em .8em;border-radius:20px;opacity:0;white-space:nowrap;font-weight:600}.say.on{animation:say 3.2s ease-out forwards}@keyframes say{0%{opacity:0;transform:translate(-50%,-6px)}8%,80%{opacity:1;transform:translate(-50%,0)}100%{opacity:0}}.pcard{position:absolute;bottom:1.5%;display:none;gap:.5em;align-items:center;background:rgba(10,13,38,.82);border:2px solid #0a0d26;box-shadow:inset 0 0 0 2px var(--cyan);padding:.4em .6em;border-radius:4px;width:19em}.pcard.on{display:flex}.pcard.p1{left:1%}.pcard.p2{right:1%;box-shadow:inset 0 0 0 2px var(--hot)}.pc-face{width:3.6em;height:3.6em}.pc-info{flex:1;min-width:0}.pc-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-name b{color:var(--gold);font-family:var(--px);font-size:.7em}.bar{position:relative;height:.75em;background:#0a0d26;border-radius:2px;margin:.2em 0;overflow:hidden}.bar i{position:absolute;inset:0 auto 0 0;background:var(--green);transition:width .1s}.bar.en i{background:linear-gradient(90deg,#b88a00,var(--gold))}.bar.tired i{background:var(--red)}.bar.full i{animation:pulse .5s infinite alternate}@keyframes pulse{to{filter:brightness(1.6)}}.bar span{position:absolute;left:.3em;top:50%;transform:translateY(-50%);font-size:.6em;font-family:var(--px);text-shadow:1px 1px 0 #000}.pc-pw{display:flex;gap:.2em;align-items:center}.pc-pw kbd{font-size:.5em;margin-left:auto}.pause-btn{pointer-events:auto;position:absolute;top:1.2%;right:1%;font-family:var(--px);font-size:.8em;background:rgba(10,13,38,.85);border:2px solid var(--line);border-radius:4px;padding:.4em .6em;cursor:pointer}.pause,.picker,.prompt{position:absolute;inset:0;display:none;place-items:center;z-index:20}.pause.on,.picker.on,.prompt.on{display:grid}.pr-card{background:rgba(10,13,38,.95);border:3px solid var(--gold);padding:16px;border-radius:6px;display:flex;flex-direction:column;gap:8px;align-items:center;max-width:80%;text-align:center;animation:pop .25s ease-out}@keyframes pop{from{transform:scale(.6);opacity:0}}.picker{background:rgba(0,0,0,.35);align-content:center}.pk-t{font-family:var(--px);font-size:14px;color:var(--gold);text-align:center;margin-bottom:10px;text-shadow:2px 2px 0 #000}.pk-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.pk{background:rgba(10,13,38,.95);border:3px solid var(--line);border-radius:6px;padding:10px;width:120px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.pk.on{border-color:var(--gold);transform:scale(1.08)}.pk-i{font-size:34px}.pk-n{font-size:14px;text-align:center}.pause{background:rgba(5,8,25,.7);overflow:auto}.pz-card{background:var(--panel);border:3px solid #0a0d26;box-shadow:inset 0 0 0 3px var(--line);padding:18px;border-radius:6px;display:flex;flex-direction:column;gap:8px;min-width:300px;max-width:92%;max-height:92%;overflow:auto}.subs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sub-p{position:relative;display:block;width:100%;text-align:left;background:#0a0d26;border:2px solid var(--line);border-radius:4px;padding:6px 8px 9px;margin:4px 0;cursor:pointer;overflow:hidden}.sub-p.on{border-color:var(--gold)}.sub-p.inj{color:#ffb3b3}.sub-p small{color:var(--mute)}.sub-p i{position:absolute;left:0;bottom:0;height:3px;background:var(--green)}.keys{border-collapse:collapse;margin:8px auto}.keys td,.keys th{padding:6px 10px;border-bottom:1px solid var(--line);text-align:left}.tips{color:var(--mute);max-width:760px;margin:10px auto}.rotate-hint{display:none}@media (orientation:portrait) and (pointer:coarse){#scr-game.on .rotate-hint{display:grid;position:fixed;inset:0;place-items:center;background:rgba(0,0,0,.85);font-size:64px;z-index:50}}.touch{position:absolute;inset:0;display:none;pointer-events:none;z-index:15}.touch.on{display:block}.t-stick{pointer-events:auto;position:absolute;left:3%;bottom:6%;width:22%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.08);border:3px solid rgba(255,255,255,.25)}.t-knob{position:absolute;left:30%;top:30%;width:40%;height:40%;border-radius:50%;background:rgba(255,255,255,.35)}.t-btns{position:absolute;right:2%;bottom:5%;width:34%;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.t-b{pointer-events:auto;aspect-ratio:1;border-radius:50%;border:3px solid rgba(0,0,0,.4);background:rgba(255,255,255,.18);font-family:var(--px);font-size:8px;color:#fff}.t-b.on{background:rgba(255,210,63,.6)}.t-shoot{background:rgba(255,79,123,.45)}.t-power{background:rgba(255,210,63,.4);font-size:18px}.t-qte{display:none;position:absolute;inset:0}.touch[data-mode=qte] .t-btns,.touch[data-mode=qte] .t-stick{display:none}.touch[data-mode=qte] .t-qte{display:block}.t-q{pointer-events:auto;position:absolute;width:11%;aspect-ratio:1;border-radius:10px;border:3px solid rgba(0,0,0,.4);background:rgba(255,255,255,.22);color:#fff;font-size:22px}.t-q.on{background:rgba(125,255,154,.6)}.t-up{left:12%;bottom:30%}.t-down{left:12%;bottom:4%}.t-left{left:1%;bottom:17%}.t-right{left:23%;bottom:17%}.t-act{right:4%;bottom:10%;width:16%;border-radius:50%;background:rgba(255,210,63,.5)}.duel{position:absolute;inset:0;display:none;z-index:12}.duel.on{display:block}.duel canvas{position:absolute;inset:0;width:100%;height:100%}.duel-w{image-rendering:pixelated}.duel-fx{image-rendering:auto}.result{max-width:720px;margin:3vh auto;text-align:center}.score{display:flex;align-items:center;justify-content:center;gap:12px;font-family:var(--px);font-size:14px;margin:14px 0}.score b{font-size:34px;color:var(--gold);text-shadow:3px 3px 0 #0a0d26}.pens{color:var(--gold)}.evs{list-style:none;padding:0;margin:10px auto;max-width:520px}.evs li{padding:4px 8px}.evs li.l{text-align:left}.evs li.r{text-align:right}.evs li.ann{text-decoration:line-through;opacity:.6}.evs small{color:var(--mute)}.rstats{max-width:460px;margin:10px auto}.rs{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:5px 4px;border-bottom:1px solid var(--line)}.rs span{color:var(--mute)}.rs b{font-family:var(--ui);font-size:1.25em;font-weight:700;color:#fff}.rs span i{font-style:normal;display:block;font-size:.85em}.rs span em{display:flex;height:6px;margin:3px 8px 0;border-radius:3px;overflow:hidden;background:#0a0d26}.rs span em u{display:block;height:100%;text-decoration:none}.rs.zero span em u{opacity:.25}.th-wrap{display:flex;flex-wrap:wrap;gap:.6em 1.2em;justify-content:center;max-width:40em;margin:0 auto}.th-b{display:flex;align-items:center;gap:.6em;text-align:left;min-width:17em}.th-b .th-ico{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:rgba(8,12,40,.6);font-family:var(--px);font-size:.46rem;letter-spacing:-.04em;white-space:nowrap;overflow:hidden}.th-b.th-stick .th-ico{font-family:var(--ui);font-size:1.5rem;letter-spacing:0}.th-b.th-shoot .th-ico{background:rgba(255,79,123,.55);border-color:#ffb3c6}.th-b.th-pass .th-ico{background:rgba(62,193,255,.4);border-color:#a8e2ff}.th-b.th-skill .th-ico{background:rgba(125,255,154,.3);border-color:#c4ffd0}.th-b.th-power .th-ico{background:rgba(255,210,63,.45);border-color:#ffe68a;font-family:var(--ui);font-size:1.5rem;letter-spacing:0}.th-b ul{list-style:none;margin:0;padding:0;font-size:.8em;line-height:1.35}.big-msg{font-family:var(--px);font-size:13px;color:var(--gold);line-height:1.6}.rewards{background:#0a0d26;border-radius:6px;padding:10px 14px;margin:12px auto;max-width:460px;text-align:left}.rw{display:flex;justify-content:space-between;padding:3px 0}.rw b{color:var(--green)}.rw.hot b,.rw.lvlup{color:var(--gold)}.rw.unl{color:var(--cyan)}.bracket{display:flex;gap:14px;overflow-x:auto;padding:10px 0;align-items:center}.bcol{min-width:230px;display:flex;flex-direction:column;gap:10px}.bm{background:var(--panel);border:3px solid #0a0d26;box-shadow:inset 0 0 0 2px var(--line);border-radius:4px;padding:8px;display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center;font-size:15px}.bm span:last-child{text-align:right}.bm b{font-family:var(--px);font-size:10px}.bm .w{color:var(--gold);font-weight:700}.bm.mine{box-shadow:inset 0 0 0 3px var(--cyan)}.champ{align-items:center;text-align:center}.trophy{font-size:64px;animation:bob 1.4s infinite}.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.pcard2{background:linear-gradient(160deg,var(--c3),#0a0d26);border:3px solid #0a0d26;box-shadow:inset 0 0 0 2px var(--c2);border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:4px}.pcard2 b{font-family:var(--px);font-size:10px;color:var(--c1);line-height:1.5}.pcard2 p{margin:4px 0;font-size:15px}.pcard2 small{color:var(--mute);font-size:13px}.pc2-i{font-size:36px}.ptype{color:var(--c2)!important}.pcard2.locked{filter:grayscale(.75)}.unl{color:var(--gold)!important}.rank{width:100%;max-width:640px;margin:0 auto;border-collapse:collapse}.rank td,.rank th{padding:8px;border-bottom:1px solid var(--line);text-align:left}.rank tr.me{background:#2a3580}.creator{display:grid;grid-template-columns:240px 1fr;gap:18px}.cr-prev{display:flex;flex-direction:column;align-items:center;gap:4px;position:sticky;top:10px;align-self:start;background:var(--panel);padding:14px;border-radius:6px;box-shadow:inset 0 0 0 2px var(--line)}.cr-prev b{font-family:var(--px);font-size:11px}.cr-opts input[type=number]{width:90px}.hub{display:grid;grid-template-columns:260px 1fr 1fr;gap:14px;align-items:start}.hub>div{background:var(--panel);border:3px solid #0a0d26;box-shadow:inset 0 0 0 2px var(--line);border-radius:6px;padding:14px}.hub-card{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.lvl{width:100%}.lvl i{display:block;height:12px;background:#0a0d26;border-radius:3px;overflow:hidden;margin:4px 0}.lvl em{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--green))}.lvl b{font-family:var(--px);font-size:11px;color:var(--gold)}.lvl small{color:var(--mute)}.hist{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.pts{color:var(--gold)}.plus{background:var(--gold);color:#1a1030;border:2px solid #0a0d26;border-radius:3px;font-family:var(--px);font-size:8px;padding:4px 6px;cursor:pointer}.plus:disabled{opacity:.3;cursor:default}.pw-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pw-b{background:#0a0d26;border:2px solid var(--line);border-radius:4px;padding:6px;display:grid;grid-template-columns:30px 1fr;text-align:left;cursor:pointer;align-items:center}.pw-b span{grid-row:span 2;font-size:22px}.pw-b b{font-size:13px}.pw-b small{color:var(--mute);font-size:11px}.pw-b.on{border-color:var(--green);background:#173a2c}.pw-b.locked{opacity:.5;cursor:default}.hub-trophies{grid-column:1/-1}.trophies{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px}.trophy{background:#0a0d26;border:2px solid var(--line);border-radius:4px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;opacity:.55}.trophy.some{opacity:.85}.trophy.done{opacity:1;border-color:var(--gold);background:#2a2410;box-shadow:0 0 10px rgba(255,210,63,.35)}.trophy .tr-i{font-size:26px;filter:grayscale(1)}.trophy.done .tr-i,.trophy.some .tr-i{filter:none}.trophy b{font-size:10px;font-family:var(--px)}.trophy small{color:var(--mute);font-size:11px}.trophy.done small{color:var(--gold)}.toasts{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:100;display:flex;flex-direction:column;gap:6px}.toast{background:var(--panel2);border:2px solid var(--gold);padding:8px 14px;border-radius:4px;animation:pop .2s ease-out;transition:opacity .4s}.toast.out{opacity:0}@media (max-width:860px){.creator,.hub,.l-body,.sides{grid-template-columns:1fr}.tgrid{grid-template-columns:repeat(4,1fr)}.tgrid.mini{grid-template-columns:repeat(4,auto)}.pcard-s{width:calc(50% - 4px)}.sheet{position:static}.cr-prev{position:static}h1{font-size:18px}.opt>span{min-width:100%}}.howto{position:absolute;inset:0;display:none;place-items:center;z-index:25;background:rgba(5,8,25,.78);cursor:pointer;overflow:auto}.howto.on{display:grid}.ht-card{background:var(--panel);border:3px solid #0a0d26;box-shadow:inset 0 0 0 3px var(--gold);border-radius:6px;padding:1.2em;max-width:96%;max-height:96%;overflow:auto;text-align:center;animation:pop .3s ease-out;font-size:clamp(11px, 1.35vw, 17px)}.ht-card h2{color:var(--gold)}.ht-cols{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.kt{display:flex;flex-direction:column;align-items:center;gap:4px}.keys td,.keys th{padding:.3em .6em}.keys th{font-family:var(--px);font-size:.6em;color:var(--gold)}.ht-go{font-family:var(--px);font-size:.75em;color:var(--green);animation:blink 1s steps(2) infinite;margin-top:1em}@keyframes blink{50%{opacity:.35}}.pcard{flex-wrap:wrap}.pc-keys{flex-basis:100%;display:flex;flex-wrap:wrap;gap:.35em .8em;font-size:.82em;line-height:1.25;letter-spacing:.03em;margin-top:.35em;border-top:1px solid var(--line);padding-top:.35em}.pc-keys span{white-space:nowrap;color:var(--mute)}.pc-keys kbd{font-size:.9em;padding:0 .35em;margin-right:.35em;color:var(--ink)}.pc-keys .km{flex-basis:100%;font-family:var(--px);font-size:.9em}.pc-keys .km.att{color:var(--green)}.pc-keys .km.def{color:var(--cyan)}body.nokeys .pc-keys{display:none}.pcard{width:21em}.sb-tk{color:var(--gold);font-size:.8em;min-width:1em;letter-spacing:-2px}.t-b{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2}.t-b .td{opacity:.7;font-size:.85em}.t-btns{grid-template-columns:repeat(4,1fr);width:40%}.pcard{top:1.2%;bottom:auto;width:auto;max-width:31%;flex-wrap:wrap;padding:.3em .5em;gap:.2em .5em}.pcard.p1{left:1%}.pcard.p2{right:1%;left:auto}.pc-face{width:2.6em;height:2.6em}.pc-info{display:grid;grid-template-columns:auto 1fr 1fr auto;align-items:center;gap:.2em .6em;min-width:16em;letter-spacing:.02em}.pc-info .pc-name{grid-column:1/-1;font-size:.9em}.pc-info .bar{margin:0;min-width:5em}.pc-info .bar.st{grid-column:1/3}.pc-info .bar.en{grid-column:3/4}.pc-info .pc-pw{grid-column:4}.pc-keys{font-size:.78em;margin-top:.2em;padding-top:.3em}.pc-keys .km{flex-basis:auto;margin-right:.4em}.pause-btn{top:auto;bottom:1.5%;right:1%}.sb{top:1.2%}.stgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin-bottom:10px}.stbtn{background:var(--panel);border:3px solid #0a0d26;box-shadow:inset 0 0 0 2px var(--line);border-radius:6px;padding:6px;cursor:pointer;display:flex;flex-direction:column;gap:3px;text-align:left}.stbtn.on{box-shadow:inset 0 0 0 3px var(--gold);background:var(--panel2)}.stbtn b{font-size:15px}.stbtn small{color:var(--mute);font-size:12px;line-height:1.2}.st-img{width:100%;height:60px;image-rendering:pixelated;border-radius:3px;display:block}.st-rand{display:grid;place-items:center;font-size:34px;background:linear-gradient(135deg,#3a2a6a,#1b4f8a)}.ht-card{align-items:stretch;text-align:center}.ht-score{font-family:var(--px);font-size:1.1em;margin:2px 0 4px}.ht-score b{color:var(--gold);margin:0 .4em}.ht-q{margin:4px 0}.pz-card .btn.kb{outline:3px solid var(--gold);outline-offset:2px}.mixer{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center}.vol{display:inline-flex;align-items:center;gap:6px;font-size:14px;background:var(--panel2);border:3px solid #0a0d26;border-radius:4px;padding:4px 8px;box-shadow:inset 0 -4px 0 rgba(0,0,0,.3),inset 0 2px 0 rgba(255,255,255,.12)}.vol input[type=range]{width:90px;accent-color:var(--gold);cursor:pointer}.vol b{font-family:var(--px);font-size:9px;min-width:34px;text-align:right}.pz-card .mixer{flex-direction:column;align-items:stretch}.pz-card .vol input[type=range]{flex:1}.logo h1 .logo-sub{display:block;font-size:.55em;color:var(--cyan);text-shadow:2px 2px 0 #0a0d26;margin-top:.45em;letter-spacing:1px}.ver{font-family:var(--px);font-size:9px;color:var(--mute);background:#0a0d26;border:2px solid var(--line);border-radius:3px;padding:2px 5px}.logo.small .ver{align-self:flex-start}.menu-foot>.ver{background:0 0;border:0;opacity:.7}.ct{max-width:900px;margin:0 auto}.ct-tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:6px 0 12px}.ct-tabs .btn.on{background:var(--gold);color:#1a1030}.ct-pane[hidden]{display:none}.ct-pane>.hint{text-align:center}.ct-h{text-align:center;color:var(--gold);margin-top:18px}.tips{line-height:1.45}.tips li{margin:.25em 0}.pd-wrap{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.pd-svg{width:min(300px,80vw);height:auto}.pd-col{display:flex;flex-direction:column;gap:6px}.pd-l{display:flex;align-items:center;gap:8px;font-size:.9em}.pd-l kbd{min-width:2.2em;text-align:center}.pd-l.y kbd{color:#ffd23f}.pd-l.b kbd{color:#ff4f5e}.pd-l.a kbd{color:#4fd36a}.pd-l.x kbd{color:#3ec1ff}.divine-btn{position:absolute;bottom:2%;left:50%;transform:translateX(-50%);font-size:26px;line-height:1;padding:.25em .4em;background:radial-gradient(#fff3b0,#e0a030);border:3px solid #4a3a10;border-radius:50%;box-shadow:0 0 14px #ffe39a;cursor:pointer;pointer-events:auto;z-index:5;animation:divine-pulse 1.2s ease-in-out infinite}.divine-btn[hidden]{display:none}@keyframes divine-pulse{50%{box-shadow:0 0 26px #fff3b0;transform:translateX(-50%) scale(1.08)}}.hub-divine{grid-column:1/-1;border-color:#4a3a10!important;box-shadow:inset 0 0 0 2px #e0a030!important}.hub-divine .big-msg{margin:6px 0 0;color:#fff3b0}.menu-main{display:grid;grid-template-columns:1fr minmax(300px,370px);gap:18px;align-items:start;margin-top:10px}.menu-left .sec-t{margin-top:16px}.story-card{width:100%;min-height:0;flex-direction:row;align-items:center;gap:14px;padding:14px 18px;background:linear-gradient(120deg,#4a1e7a,#1b3a8a 60%,#1b6a6a)}.story-card .gc-i{font-size:38px}.story-card b{font-size:13px}.story-card small{font-size:15px;display:block}.story-card.fresh{animation:storyGlow 1.6s ease-in-out infinite}.story-card .new{font-style:normal;font-family:var(--px);font-size:9px;background:var(--hot);color:#fff;padding:3px 6px;border-radius:3px;vertical-align:middle;margin-left:6px}@keyframes storyGlow{50%{box-shadow:inset 0 0 0 3px rgba(255,255,255,.2),0 0 18px rgba(201,168,255,.75),0 6px 0 #070a1f}}.quick-panel{position:sticky;top:12px;background:linear-gradient(160deg,#2a7a3c,#1b4f8a);border:3px solid #0a0d26;box-shadow:inset 0 0 0 3px rgba(255,255,255,.14),0 6px 0 #070a1f;border-radius:6px;padding:14px;display:flex;flex-direction:column;gap:10px}.qp-h{margin:0;color:#fff;text-shadow:2px 2px 0 #0a0d26}.qp-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px}.qp-vs>span{font-family:var(--px);font-size:14px;color:var(--gold);text-shadow:2px 2px 0 #0a0d26}.qp-team{display:flex;flex-direction:column;align-items:center;gap:4px;background:rgba(10,13,38,.5);border-radius:4px;padding:8px 4px;min-width:0}.qp-team .flag{width:72px;height:48px}.qp-team b{font-size:16px;text-align:center;line-height:1.1}.qp-team small{color:var(--gold)}.qp-arrows{display:flex;gap:6px}.qp-arrows .btn{padding:4px 12px}.qp-opts{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.qp-opts .chip{font-size:14px;padding:4px 10px}.start-btn{font-family:var(--px);font-size:20px;padding:20px 10px;width:100%;animation:startGlow 1.6s ease-in-out infinite}@keyframes startGlow{50%{box-shadow:0 0 22px rgba(255,210,63,.85),inset 0 -4px 0 rgba(0,0,0,.3)}}.qp-more{text-align:center;font-size:15px}.qp-more .hint{font-size:13px}.start-fab{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:30;font-family:var(--px);font-size:15px;padding:22px 16px;box-shadow:0 6px 0 #070a1f,0 0 18px rgba(255,210,63,.6);animation:startGlow 1.6s ease-in-out infinite}.start-fab:active{transform:translateY(calc(-50% + 2px))}.mission{text-align:center;color:var(--gold)}.hub-team{grid-column:1/-1}.hub-team .tgrid.mini{margin:6px 0}.hub-team .tbtn:disabled{opacity:.35;cursor:not-allowed}@media (max-width:760px){.menu-main{grid-template-columns:1fr}.quick-panel{position:static;order:-1}.start-fab{top:auto;bottom:12px;transform:none}.start-fab:active{transform:translateY(2px)}}@media (max-width:1240px) and (min-width:761px){.setup{padding-right:150px}}#scr-story{padding:0;background:#000;display:none;place-items:center;height:100vh;height:100dvh;min-height:0;overflow:hidden}#scr-story.on{display:grid}.st-stage{position:relative;width:100vw;height:56.25vw;overflow:hidden;background:#000;user-select:none;-webkit-user-select:none;cursor:pointer;container-type:size}.st-stage>canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.st-sub{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);width:86%;max-width:980px;text-align:center;background:rgba(6,8,30,.84);border:3px solid #0a0d26;box-shadow:inset 0 0 0 2px var(--line);border-radius:4px;padding:.45em .9em;font:600 clamp(13px, 2.3cqw, 30px)/1.35 var(--ui);opacity:0;transition:opacity .3s;pointer-events:none}.st-sub.on{opacity:1}.st-sub.top{top:3%;bottom:auto;width:76%}.st-title{position:absolute;left:0;right:0;top:4%;text-align:center;opacity:0;transform:scale(.9);transition:opacity .6s,transform .6s;pointer-events:none}.st-title.on{opacity:1;transform:none}.st-title b{display:block;font-family:var(--px);font-weight:400;color:var(--gold);text-shadow:3px 3px 0 #a3271f,6px 6px 0 #0a0d26;padding:0 3%;line-height:1.3}.st-title small{display:block;font-family:var(--px);color:var(--cyan);font-size:clamp(11px, 2.4cqw, 30px);margin-top:.6em;text-shadow:2px 2px 0 #0a0d26}.st-mission{display:inline-block;margin-top:1.2em;font:600 clamp(13px, 2.6cqw, 32px)/1.3 var(--ui);font-style:normal;background:rgba(6,8,30,.8);border:3px solid #0a0d26;box-shadow:inset 0 0 0 2px var(--line);border-radius:4px;padding:.3em .8em}.st-logo{font-size:clamp(22px, 5.6cqw, 72px);margin-top:6%}.st-saved{font:700 clamp(18px, 4.6cqw, 58px)/1.1 var(--ui)!important;letter-spacing:1px;animation:stPulse 1.1s ease-in-out infinite}.st-line{display:block;font:600 clamp(11px, 1.9cqw, 24px)/1.3 var(--ui);font-style:normal;color:#fff;text-shadow:2px 2px 0 #0a0d26;margin-top:.3em}@keyframes stPulse{50%{transform:scale(1.05)}}.st-skip{position:absolute;top:2%;right:1.5%;z-index:3;overflow:hidden;opacity:.75;padding:.35em .7em;font-size:clamp(10px, 1.5cqw, 14px);border-width:2px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.st-skip:hover{opacity:1}.st-skip i{position:absolute;inset:0;background:var(--gold);transform-origin:left;transform:scaleX(0);pointer-events:none}.st-skip.holding i{transform:scaleX(1);transition:transform var(--hold, 1s) linear}.st-skip span{position:relative}.st-skip.holding{opacity:1;color:#1a1030}.st-skip small{display:block;position:relative;font-size:.7em;opacity:.75;margin-top:.15em;white-space:nowrap}.st-rot{display:none}@media (orientation:portrait) and (pointer:coarse){#scr-story.on .st-rot{display:flex;position:fixed;inset:0;z-index:5;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;background:rgba(0,0,0,.88);color:#fff;text-align:center;font:13px/1.5 var(--px)}.st-rot .btn{font-size:12px;padding:12px 18px}#scr-story.on .st-skip{position:fixed;top:12px;right:12px;z-index:6;opacity:1;font-size:12px}.st-rot .rh-phone{width:44px;height:76px;border:4px solid #fff;border-radius:9px;animation:rh-turn 2.4s ease-in-out infinite}}.st-cont{position:absolute;bottom:6%;left:50%;transform:translateX(-50%);z-index:3;font-family:var(--px);font-size:clamp(11px, 1.8cqw, 22px)}.st-cont[hidden]{display:none}.st-roll{position:absolute;top:0;bottom:0;left:44%;right:2%;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .8s;-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 86%,transparent);mask-image:linear-gradient(transparent,#000 12%,#000 86%,transparent)}.st-roll.on{opacity:1}.st-roll-in{text-align:center;font-size:clamp(11px, 1.9cqw, 24px);line-height:1.45;text-shadow:2px 2px 0 #0a0d26,0 0 8px #0a0d26;will-change:transform;padding-bottom:2em}.st-roll-in h1{color:var(--gold);font-size:2.2em;text-shadow:3px 3px 0 #a3271f,6px 6px 0 #0a0d26;margin:0}.st-roll-in h2{color:var(--cyan);font-size:1.1em;margin:.3em 0 1.6em}.st-roll-in h3{color:var(--gold);font-size:.8em;margin:2.2em 0 .6em}.st-roll-in h3 small{color:var(--mute);font-family:var(--ui);font-size:1.1em}.st-roll-in ul{list-style:none;margin:0;padding:0}.st-roll-in li small{color:var(--mute)}.st-cr-big li{font-family:var(--px);font-size:.95em;margin:.55em 0}.st-cr-game{font-family:var(--px);color:#fff;font-size:.8em;line-height:1.6;margin:-.6em auto 1.4em;max-width:26em}.st-cr-detail{color:var(--mute);font-size:.95em;line-height:1.45;margin:.5em auto 0;max-width:30em}.st-cr-flag{width:5em;height:auto;image-rendering:pixelated;border:3px solid #0a0d26}.st-cr-team{font-family:var(--px);font-size:1.1em;margin:.3em 0 .8em}.st-cr-saved{font-family:var(--px);color:var(--green);font-size:.85em}.st-cr-made{color:var(--mute);font-size:.9em;margin:.4em 0}.st-cr-made:first-of-type{margin-top:2.4em}.st-cr-thanks{font-family:var(--px);color:var(--gold);font-size:1.1em;margin-top:2.4em}.st-cr-end{font-family:var(--px);font-size:2em;margin-top:1.2em;color:#fff}.cup-card{width:100%;min-height:0;flex-direction:row;align-items:center;gap:16px;padding:18px 20px;margin-bottom:10px;color:#1a1030;background:linear-gradient(120deg,#8a4b0a,#d49a1a 45%,#ffd23f);box-shadow:inset 0 0 0 3px rgba(255,255,255,.3),0 6px 0 #070a1f}.cup-card .gc-i{font-size:52px;filter:drop-shadow(0 3px 0 rgba(0,0,0,.3))}.cup-card .gc-t{display:flex;flex-direction:column;gap:4px}.cup-card b{font-family:var(--px);font-size:16px;color:#1a1030}.cup-card small{font-size:16px;color:#2a1a00}.cup-card .gc-go{margin-left:auto;font-family:var(--px);font-style:normal;font-size:20px;color:#1a1030}.cup-card:hover{filter:brightness(1.06);transform:translateY(-2px)}.menu-left .story-card{margin-bottom:4px}.pk{position:relative;background:linear-gradient(170deg,#2a3a8a,#0e1340 70%);border:3px solid #0a0d26;box-shadow:inset 0 0 0 2px var(--line),0 6px 0 #070a1f;border-radius:8px;padding:16px 10px 12px;width:156px;min-height:156px;justify-content:center;gap:8px;color:var(--ink);transition:transform .12s}.pk.on{border-color:#0a0d26;box-shadow:inset 0 0 0 3px var(--gold),0 0 18px rgba(255,210,63,.55),0 6px 0 #070a1f;transform:translateY(-6px) scale(1.06);animation:pkGlow .9s ease-in-out infinite alternate}@keyframes pkGlow{from{filter:brightness(1)}to{filter:brightness(1.2)}}.pk-i{font-size:46px;line-height:1;filter:drop-shadow(0 3px 0 rgba(0,0,0,.45))}.pk-n{font-family:var(--px);font-size:9px;line-height:1.6}.pk kbd{position:absolute;top:6px;left:6px}.pk-t{font-size:15px}.help-pop{position:absolute;inset:0;display:none;place-items:center;z-index:30;background:rgba(5,8,25,.55);cursor:pointer}.help-pop.on{display:grid}.hp-card{background:var(--panel);border:3px solid #0a0d26;box-shadow:inset 0 0 0 3px var(--cyan),0 6px 0 #070a1f;border-radius:6px;padding:1em 1.3em;max-width:min(620px,92%);max-height:92%;overflow:auto;animation:pop .25s ease-out;font-size:clamp(12px, 1.5vw, 18px);text-align:left}.hp-card h2{color:var(--gold);font-size:1.05em;margin:.3em 0 .5em;line-height:1.5}.hp-tip{font-family:var(--px);font-size:.55em;color:var(--cyan);letter-spacing:1px}.hp-card ul{margin:0 0 .8em;padding-left:1.2em;display:grid;gap:.45em}.hp-card li{line-height:1.35}.hp-card kbd{font-size:.62em;white-space:nowrap}.hp-card .btn{display:flex;margin:0 auto;opacity:.45;transition:opacity .2s}.help-pop.ready .hp-card .btn{opacity:1}.hp-card .hint{text-align:center;margin:.5em 0 0;font-size:.8em}.intro-p input.full{width:100%;box-sizing:border-box}.kc-open{text-align:center}.kc-pop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:rgba(5,8,25,.7)}.kc-card{background:var(--panel);border:3px solid #0a0d26;box-shadow:inset 0 0 0 3px var(--cyan),0 6px 0 #070a1f;border-radius:6px;padding:1em 1.3em;width:min(920px,94vw);max-height:92vh;overflow:auto;animation:pop .2s ease-out;font-size:clamp(12px, 1.4vw, 17px)}.kc-card h2{color:var(--gold);text-align:center;margin:.2em 0 .3em;font-size:1.2em}.kc-card .hint{text-align:center;margin:0 0 .6em}.kc-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.4em 1.2em;align-items:start}.kc-col h3{color:var(--gold);font-size:.95em;margin:.3em 0;text-align:center}.kc-col table{width:100%;border-collapse:collapse}.kc-col td{padding:.18em .3em;border-bottom:1px solid var(--line)}.kc-col td:last-child{text-align:right;width:1%}.kc-k{font-family:var(--px);font-size:.8em;min-width:5.5em;padding:.3em .6em;background:#0a0d26;color:#fff;border:2px solid var(--line);border-bottom-width:4px;border-radius:3px;cursor:pointer;white-space:nowrap}.kc-k:focus-visible,.kc-k:hover{border-color:var(--cyan);outline:0}.kc-k.wait{background:var(--gold);color:#1a1030;border-color:var(--gold);animation:kcBlink .8s steps(2) infinite}@keyframes kcBlink{50%{opacity:.55}}.kc-card .msg{text-align:center;min-height:1.3em;margin:.5em 0 .3em}.kc-btns{display:flex;gap:.8em;justify-content:center;flex-wrap:wrap}.who{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.friends-btn{position:relative;gap:6px}.friends-btn .fb-on{color:var(--green);font-size:14px}.friends-btn .fb-badge{position:absolute;top:-9px;right:-9px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--hot);color:#fff;font:700 12px/18px var(--ui);text-align:center;box-shadow:0 0 0 2px #0a0d26}.friends-btn.alert{animation:fb-pulse 1.4s ease-in-out infinite}@keyframes fb-pulse{50%{box-shadow:inset 0 -4px 0 rgba(0,0,0,.3),inset 0 2px 0 rgba(255,255,255,.12),0 0 12px var(--hot)}}.social{position:fixed;top:0;right:0;bottom:0;width:min(400px,100%);z-index:60;display:none;flex-direction:column;background:var(--panel);border-left:3px solid #0a0d26;box-shadow:inset 3px 0 0 var(--line),-8px 0 24px rgba(0,0,0,.45)}.social.on{display:flex;animation:so-in .2s ease-out}@keyframes so-in{from{transform:translateX(40px)}}.so-h{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 6px}.so-h h2{margin:0;color:var(--gold)}.so-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--line);border-bottom:2px solid var(--line)}.so-tab{position:relative;background:#0a0d26;border:0;border-right:2px solid var(--line);color:var(--mute);padding:6px 2px 5px;cursor:pointer;font-family:var(--px);font-size:8px;display:flex;flex-direction:column;align-items:center;gap:2px}.so-tab:last-child{border-right:0}.so-tab span{font-size:18px;font-family:var(--ui)}.so-tab.on{background:var(--panel2);color:var(--ink);box-shadow:inset 0 -3px 0 var(--gold)}.so-tab b{position:absolute;top:3px;right:6px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--hot);color:#fff;font:700 11px/16px var(--ui)}.so-body{flex:1;overflow:auto;padding:10px 12px 14px;display:flex;flex-direction:column;gap:6px}.so-body h3{margin:10px 0 4px;color:var(--gold)}.so-body h4{margin:10px 0 2px}.so-code{display:flex;align-items:center;gap:8px;background:#0a0d26;border:2px solid var(--line);border-radius:4px;padding:8px 10px}.so-code span{color:var(--mute);font-size:14px;flex:1}.so-code b{font-family:var(--px);font-size:16px;color:var(--gold);letter-spacing:2px}.so-add{display:flex;gap:6px}.so-add input{flex:1;min-width:0;font-family:var(--px);font-size:13px;letter-spacing:2px;text-transform:uppercase}.so-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.so-row{display:flex;align-items:center;gap:8px;background:#0a0d26;border:2px solid var(--line);border-radius:4px;padding:6px 8px;min-height:36px}.so-row b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.so-row small{color:var(--mute);font-size:13px}.so-pick{width:100%;color:var(--ink);font:inherit;cursor:pointer;text-align:left}.so-pick:hover{background:var(--panel2)}.so-acts{display:flex;gap:4px}.so-acts .btn.small{padding:4px 8px;font-size:14px}.so-dot{width:10px;height:10px;border-radius:50%;background:#555;flex:0 0 auto;box-shadow:0 0 0 2px #0a0d26}.so-dot.on{background:var(--green);box-shadow:0 0 6px var(--green)}.so-n{background:var(--hot);color:#fff;font-style:normal;font-size:12px;font-weight:700;padding:0 6px;border-radius:8px}.so-more{display:flex;gap:4px;flex-wrap:wrap;padding:4px 0 2px 18px}.so-more .btn.small{font-size:13px;padding:4px 8px}.so-chat-h{display:flex;align-items:center;gap:8px;border-bottom:2px solid var(--line);padding-bottom:6px}.so-chat-h b{flex:1}.so-msgs{flex:1;overflow:auto;display:flex;flex-direction:column;gap:6px;padding:4px 0;min-height:120px}.so-m{max-width:82%;align-self:flex-start;background:#0a0d26;border:2px solid var(--line);border-radius:10px 10px 10px 2px;padding:6px 10px;display:flex;flex-direction:column;gap:2px}.so-m.me{align-self:flex-end;background:#1e4a3a;border-color:#2a7a3c;border-radius:10px 10px 2px 10px}.so-m span{word-break:break-word}.so-m small{color:var(--mute);font-size:11px;align-self:flex-end;display:flex;gap:4px;align-items:center}.so-rep{background:0 0;border:0;cursor:pointer;opacity:.45;font-size:12px;padding:0}.so-rep:hover{opacity:1}.so-send{display:flex;gap:6px}.so-send input{flex:1;min-width:0;font-size:17px;padding:8px 10px}.so-room{display:flex;flex-direction:column;gap:6px}.so-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px}.so-vs>span{font-family:var(--px);font-size:14px;color:var(--gold)}.so-team{display:flex;flex-direction:column;align-items:center;gap:4px;background:#0a0d26;border:2px solid var(--line);border-radius:4px;padding:8px 4px;text-align:center}.so-team.mine{border-color:var(--cyan)}.so-team small{color:var(--mute);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.so-team b{font-size:15px;line-height:1.1}.so-team .flag{width:60px;height:40px}.so-ready{color:var(--green);font-style:normal;font-size:14px}.so-wait{color:var(--mute);font-style:normal;font-size:14px}.so-opts{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.so-opts>span{color:var(--mute);font-size:14px;min-width:76px}.so-opts .chip{font-size:13px;padding:3px 9px}.so-opts .chip:disabled{cursor:default;opacity:.7}.so-opts select{background:#0a0d26;color:var(--ink);border:2px solid var(--line);border-radius:4px;padding:5px 8px;font:inherit;font-size:15px}.so-ready-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:4px}.so-ready-row .btn.big{flex:1}.so-count{align-items:center;text-align:center}.so-count b{font-family:var(--px);font-size:64px;color:var(--gold);text-shadow:4px 4px 0 #0a0d26;line-height:1;margin:10px 0;animation:pop .25s ease-out}.so-quick{display:flex;gap:6px;overflow-x:auto;padding:4px 0;scrollbar-width:none}.so-quick::-webkit-scrollbar{display:none}.so-quick .chip{flex:0 0 auto;font-size:14px;padding:5px 10px;white-space:nowrap}.so-typing{margin:2px 0;color:var(--cyan);font-size:13px;font-style:italic}.so-typing i{animation:soDot 1.2s infinite;font-style:normal}.so-typing i:nth-child(2){animation-delay:.2s}.so-typing i:nth-child(3){animation-delay:.4s}@keyframes soDot{0%,100%,60%{opacity:.2}30%{opacity:1}}.so-mini{display:flex;flex-direction:column;gap:4px}.so-mini .so-m{font-size:14px;padding:4px 8px}.social.kb .so-h,.social.kb .so-quick,.social.kb .so-tabs{display:none}.social.kb .so-msgs{min-height:0}.social.kb .so-chat-h{padding-bottom:2px}.social.kb .so-chat-h .btn{padding:2px 8px}.social.kb .so-body{padding-top:4px;padding-bottom:4px}