.arcade{background:#101923;border:1px solid #2c3946;border-radius:18px;margin:1.5rem 0 3rem;overflow:hidden}.arcade [hidden]{display:none!important}.arcade-lobby{gap:1.7rem;padding:clamp(1.2rem,4vw,3rem);display:grid}.arcade-lobby h2{margin:.6rem 0;font-size:clamp(1.8rem,4vw,3rem)}.arcade label,.arena-ranking label{color:#d7e1eb;gap:.5rem;font-size:.9rem;display:grid}.arcade input:not([type=checkbox]),.arcade select,.arena-ranking select{color:#eef3fa;width:100%;min-width:0;font:inherit;background:#0b121b;border:1px solid #526170;border-radius:7px;padding:.85rem 1rem}.arcade input::placeholder{color:#94a4b5}.arcade-identity{gap:1rem;max-width:46rem;display:grid}.arcade .arcade-check{align-items:flex-start;gap:.75rem;line-height:1.6;display:flex}.arcade-check input{accent-color:#46f779;flex-shrink:0;width:20px;height:20px;margin-top:.25rem}.arcade-modes{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}.arcade-modes>label{min-width:150px}.arcade-join{align-items:end;gap:.6rem;display:flex}.arcade-join input{text-transform:uppercase;letter-spacing:.16em;max-width:160px}.arcade-message{color:#d3deeb;background:#142330;border-block:1px solid #2c3946;min-height:3.5rem;padding:1rem 1.4rem;font-size:.9rem}.arcade-match-head{flex-wrap:wrap;align-items:center;gap:1rem;padding:1.2rem;display:flex}.arcade-room{letter-spacing:.12em;font-family:monospace;font-size:1.1rem}.arcade-match-head [data-leave]{margin-left:auto}.arcade-players{flex-wrap:wrap;gap:.7rem;padding:0 1.2rem 1.2rem;display:flex}.arcade-player{border:1px solid #344451;border-left:3px solid #46f779;border-radius:5px;gap:.1rem;padding:.6rem 1rem;display:grid}.arcade-player span{color:#afbecc;font-size:.75rem}.seat-1{border-left-color:#ab91ff}.seat-2{border-left-color:#ffb84c}.seat-3{border-left-color:#4dcaff}.arcade-waiting{text-align:center;padding:2rem}.arcade-waiting p{max-width:40rem;margin:1rem auto}.arcade-scoreboard{text-align:center;font-variant-numeric:tabular-nums;color:#e8f0f7;background:#0a121a;padding:.9rem 1rem;font-size:.88rem}.arcade canvas{outline-offset:-4px;width:min(100%,900px);max-width:100%;height:auto;margin:auto;display:block}.arcade[data-game=culebrita] canvas{max-width:620px}.arcade-instructions{border-top:1px solid #344451;padding:1.2rem 1.4rem}.arcade-instructions summary{cursor:pointer;color:#e1eaf2;font-weight:600}.arcade-instructions div{color:#afbecc;padding-top:.85rem;line-height:1.8}.arcade-word-form,.arcade-chess-tools,.arcade-ludo-tools{flex-wrap:wrap;justify-content:center;align-items:end;gap:1rem;padding:1.2rem;display:flex}.arcade-word-form label{width:min(100%,400px)}.arcade-chess-tools{align-items:center}.arcade-ludo-tools [data-piece-buttons]{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.arcade-ludo-tools [data-piece-buttons] button{padding:.7rem;font-size:.8rem}.arcade button:disabled{opacity:.55;cursor:not-allowed}.arcade-result{text-align:center;background:#162d26;border-top:1px solid #46f779;padding:2rem}.arcade-result h3{margin:.6rem 0;font-size:2rem}.arcade-result .button-row{justify-content:center;margin-top:1rem}.arcade-touch{touch-action:none;user-select:none;justify-content:center;align-items:center;gap:.7rem;padding:1.2rem;display:flex}.arcade-touch>div{gap:.5rem;display:grid}.arcade-touch button{color:#fff;touch-action:none;background:#223542;border:1px solid #587080;border-radius:10px;min-width:58px;min-height:52px;font-size:1.6rem}.arcade-touch button:active{color:#0b1720;background:#46f779}.arcade-touch [data-kick]{border-radius:50%;width:70px;height:70px;margin-left:1.5rem}.arcade-chess{aspect-ratio:1;border:5px solid #233743;grid-template-columns:repeat(8,1fr);width:min(100%,620px);margin:auto;display:grid}.chess-square{aspect-ratio:1;cursor:pointer;border:0;place-items:center;min-width:0;padding:0;display:grid;position:relative}.chess-square.light{background:#d7e1d2}.chess-square.dark{background:#688575}.chess-square span{font-family:Georgia,Segoe UI Symbol,serif;font-size:clamp(1.8rem,5vw,3.7rem);line-height:1}.chess-square.white-piece span{color:#fff;text-shadow:1px 1px 1px #17201b,-1px -1px 1px #17201b}.chess-square.black-piece span{color:#141d25;text-shadow:0 1px 1px #e9f0e7}.chess-square small{color:#16251c;font-size:9px;position:absolute;bottom:1px;left:3px}.arcade .chess-square:disabled{opacity:1;cursor:default}.chess-square.selected{box-shadow:inset 0 0 0 4px #8a3900}.chess-square.legal:after{content:"";pointer-events:none;background:#183f31c9;border-radius:50%;width:22%;height:22%;position:absolute}.chess-square:focus-visible{outline-offset:-5px;z-index:1;outline:3px solid #121b25}.arena-ranking{margin-block:1rem 3rem}.ranking-filters{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.ranking-filters label{flex:1;min-width:150px}.ranking-table-wrap{overflow:auto}.ranking-table{border-collapse:collapse;text-align:left;width:100%}.ranking-table th,.ranking-table td{border-bottom:1px solid #354552;padding:1rem .8rem}.ranking-table th{text-transform:uppercase;color:#b4c4d4;letter-spacing:.06em;font-size:.75rem}.ranking-table td:first-child{color:#46f779;font-variant-numeric:tabular-nums}.ranking-table td:last-child{font-weight:700}.ranking-actions{border-top:1px solid #354552;margin-top:1.5rem;padding-top:1.2rem}.ranking-actions p{margin-bottom:.8rem}.ranking-status{color:#bdcbd9;min-height:2rem;margin:.8rem 0}@media (width<=600px){.arcade-modes{align-items:stretch}.arcade-modes>.button,.arcade-join{width:100%}.arcade-join label{flex:1}.arcade-join input{max-width:none}.arcade-match-head{gap:.6rem}.arcade-match-head [data-leave]{margin-left:0}.arcade-player{flex:1;padding:.5rem}.arcade-players{gap:.4rem}.arcade-word-form .button{width:100%}.arcade-result{padding:1.5rem 1rem}.ranking-table th,.ranking-table td{padding:.8rem .5rem}.arcade-touch button{min-width:52px}.arcade-chess{border-width:2px}}.arcade[data-game=ludo] canvas{max-width:660px}