/* ══════════════════════════════════
   GAME BOARD
══════════════════════════════════ */
#view-game{min-height:100vh;display:none;flex-direction:column;background:radial-gradient(ellipse at 50% 0%,#0a1e65 0%,#020b1e 70%);}
#view-game.active{display:flex;}
.game-hdr{padding:10px 20px;display:flex;align-items:center;gap:14px;background:rgba(0,0,0,.35);border-bottom:1px solid rgba(255,255,255,.06);}
.game-title-bar{font-family:'Anton',sans-serif;font-size:26px;color:var(--gold);letter-spacing:3px;flex:1;text-align:center;}
.teams-bar{padding:10px 16px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;background:rgba(0,0,0,.22);border-bottom:1px solid rgba(255,255,255,.06);}
.t-card{display:flex;flex-direction:column;align-items:center;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 14px;min-width:120px;}
.t-card-empty{cursor:pointer;color:rgba(255,255,255,.5);font-size:14px;font-weight:600;justify-content:center;border-style:dashed;}
.t-card-empty:hover{color:var(--gold);border-color:var(--gold);}
.t-card .t-name{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.55);margin-bottom:2px;}
.t-card .t-score{font-family:'Barlow Condensed',sans-serif;font-size:34px;font-weight:800;line-height:1.1;}
.t-card .t-controls{display:flex;gap:6px;margin-top:5px;}
.sc-btn{width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);background:none;color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;line-height:1;}
.sc-btn.plus:hover{background:rgba(46,204,113,.25);border-color:#2ecc71;}
.sc-btn.minus:hover{background:rgba(192,57,43,.25);border-color:#e74c3c;}
.board-wrap{flex:1;padding:14px 16px;display:flex;align-items:flex-start;justify-content:center;overflow:auto;}
.board{display:grid;gap:5px;width:100%;}
.cell{background:var(--board);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;cursor:pointer;transition:all .15s;min-height:68px;border:2px solid rgba(255,255,255,.04);position:relative;}
.cell:hover:not(.answered):not(.cat-cell){background:var(--board-hover);border-color:rgba(244,194,26,.5);transform:scale(1.025);z-index:2;box-shadow:0 0 20px rgba(244,194,26,.2);}
.cell.cat-cell{background:#010625;cursor:default;min-height:56px;border-color:rgba(255,255,255,.07);}
.cell.cat-cell .cell-txt{font-family:'Barlow Condensed',sans-serif;font-size:clamp(10px,1.4vw,15px);font-weight:700;text-transform:uppercase;letter-spacing:.07em;line-height:1.2;}
.cell .cell-pts{font-family:'Anton',sans-serif;font-size:clamp(20px,3vw,40px);color:var(--gold);text-shadow:1px 1px 0 rgba(0,0,0,.5);}
.cell.answered{background:var(--cell-answered);cursor:pointer;opacity:.38;transition:opacity .15s;}
.cell.answered:hover{opacity:.6;border-color:rgba(255,255,255,.15)!important;transform:none;}
.cell.answered .cell-pts{color:rgba(255,255,255,.28);text-shadow:none;}
.game-footer{padding:9px 20px;display:flex;justify-content:center;gap:12px;background:rgba(0,0,0,.3);border-top:1px solid rgba(255,255,255,.06);}