.block-card-visual{display:grid;place-items:center;background:radial-gradient(circle at 58% 42%,#174b5b,#101d2b 68%)}.block-card-visual:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(74,237,194,.08),transparent 45%),linear-gradient(45deg,transparent 52%,rgba(87,143,255,.12))}.mini-block-board{position:relative;width:134px;aspect-ratio:1;padding:8px;border:1px solid rgba(91,228,199,.24);border-radius:15px;background:rgba(5,17,26,.82);box-shadow:0 22px 45px rgba(0,0,0,.42);display:grid;grid-template-columns:repeat(8,1fr);gap:3px;transform:perspective(520px) rotateX(18deg) rotateZ(-6deg)}.mini-block-board i{border-radius:3px;background:rgba(255,255,255,.055)}.mini-block-board i.on{background:linear-gradient(145deg,#59ebc3,#2886bd);box-shadow:0 0 8px rgba(74,227,197,.48)}.block-live{border-color:rgba(76,229,196,.28)!important;background:rgba(10,70,61,.66)!important;color:#69ecc8!important}
.block-overlay{position:fixed;z-index:70;inset:0;padding:16px;background:rgba(3,8,14,.96);backdrop-filter:blur(18px);opacity:0;pointer-events:none;transition:opacity .24s}.block-overlay.open{opacity:1;pointer-events:auto}.block-room{position:relative;width:min(1120px,100%);height:min(860px,calc(100vh - 32px));margin:auto;border:1px solid rgba(83,217,190,.22);border-radius:22px;background:radial-gradient(circle at 50% 30%,rgba(29,98,104,.13),transparent 38%),#09131c;box-shadow:0 35px 100px rgba(0,0,0,.58);overflow:hidden;display:grid;grid-template-rows:auto auto 1fr}.block-topbar{height:72px;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;background:#08121b}.block-topbar p{margin:0;color:#4ee0b7;font:8px 'DM Mono';letter-spacing:1.4px}.block-topbar h2{margin:3px 0 0;font-size:20px}.block-topbar h2 span{color:#52dfb9}.block-topbar small{color:#617783;font-size:8px}.block-top-actions{display:flex;align-items:center;gap:10px}.block-top-actions>span{padding:9px 11px;border:1px solid rgba(255,255,255,.07);border-radius:7px;color:#9dafb8;font:8px 'DM Mono'}.block-top-actions button{min-width:42px;height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#111f2a;color:#c4d0d6;cursor:pointer}.block-top-actions button.forfeit-action{width:auto;color:#ff9fa8;border-color:rgba(255,99,116,.25)}
.block-scorebar{height:82px;padding:0 28px;border-bottom:1px solid rgba(255,255,255,.055);display:grid;grid-template-columns:1fr 180px 1fr;align-items:center;background:#0b1721}.block-scorebar article{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:15px}.block-scorebar article small{grid-column:1;color:#59e3bd;font:8px 'DM Mono';letter-spacing:1px}.block-scorebar article strong{grid-row:1/3;grid-column:2;font-size:31px;letter-spacing:-1.5px}.block-scorebar article span{grid-column:1;color:#627987;font-size:7px;font-weight:800}.block-scorebar article.opponent{text-align:right;grid-template-columns:1fr auto}.block-scorebar article.opponent small,.block-scorebar article.opponent span{grid-column:2}.block-scorebar article.opponent strong{grid-column:1}.block-clock{text-align:center}.block-clock small{display:block;color:#718792;font:7px 'DM Mono';letter-spacing:1.1px}.block-clock strong{display:block;margin:3px 0;font:700 24px 'DM Mono';color:#eef8f7}.block-clock i{display:block;width:48px;height:2px;margin:auto;background:#4ee0b7;box-shadow:0 0 12px #4ee0b7}
.block-room-body{min-height:0;padding:16px 24px 20px;overflow:auto}.block-stage{width:min(100%,620px);margin:auto;display:grid;grid-template-rows:auto minmax(270px,1fr) auto auto;justify-items:stretch;gap:11px}.block-turn-status{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border:1px solid rgba(82,224,187,.15);border-radius:11px;background:#0d1c26}.block-turn-status small{display:block;color:#637b86;font:7px 'DM Mono';letter-spacing:.7px}.block-turn-status strong{display:block;margin-top:3px;color:#62e7c2;font-size:13px}.block-turn-status>div:last-child{text-align:right}.block-turn-status>div:last-child b{display:block;margin-top:2px;color:#f2faf8;font:700 20px 'DM Mono'}.block-turn-status.waiting{border-color:rgba(94,150,220,.16)}.block-turn-status.waiting strong{color:#7fa9dc}.block-board-wrap{position:relative;align-self:center;justify-self:center;width:min(100%,calc(100vh - 355px),500px);aspect-ratio:1}.block-board{width:100%;height:100%;padding:9px;border:1px solid rgba(83,220,188,.23);border-radius:20px;background:#07111a;box-shadow:inset 0 0 50px rgba(52,190,165,.05),0 25px 60px rgba(0,0,0,.32);display:grid;grid-template-columns:repeat(8,1fr);gap:5px;touch-action:none}.block-board.locked{pointer-events:none;filter:saturate(.72)}.block-cell{position:relative;border:1px solid rgba(255,255,255,.04);border-radius:7px;background:#10212d;transition:transform .14s,background .14s,border-color .14s}.block-cell.filled{background:linear-gradient(145deg,#53e1bd,#297da6);border-color:rgba(137,255,229,.42);box-shadow:inset 0 1px rgba(255,255,255,.35),0 0 12px rgba(60,212,187,.23);animation:blockImpact .24s ease-out}.block-cell.preview-valid{background:rgba(83,225,189,.34);border-color:#6ef0cd;transform:scale(.9)}.block-cell.preview-invalid{background:rgba(255,93,111,.24);border-color:#ff7887}.block-cell.clearing{animation:blockClear .42s ease both}@keyframes blockImpact{0%{transform:scale(.5)}70%{transform:scale(1.12)}100%{transform:scale(1)}}@keyframes blockClear{50%{transform:scale(1.2);background:#eafffa;box-shadow:0 0 26px #62f2cf}100%{transform:scale(0);opacity:0}}
.block-tray{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.block-piece{min-height:104px;padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#0d1b25;display:grid;place-items:center;cursor:grab;touch-action:none;user-select:none;transition:transform .18s,border-color .18s,opacity .18s}.block-piece:hover,.block-piece.selected{transform:translateY(-3px);border-color:rgba(84,225,190,.42);box-shadow:0 10px 25px rgba(0,0,0,.18)}.block-piece.dragging{opacity:.38;cursor:grabbing}.block-piece:disabled{opacity:.28;pointer-events:none}.block-piece.invalid-return{animation:pieceReturn .24s ease}@keyframes pieceReturn{50%{transform:translateY(3px) scale(.96)}100%{transform:none}}.block-piece-grid{display:grid;gap:4px}.block-piece-cell{width:18px;height:18px;border-radius:5px;background:linear-gradient(145deg,#60e8c5,#347bd1);box-shadow:0 0 10px rgba(76,219,193,.28)}.block-help{margin:0;text-align:center;color:#708590;font-size:9px}.block-score-pop{position:absolute;z-index:4;left:50%;top:45%;padding:14px 22px;border:1px solid rgba(104,243,209,.35);border-radius:12px;background:#071a1f;box-shadow:0 0 35px rgba(63,232,194,.24);text-align:center;opacity:0;transform:translate(-50%,-40%) scale(.8);pointer-events:none}.block-score-pop.show{animation:scorePop 1.05s ease}.block-score-pop b{display:block;color:#70f3d0;font-size:20px}.block-score-pop span{font:600 10px 'DM Mono';color:#fff}@keyframes scorePop{0%{opacity:0;transform:translate(-50%,-30%) scale(.7)}20%,75%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-65%) scale(.92)}}
.block-lobby,.block-result{position:absolute;z-index:20;inset:72px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;background:radial-gradient(circle at 50% 40%,rgba(23,83,91,.25),transparent 38%),#071018;text-align:center}.block-lobby.hidden,.block-result.hidden{display:none!important}.block-badge{padding:7px 10px;border:1px solid rgba(82,225,190,.26);border-radius:6px;background:rgba(47,191,157,.09);color:#5ce4bf;font:7px 'DM Mono';letter-spacing:1px}.block-lobby h2{margin:18px 0 9px;font-size:40px;letter-spacing:-2px}.block-lobby h2 em{color:#54dfbb;font-style:normal}.block-lobby>p{max-width:510px;margin:0;color:#7c919a;font-size:10px;line-height:1.7}.block-tier-picker{width:min(580px,100%);margin:24px 0 13px}.block-economy{width:min(580px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:13px}.block-economy>div{padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#0e1d27}.block-economy small{display:block;color:#607682;font:7px 'DM Mono'}.block-economy b{display:block;margin-top:4px;font-size:12px}.block-lobby .match-exit-warning{max-width:580px;margin:0 0 13px}.block-lobby>.primary{width:min(580px,100%)}.block-result{z-index:40;inset:0;background:#071018}.block-result>span{color:#5ae4c0;font-size:30px}.block-result>p{margin:9px 0 4px;color:#687f89;font:8px 'DM Mono';letter-spacing:1.2px}.block-result h2{margin:5px 0 20px;font-size:42px}.block-final-scores{display:flex;align-items:center;gap:28px}.block-final-scores div{min-width:120px;padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:#0d1c26}.block-final-scores small{display:block;color:#647985;font:7px 'DM Mono'}.block-final-scores b{font-size:25px}.block-final-scores i{color:#536975}.block-final-economy{display:flex;gap:26px;margin:18px 0;color:#6e838d;font-size:9px}.block-final-economy b{margin-left:7px;color:#cde2df}.block-result-actions{display:flex;gap:9px}.block-result-actions button{min-width:160px}
.block-drag-ghost{position:fixed;z-index:100;pointer-events:none;opacity:.9;transform:translate(-50%,-50%);filter:drop-shadow(0 12px 15px rgba(0,0,0,.45))}.block-drag-ghost.returning{opacity:0;transform:translate(-50%,-50%) scale(.65);transition:opacity .16s,transform .16s}
@media(max-width:680px){.block-overlay{padding:0}.block-room{height:100vh;border:0;border-radius:0}.block-topbar{height:60px;padding:0 13px}.block-topbar small,.block-top-actions>span:not(.room-balance){display:none}.block-scorebar{height:68px;padding:0 13px;grid-template-columns:1fr 100px 1fr}.block-scorebar article strong{font-size:21px}.block-clock strong{font-size:18px}.block-room-body{padding:9px 12px 13px;overflow:auto}.block-stage{grid-template-rows:auto auto auto auto;gap:8px}.block-turn-status{padding:7px 10px}.block-board-wrap{width:min(100%,calc(100vh - 315px),420px);min-width:245px}.block-board{padding:6px;gap:3px;border-radius:14px}.block-cell{border-radius:4px}.block-piece{min-height:82px;padding:7px}.block-piece-cell{width:13px;height:13px;border-radius:3px}.block-lobby{inset:60px 0 0;padding:20px 15px}.block-lobby h2{font-size:30px}.block-tier-picker{margin:16px 0 9px}.block-economy{gap:5px}.block-economy>div{padding:9px 5px}.block-result{padding:20px}.block-result h2{font-size:35px}.block-final-scores{gap:10px}.block-final-scores div{min-width:105px}.block-result-actions{width:100%;flex-direction:column}.block-result-actions button{width:100%}}
@media(max-width:390px){.block-board-wrap{min-width:225px}.block-piece{min-height:74px}.block-piece-cell{width:11px;height:11px}.block-lobby h2{font-size:27px}.block-final-economy{display:grid;gap:7px}}
.block-cell.bot-placed{background:linear-gradient(145deg,#91ffd9,#20c878);border-color:#b4ffe4;box-shadow:inset 0 1px rgba(255,255,255,.55),0 0 22px rgba(54,255,164,.72);animation:blockBotReveal .38s ease both}@keyframes blockBotReveal{0%{transform:scale(.72);filter:brightness(1.45)}100%{transform:scale(1);filter:brightness(1)}}

.block-turn-compact{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:4px;white-space:nowrap}.block-turn-compact>span{color:#62e7c2;font:700 8px 'DM Mono'}.block-turn-compact>small{color:#718792;font:7px 'DM Mono';letter-spacing:.35px}.block-turn-compact b{color:#eef8f7}.block-clock.waiting .block-turn-compact>span{color:#7fa9dc}@media(max-width:680px){.block-turn-compact{gap:4px;margin-top:2px}.block-turn-compact>span,.block-turn-compact>small{font-size:6px}}

/* Match avatars */
.block-score-avatar.has-avatar-image{background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important}
.block-scorebar article{display:flex!important;align-items:center;gap:10px}.block-scorebar article.opponent{justify-content:flex-end}.block-scorebar article>div{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.block-scorebar article>div small{grid-column:1}.block-scorebar article>div strong{grid-row:1/3;grid-column:2}.block-scorebar article>div span{grid-column:1}.block-scorebar article.opponent>div{text-align:right;grid-template-columns:1fr auto}.block-scorebar article.opponent>div small,.block-scorebar article.opponent>div span{grid-column:2}.block-scorebar article.opponent>div strong{grid-column:1}.block-score-avatar{width:34px!important;height:34px;border-radius:50%;display:grid!important;place-items:center;flex:none;color:#ecf8f5!important;font:800 14px Manrope!important;background:linear-gradient(145deg,#214e5c,#347d7a)!important;border:1px solid rgba(255,255,255,.16)}
.block-scorebar .block-score-avatar{width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;max-width:56px!important;max-height:56px!important;aspect-ratio:1/1!important;border-radius:50%!important;align-self:center;flex:0 0 56px!important}@media(max-width:680px){.block-scorebar .block-score-avatar{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;flex-basis:44px!important}}