.screens{flex-direction:column;gap:20px;display:flex}.panel-pad{flex-direction:column;gap:14px;padding:18px;display:flex}.plaza{line-height:0;position:fixed;inset:0}.plaza-canvas{width:100%;height:100%;image-rendering:pixelated;touch-action:none;cursor:pointer;display:block}.hud{z-index:2;align-items:center;gap:8px;line-height:1;display:flex;position:absolute}.hud-tl{top:calc(10px + env(safe-area-inset-top,0px));flex-direction:column;align-items:flex-start;gap:6px;left:10px}.hud-tr{top:calc(10px + env(safe-area-inset-top,0px));right:10px}.hud-chip,.hud-btn,.emotes button{all:unset;font-family:var(--font-px);color:var(--fg);box-shadow:inset 0 0 0 2px var(--line), 0 3px 0 #0006;background:#1a1426d1;align-items:center;gap:6px;padding:9px 10px;font-size:10px;line-height:1;display:inline-flex}a.hud-chip,.hud-btn,.emotes button{cursor:pointer}.hud-live{color:var(--good)!important;font-size:9px!important}.hud-coin i{background:var(--gold);width:12px;height:12px;box-shadow:inset -2px -2px 0 var(--gold-d), inset 2px 2px 0 #fff3c4, 0 0 0 2px #1a1426}.hud-coin b{color:var(--gold);font-weight:400}.hud-btn[aria-pressed=false]{color:var(--muted);text-decoration:line-through}.hud-btn[aria-expanded=true]{background:var(--gold);color:#1a1306}.hud-btn:active,.emotes button:active{transform:translateY(2px)}.hud-btn:focus-visible,.emotes button:focus-visible,.hud-chip:focus-visible{outline:3px dashed var(--sky);outline-offset:3px}.hud-menu{z-index:3;top:calc(52px + env(safe-area-inset-top,0px));background:var(--panel);min-width:190px;box-shadow:0 0 0 4px var(--line), 0 8px 0 4px #00000059;gap:6px;padding:10px;line-height:1.2;display:grid;position:absolute;right:10px}.hud-menu button{all:unset;cursor:pointer;font-family:var(--font-px);color:var(--fg);background:var(--panel);box-shadow:inset 0 0 0 2px var(--line);padding:9px 10px;font-size:10px}.hud-menu button:hover,.hud-menu button:focus-visible{background:var(--line);color:var(--gold)}.hud-menu hr{background:var(--line);border:0;height:2px;margin:2px 0}.hud-menu p{font-family:var(--font-px);color:var(--muted);margin:0;font-size:8px;line-height:1.6}.hud-hint{z-index:2;left:50%;bottom:calc(64px + env(safe-area-inset-bottom,0px));font-family:var(--font-px);color:var(--fg);white-space:nowrap;background:#1a1426d1;margin:0;padding:7px 10px;font-size:9px;line-height:1;transition:opacity .4s;position:absolute;transform:translate(-50%)}.hud-hint.gone{opacity:0}.hud-bottom{left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));flex-wrap:nowrap;transform:translate(-50%)}@media (max-width:520px){.emotes{gap:5px}.emotes button{padding:7px 6px;font-size:8px}.hud-chip,.hud-btn{padding:6px 7px;font-size:8px}.hud-live{font-size:7px!important}.hud-hint{bottom:calc(52px + env(safe-area-inset-bottom,0px));font-size:7px}.hud,.hud-tl{gap:5px}}.hero{grid-template-columns:1.3fr 1fr;align-items:center;gap:20px;padding:20px;display:grid}.hero p{max-width:52ch;color:var(--muted);margin-top:12px;font-size:22px}.hero p b{color:var(--fg);font-weight:400}.hero img{justify-self:center;width:220px;height:220px}.cycle{font-family:var(--font-px);flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px;font-size:9px;display:flex}.cycle span.e{color:#140f1f;padding:6px 7px}.rooms{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.room{all:unset;box-sizing:border-box;cursor:pointer;background:var(--panel);--b:var(--line);box-shadow:-4px 0 0 0 var(--b), 4px 0 0 0 var(--b), 0 -4px 0 0 var(--b), 0 4px 0 0 var(--b), 0 8px 0 0 #00000059;flex-direction:column;gap:12px;margin:4px;padding:18px;transition:transform .1s;display:flex}.room:hover{--b:var(--gold);transform:translateY(-3px)}.room .tier{font-family:var(--font-px);color:var(--muted);font-size:9px}.room .stake{font-family:var(--font-px);color:var(--gold);font-size:16px}.room dl{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:20px;display:grid}.room dt{color:var(--muted)}.room dd{text-align:right;margin:0}.room .cap{color:var(--muted);font-size:18px}.room .go{font-family:var(--font-px);color:var(--gold);margin-top:auto;font-size:9px}.bonus{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.bonus h3{color:var(--gold)}.rules{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:18px;display:grid}.rules div{flex-direction:column;gap:6px;min-width:0;display:flex}.rules h3{color:var(--gold)}.rules p{color:var(--muted);font-size:19px}.room-forms{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field span{font-family:var(--font-px);color:var(--muted);font-size:8px}.field input{all:unset;box-sizing:border-box;width:100%;font-family:var(--font-body);background:var(--bg2);box-shadow:inset 0 0 0 2px var(--line);color:var(--fg);padding:8px 10px;font-size:22px}.field input:focus-visible{box-shadow:inset 0 0 0 2px var(--sky)}.seg{flex-wrap:wrap;gap:8px;display:flex}.seg button{all:unset;cursor:pointer;font-family:var(--font-px);color:var(--muted);box-shadow:0 0 0 3px var(--line);padding:8px 10px;font-size:9px}.seg button.on{color:#1a1306;background:var(--gold);box-shadow:0 0 0 3px var(--gold-d)}.seg button:focus-visible{outline:3px dashed var(--sky);outline-offset:4px}.code-line{font-family:var(--font-px);word-break:break-all;color:#fff3c4;box-shadow:0 0 0 2px var(--line);background:#0b091699;padding:8px 10px;font-size:10px;line-height:1.7}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatches button{all:unset;cursor:pointer;width:28px;height:28px;box-shadow:0 0 0 3px var(--line)}.swatches button.on{box-shadow:0 0 0 3px var(--gold)}.badge-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.badge-grid div{box-shadow:0 0 0 2px var(--line);opacity:.55;background:#1a1730;flex-direction:column;gap:4px;min-width:0;padding:10px 12px;display:flex}.badge-grid div.got{opacity:1;box-shadow:0 0 0 2px var(--gold-d)}.badge-grid b{font-family:var(--font-px);color:var(--gold);font-size:9px;font-weight:400;line-height:1.5}.badge-grid small{color:var(--muted);font-size:18px}.skins{flex-wrap:wrap;gap:18px;display:flex}.skin{font-family:var(--font-px);color:var(--muted);flex-direction:column;align-items:center;gap:6px;font-size:8px;display:flex}.skin i{width:56px;height:56px;box-shadow:0 0 0 3px var(--ink)}.who{align-items:flex-start;gap:8px;display:inline-flex}.who i{width:12px;height:12px;box-shadow:0 0 0 2px var(--ink);flex:none;margin-top:6px}.who small{font-size:17px;display:block}tr.me td{background:#4f8dff1f}.board-ready{grid-template-columns:auto 1fr;align-items:center;gap:20px;padding:20px;display:grid}.board-ready img{width:160px;height:160px}.board-ready>div{flex-direction:column;gap:10px;display:flex}.board{flex-direction:column;gap:16px;padding:18px;display:flex;position:relative}.board.shake{--shake:4px;animation:.32s steps(6,end) both shake}@keyframes shake{0%{transform:translate(0)}17%{transform:translate(calc(var(--shake) * -1), calc(var(--shake) * .5))}33%{transform:translate(var(--shake), calc(var(--shake) * -.5))}50%{transform:translate(calc(var(--shake) * -.6), 0)}67%{transform:translate(calc(var(--shake) * .5), calc(var(--shake) * .3))}84%{transform:translate(calc(var(--shake) * -.2), 0)}to{transform:translate(0)}}.match-head{align-items:center}.round-tag{font-family:var(--font-px);color:var(--muted);font-size:10px}.timer{font-family:var(--font-px);color:var(--sky);font-size:12px}.timer.low{color:var(--bad);animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.35}}.clock{background:var(--bg2);height:8px;box-shadow:0 0 0 2px var(--line)}.clock i{background:var(--sky);height:100%;display:block}.duel{grid-template-columns:90px minmax(0,420px) 90px;justify-content:center;align-items:center;gap:18px;display:grid}.side{font-family:var(--font-px);flex-direction:column;align-items:center;gap:8px;display:flex}.side span{color:var(--muted);font-size:9px}.side b{font-size:22px;font-weight:400}.side.you b{color:var(--you)}.side.rival b{color:var(--rival)}.side small{color:var(--muted);font-size:7px}.cd{background:var(--bg2);width:60px;height:8px;box-shadow:0 0 0 2px var(--line)}.cd i{background:var(--you);height:100%;display:block}.grid5{background:var(--tile-d);box-shadow:0 0 0 4px var(--line);aspect-ratio:1;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px;display:grid;position:relative}.tile{all:unset;box-sizing:border-box;cursor:pointer;aspect-ratio:1;background:var(--tile);transition:transform 60ms;box-shadow:inset 0 -6px #0000004d}.tile:disabled{cursor:default}.tile.you{background:var(--you);box-shadow:inset 0 -6px 0 var(--you-d), inset 4px 4px 0 #ffffff2e}.tile.rival{background:var(--rival);box-shadow:inset 0 -6px 0 var(--rival-d), inset 4px 4px 0 #ffffff2e}.tile.guard{outline:3px solid var(--gold);outline-offset:-3px}.tile.legal:not(.you){box-shadow:inset 0 -6px #0000004d,inset 0 0 0 3px #8fe3ff8c}.tile.rival.legal{box-shadow:inset 0 -6px 0 var(--rival-d), inset 0 0 0 3px #8fe3ffbf}.tile:hover:not(:disabled){transform:translateY(-2px)}.tile.flip{animation:.18s steps(3,end) both flip}@keyframes flip{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.count{font-family:var(--font-px);color:var(--gold);text-shadow:4px 4px 0 var(--ink);background:#13111f8c;place-items:center;font-size:56px;display:grid;position:absolute;inset:0}.verdict{font-family:var(--font-px);text-align:center;min-height:16px;font-size:10px;line-height:1.6}.logbox{color:var(--muted);font-size:19px}.logbox summary{cursor:pointer;font-family:var(--font-px);padding:6px 0;font-size:9px}.log{flex-direction:column;gap:4px;padding:8px 0;font-size:19px;display:flex}.log .w{color:var(--good)}.log .l{color:var(--bad)}.result{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:28px;display:flex}.res-art{width:84px;height:84px}.res-art.win{animation:1s steps(2,end) infinite glow}@keyframes glow{50%{transform:translateY(-6px)}}.result h2{font-size:18px}@media (max-width:760px){.hero{grid-template-columns:1fr}.hero img{width:160px;height:160px}.rooms{grid-template-columns:1fr}.rules{grid-template-columns:repeat(2,minmax(0,1fr))}.room-forms{grid-template-columns:1fr}.board-ready{text-align:center;grid-template-columns:1fr;justify-items:center}.board-ready .row{justify-content:center}.duel{grid-template-columns:1fr 1fr}.duel .grid5{grid-area:2/1/auto/-1}.side{flex-direction:row;justify-content:center}.board{padding:12px}}@media (max-width:420px){.rules{grid-template-columns:1fr}.grid5{gap:6px;padding:8px}nav.tabs button{padding:8px 9px;font-size:8px}}