:root{--topbar-h:61px}body.arena{background:radial-gradient(900px 500px at 90% -10%, var(--glow-1), transparent 60%), var(--bg);overflow-x:hidden}body.in-game{overflow:hidden}#scr-game{background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit;color:inherit}body.in-game .topbar{position:relative}body.signed-in .guest-only{display:none!important}.pill{background:var(--overlay-2);color:var(--muted);white-space:nowrap;border-radius:99px;padding:3px 10px;font-size:.78rem}.pill.on{color:#fff;background:#0b5}.pill.local{background:var(--orange);color:var(--navy)}#app{z-index:1;min-height:0;padding:clamp(14px,2.4vh,28px) 16px;position:relative;overflow:auto}body.in-game #app{padding:0;overflow:hidden}body.in-game #tn-slot{display:none}.screen:not(#scr-game){max-width:1100px}.screen{max-width:1100px;margin:0 auto;animation:.35s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}}.panel{padding:24px}.lobby-grid>div>.panel+.panel,.screen>.panel+.panel{margin-top:18px}h2{margin-bottom:12px;font-size:1.3rem}h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:14px 0 8px;font-size:.8rem}p.lead{color:var(--muted);margin:6px 0 18px}.small{color:var(--muted);font-size:.82rem}label.f{color:var(--muted);margin:10px 0;font-size:.85rem;display:block}label.f>span{margin-bottom:4px;display:block}input[type=text],input[type=password],input[type=number],select,textarea{width:100%;color:var(--navy);border:2px solid var(--navy-3);background:#fff;border-radius:8px;padding:9px 11px;font-size:.95rem}textarea{font-family:var(--mono);resize:vertical;font-size:.82rem}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--ring);outline-offset:1px}.pw-wrap{align-items:center;gap:6px;display:flex}.pw-wrap input{flex:1;min-width:0}.pw-chip b{font-family:var(--mono);letter-spacing:.1em}.field-error{color:var(--error-text);min-height:1.1em;margin:-4px 0 6px;font-size:.85rem}input[aria-invalid=true]{border-color:var(--danger)!important}.linkish{color:var(--link);font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0 0 0 4px;text-decoration:underline}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row>*{flex:160px}.seg{background:var(--overlay-2);border-radius:99px;flex-wrap:wrap;gap:3px;padding:3px;display:inline-flex}.seg button{background:0 0;border:0;border-radius:99px;padding:6px 14px;font-size:.85rem;font-weight:600}.seg button.on{background:var(--yellow);color:var(--navy)}.actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.play-home{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px;display:flex}.play-home .name-row{width:min(280px,100%)}.play-home .h-xl{margin-top:6px}.home-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:14px;display:grid}.card-btn{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:8px;min-height:130px;padding:20px;transition:transform .15s,border-color .2s,background .2s;display:flex}.card-btn:hover{border-color:var(--ring);background:var(--surface-raised);transform:translateY(-2px)}.card-btn b{color:var(--text);font-size:1.15rem}.card-btn span{color:var(--muted);font-size:.85rem}.card-btn[data-go=solo]{background:linear-gradient(135deg, color-mix(in srgb, var(--blue) 25%, var(--surface)), var(--surface));border-color:#ffd70073}.lobby-grid{grid-template-columns:1.3fr 1fr;gap:18px;display:grid}@media (width<=860px){.lobby-grid{grid-template-columns:1fr}}.room-code{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.room-code .code{font-family:var(--mono);letter-spacing:6px;color:var(--yellow);background:var(--ink);border-radius:10px;padding:4px 16px;font-size:2.2rem;font-weight:700}.slots{gap:8px;margin-top:12px;list-style:none;display:grid}.slot{background:var(--surface-sunken);border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;min-height:46px;padding:9px 12px;display:flex}.slot.empty{opacity:.45;border-style:dashed}.dot{border-radius:50%;flex:none;width:14px;height:14px;box-shadow:0 0 0 2px #fff3}.slot .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.tag{background:var(--overlay-2);color:var(--muted);text-transform:uppercase;letter-spacing:1px;border-radius:99px;padding:2px 8px;font-size:.7rem}.tag.ok{background:var(--green);color:var(--navy)}.tag.host{background:var(--yellow);color:var(--navy)}.x{color:var(--muted);background:0 0;border:0;padding:0 4px;font-size:1rem}.x:hover{color:var(--red)}.chips{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.chip{background:var(--overlay);border:1px solid var(--line);border-radius:99px;padding:3px 10px;font-size:.75rem}.fx-list{gap:4px;margin-top:6px;font-size:.8rem;display:grid}.fx-list div{gap:8px;display:flex}.fx-list .t{min-width:92px;font-weight:700}.chat-log{background:var(--surface-sunken);border-radius:8px;flex-direction:column;gap:3px;height:150px;padding:8px 10px;font-size:.85rem;display:flex;overflow-y:auto}.chat-log .sys{color:var(--muted);font-style:italic}.chat-row{gap:8px;margin-top:8px;display:flex}.chat-row input{flex:1}#scr-game{flex-direction:column;max-width:none;height:100%;margin:0;display:flex}.game-top{background:var(--navy);border-bottom:2px solid var(--navy-3);flex-wrap:wrap;align-items:center;gap:16px;padding:8px 14px;display:flex}.game-top .goal{color:var(--yellow);font-weight:700}.game-top .clock{font-family:var(--mono);font-size:1.2rem;font-weight:700}.game-top .me{flex-wrap:wrap;align-items:center;gap:14px;margin-left:auto;font-size:.9rem;display:flex}.me b{color:var(--yellow);font-family:var(--mono)}.hearts{letter-spacing:2px}.game-body{flex:1;grid-template-columns:1fr 250px;min-height:0;display:grid}#stage{flex-direction:column;gap:10px;min-height:0;padding:10px;display:flex;position:relative}.word.scrambled{font-style:italic;-webkit-text-decoration:underline wavy #ffffff59;text-decoration:underline wavy #ffffff59}#stage.shake{animation:.3s shake}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.field{background:radial-gradient(ellipse at 70% 30%, var(--field-2), var(--field));border:2px solid var(--navy-3);border-radius:12px;position:relative;overflow:hidden}.field:before{content:"";background:linear-gradient(var(--red), #a00);opacity:.8;width:4px;position:absolute;top:0;bottom:0;left:0}.field.main{flex:1;min-height:220px}.field.rush{box-shadow:inset 0 0 40px #ff5a5a59}.field.dead{opacity:.35;filter:grayscale()}.field .lbl{z-index:2;text-shadow:0 1px 2px #000;font-size:.7rem;font-weight:700;position:absolute;top:4px;right:8px}.lanes{flex:1;grid-template-rows:1fr auto;gap:10px;min-height:0;display:grid}.minis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.field.mini{height:110px}.field.mini .word{padding:0 3px;font-size:.62rem}.word{white-space:nowrap;font-family:var(--mono);text-shadow:0 1px 2px #000;will-change:left;translate:calc(var(--x,0) * -100%) calc(var(--y,0) * -100%);background:#00000059;border-radius:6px;padding:1px 6px;font-size:clamp(.9rem,1.6vw,1.15rem);font-weight:700;transition:opacity .2s;position:absolute}.word .hit{color:var(--green);text-decoration:underline}.word.frozen{background:#9be7ff33;outline:2px solid #9be7ff}.word.attack{outline:2px dashed #ff3b6b}.word.pop{animation:.3s forwards pop}.word.gone{animation:.4s forwards fadeOut}@keyframes pop{to{opacity:0;transform:scale(1.8)}}@keyframes fadeOut{to{opacity:0;transform:translate(-20px)}}.word .pips{gap:2px;display:flex;position:absolute;bottom:-5px;left:2px}.word .pips i{border-radius:50%;width:7px;height:7px;display:block;box-shadow:0 0 0 1px #000}.float-pts{font-weight:800;font-family:var(--mono);pointer-events:none;z-index:5;text-shadow:0 1px 3px #000;animation:.9s forwards rise;position:absolute}@keyframes rise{to{opacity:0;transform:translateY(-40px)}}.race{gap:6px;display:grid}.track{grid-template-columns:110px 1fr 60px;align-items:center;gap:8px;font-size:.8rem;display:grid}.track .bar{background:var(--navy-3);border-radius:99px;height:14px;overflow:hidden}.track .bar i{border-radius:99px;height:100%;transition:width .2s;display:block}.track .n{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.passage{background:var(--field);border:2px solid var(--navy-3);font-family:var(--mono);color:#ffffff8c;border-radius:12px;flex:1;padding:22px;font-size:clamp(1.05rem,2.2vw,1.5rem);line-height:1.9;overflow-y:auto}.passage span{border-radius:4px;padding:1px 2px}.passage .done{color:var(--green)}.passage .cur{color:#fff;box-shadow:inset 0 -2px 0 var(--yellow);background:#ffd7002e}.passage .cur.bad{box-shadow:inset 0 -2px 0 var(--red);background:#ff5a5a4d}#board{background:var(--navy);border-left:2px solid var(--navy-3);flex-direction:column;gap:6px;padding:10px;display:flex;overflow-y:auto}.pl{background:var(--navy-3);border:2px solid #0000;border-radius:10px;grid-template-columns:14px 1fr auto;align-items:center;gap:4px 8px;padding:8px 10px;transition:order .3s;display:grid}.pl.me{border-color:var(--yellow)}.pl.out{opacity:.45}.pl .n{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:700;overflow:hidden}.pl .s{font-family:var(--mono);color:var(--yellow);font-weight:700}.pl .rk{color:#fff;font-weight:700}.pl .sub{color:var(--muted);flex-wrap:wrap;grid-column:2/4;gap:8px;font-size:.72rem;display:flex}.pl .buf{font-family:var(--mono);color:var(--blue);white-space:nowrap;grid-column:1/4;min-height:1em;font-size:.75rem;overflow:hidden}.entry{background:var(--navy);border-top:2px solid var(--navy-3);justify-content:center;align-items:center;gap:10px;padding:10px;display:flex}.entry .box{min-width:min(420px,80vw);min-height:2.6rem;color:var(--navy);font-family:var(--mono);background:#fff;border-radius:8px;align-items:center;padding:0 14px;font-size:1.35rem;font-weight:700;display:flex}.entry .box.bad{background:#ffe1e1}.entry .box:after{content:"";background:var(--navy);width:2px;height:1.3em;margin-left:2px;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.entry .hint{color:var(--muted);font-size:.75rem}#vk{background:var(--navy);padding:4px 6px 8px}.vk-row{justify-content:center;display:flex}.vk-key{background:var(--navy-3);text-align:center;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:2px solid #001a3a;border-radius:6px;min-width:34px;margin:2px;padding:0 6px;font-weight:700;line-height:2.1rem}.vk-key:active{background:var(--yellow);color:var(--navy)}.vk-key.w{min-width:74px}.overlay{z-index:10;pointer-events:none;background:#000a198c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay .big{color:var(--yellow);text-shadow:0 4px 20px #000;font-size:6rem;font-weight:800;animation:.5s popIn}@keyframes popIn{0%{opacity:0;transform:scale(.4)}}.feed{z-index:8;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.feed div{border:1px solid var(--line);white-space:nowrap;background:#001a38e6;border-radius:99px;padding:4px 12px;font-size:.82rem;animation:2.8s forwards feed}@keyframes feed{0%{opacity:0;transform:translateY(-6px)}10%,80%{opacity:1;transform:none}to{opacity:0}}table.res{border-collapse:collapse;width:100%;color:var(--navy);background:#fff;border-radius:10px;margin-top:12px;font-size:.9rem;overflow:hidden}table.res th{background:var(--navy-2);color:#fff;text-align:left;padding:9px 10px;font-weight:600}table.res td{border-top:1px solid #dde5ef;padding:9px 10px}table.res tr.me td{background:#fff6c7}table.res td.num{font-family:var(--mono);text-align:right}.podium{font-size:1.6rem}.table-wrap{overflow-x:auto}.ws-grid{grid-template-columns:250px 1fr;gap:18px;display:grid}@media (width<=900px){.ws-grid{grid-template-columns:1fr}}.tpl-list{gap:6px;list-style:none;display:grid}.tpl-list li button{text-align:left;background:var(--surface-sunken);border:2px solid #0000;border-radius:10px;width:100%;padding:8px 10px}.tpl-list li button.on{border-color:var(--ring)}.tpl-list li small{color:var(--muted);font-size:.7rem;display:block}.ws-form fieldset{border:1px solid var(--line);border-radius:10px;margin-bottom:12px;padding:8px 14px 12px}.ws-form legend{color:var(--accent-text);padding:0 6px;font-weight:700}.ws-form .grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:0 12px;display:grid}.ws-form .grid label.f{margin:6px 0}.ws-form label.chk{align-items:center;gap:6px;margin:4px 12px 4px 0;font-size:.85rem;display:inline-flex}.fx-table{grid-template-columns:110px 1fr;align-items:center;gap:6px 10px;font-size:.85rem;display:grid}.fx-table input{font-family:var(--mono);padding:6px 8px;font-size:.8rem}.warn{border:1px solid var(--orange);background:#ffa5002e;border-radius:8px;margin:10px 0;padding:8px 12px;font-size:.82rem}.warn:empty{display:none}.fx-ref{color:var(--muted);gap:3px;margin-top:8px;font-size:.78rem;display:grid}.fx-ref code{color:var(--accent-text);font-family:var(--mono)}details.json summary{cursor:pointer;color:var(--accent-text);margin:10px 0;font-weight:700}#toast{z-index:100;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}#toast div{background:var(--navy-3);border:2px solid var(--yellow);color:#fff;box-shadow:var(--shadow);border-radius:10px;max-width:90vw;padding:9px 16px;animation:.2s fadeIn}#toast div.err{border-color:var(--red)}.gctl{gap:6px;display:inline-flex}@media (width<=760px){#play-topbar .nav,#play-topbar .home-of{display:none}.game-top{gap:8px;padding:6px 10px}.game-top .goal{flex:100%;font-size:.8rem}.game-top .me{gap:10px;margin-left:0;font-size:.8rem}.game-body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}#board{border-left:0;border-bottom:2px solid var(--navy-3);flex-direction:row;order:-1;max-height:none;padding:6px;overflow-x:auto}.pl{flex:0 0 150px;padding:5px 8px}.pl .buf{display:none}#stage{padding:6px}.field.main{min-height:120px}.field.mini{height:70px}.minis{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.entry{padding:6px}.entry .hint{display:none}.entry .box{width:100%;min-width:0}.vk-key{flex:1;min-width:0;max-width:40px}.vk-key.w{max-width:80px}.track{grid-template-columns:70px 1fr 40px}.room-code .code{letter-spacing:4px;font-size:1.6rem}}@media (width<=560px){#btn-top-workshop,#play-topbar .stage-tag{display:none}#play-topbar .topbar-inner{gap:8px;padding:0 12px}#net-pill{text-overflow:ellipsis;max-width:34vw;overflow:hidden}}.rs-xp:empty{display:none}.rs-xp{background:#ffd70014;border:1px solid #ffd70059;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:6px 18px;margin:4px 0 14px;padding:14px 16px;display:grid}.rs-xp .gain{font:800 1.8rem var(--mono);color:var(--accent-text);grid-row:span 2}.rs-xp .bar{background:var(--overlay-2);border-radius:5px;height:10px;overflow:hidden}.rs-xp .bar i{height:100%;width:var(--from);background:linear-gradient(90deg, var(--yellow), var(--orange));border-radius:5px;animation:1.1s ease-out .2s forwards xpfill;display:block}@keyframes xpfill{to{width:var(--to)}}.rs-xp .parts{color:var(--text-muted);flex-wrap:wrap;grid-column:1/-1;gap:6px;font-size:.78rem;display:flex}.rs-xp .parts span{background:var(--overlay-2);border-radius:99px;padding:2px 8px}.rs-xp .lvup{color:var(--accent-text);font-weight:800}.play-home .back-link{align-self:center}#lb-tpl-fx .t{color:color-mix(in srgb, var(--c,var(--text)) var(--tint), var(--text))}.rs-xp .gain.muted{color:var(--text-faint);font-size:1.2rem}.rs-xp .parts.muted-note span,.rs-xp .parts.muted-note{background:0 0;padding:0}.rs-xp .parts.muted-note{color:var(--text-muted)}.rs-xp .parts.saving{background:0 0}.ach-chip{font-weight:700;color:var(--text)!important}.ach-chip.tier-gold{background:#ffd7004d!important}.ach-chip.tier-silver{background:#b6c4ce59!important}.ach-chip.tier-bronze{background:#cd7f324d!important}