.sudoku-page{--game-content-max:600px}.online-play-grid.sudoku-layout,.sudoku-layout{grid-template-columns:minmax(0,1fr);--seat-0:#2457c5;--seat-1:#d8203f}.sudoku-layout>*,.sudoku-shell{min-width:0}.sudoku-shell{position:relative;display:grid;gap:12px;padding:clamp(12px,2vw,20px);border:1px solid var(--lobby-line,rgba(255,214,140,.22));border-radius:26px;box-shadow:0 22px 48px -18px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08)}.sudoku-shell.game-glass-surface{background:radial-gradient(circle at 88% 0,rgba(255,116,136,.14),transparent 38%),linear-gradient(170deg,#2a2670,#14123e)!important;backdrop-filter:none!important}.sudoku-chips{display:flex;flex-wrap:wrap;gap:6px}.sudoku-chips>span{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:5px 11px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.06);color:#fff8f0;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.sudoku-chips>span>svg{color:#ffd98a}.sudoku-chips>span.level{border:0;background:linear-gradient(180deg,#ffe28a,#f5b93a);color:#6b3f00;box-shadow:inset 0 2px 0 rgba(255,255,255,.5),0 3px 0 #a86a0c;font-family:var(--lobby-display);font-size:15px;font-weight:400}.sudoku-chips>span.warn{border-color:rgba(255,116,136,.55);background:rgba(255,79,100,.14);color:#ffb3be}.sudoku-chips small{color:#ffb3be;font-size:11px}.sudoku-grid{display:grid;grid-template-columns:repeat(9,1fr);width:100%;max-width:560px;aspect-ratio:1;margin-inline:auto;direction:ltr;border:3px solid #f0bf5a;border-radius:14px;background:#e9b654;gap:1px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,214,140,.35),0 4px 0 #0c0b26,0 18px 36px -14px rgba(0,0,0,.7)}.sudoku-cell{display:grid;place-items:center;min-width:0;padding:0;border:0;border-radius:0;background:#fbf5e6;color:#1b2a4a;font-size:clamp(18px,5vw,28px);font-weight:800;font-variant-numeric:tabular-nums;cursor:pointer;transition:background .12s}.sudoku-cell:not(.given){color:#2457c5}.sudoku-cell:nth-child(9n+3),.sudoku-cell:nth-child(9n+6){border-right:2px solid #e9b654}.sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #e9b654}.sudoku-cell.peer{background:#efe6d0}.sudoku-cell.same{background:#f9dc9a}.sudoku-cell.selected{background:#ffd45c;box-shadow:inset 0 0 0 2px #b8811c}.sudoku-cell.conflict{color:#d8203f;background:#ffd9de}.sudoku-cell.conflict.selected{background:#ffb9c2}.sudoku-cell:focus-visible{outline:3px solid #ef2349;outline-offset:-3px}.sudoku-grid button:disabled{opacity:1}.sudoku-pad{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%;max-width:560px;margin-inline:auto;padding-bottom:4px;direction:ltr}.sudoku-pad button{height:50px;padding:0;border:0;border-radius:15px;background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.06));color:#fff8f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 4px 0 #0c0b26;font-family:var(--lobby-display);font-size:27px;font-weight:400;line-height:1;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .16s,opacity .16s}.sudoku-pad button:not(:disabled):hover{transform:translateY(-2px)}.sudoku-pad button:not(:disabled):active{transform:translateY(4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}.sudoku-pad button:focus-visible{outline:3px solid #ffd45c;outline-offset:2px}.sudoku-pad button:disabled{opacity:.45;transform:translateY(4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);cursor:default}.sudoku-pad button.done{opacity:.16}.sudoku-pad button.erase{display:grid;place-items:center;background:linear-gradient(180deg,#ff7488,#ef2349);color:#fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 4px 0 #a0122f}.sudoku-pad button.erase:not(:disabled):active{box-shadow:inset 0 2px 0 rgba(255,255,255,.4)}.sudoku-pad button.erase:disabled{box-shadow:inset 0 2px 0 rgba(255,255,255,.25)}.sudoku-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:560px;width:100%;margin-inline:auto}.sudoku-actions .button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.sudoku-actions .button svg{color:#ffd98a}.sudoku-status{min-height:40px;margin:0;padding:9px 12px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(0,0,0,.28);box-shadow:inset 0 2px 5px rgba(0,0,0,.3);color:#b9b4dc;font-size:13px;font-weight:700;text-align:center}.sudoku-status.won{border-color:rgba(255,214,140,.5);background:rgba(255,214,140,.1);color:#ffd98a;font-family:var(--lobby-display);font-size:17px;font-weight:400}.sudoku-cell.owned.seat-0{color:var(--seat-0)}.sudoku-cell.owned.seat-1{color:var(--seat-1)}.sudoku-owner-dot{width:12px;height:12px;flex:none;border-radius:50%;box-shadow:inset 0 2px 0 rgba(255,255,255,.45),0 2px 0 rgba(0,0,0,.35)}.sudoku-chips>span.seat-0 .sudoku-owner-dot{background:linear-gradient(180deg,#80d4ff,#2f86ff)}.sudoku-chips>span.seat-1 .sudoku-owner-dot{background:linear-gradient(180deg,#ff7488,#ef2349)}.sudoku-chips:has(>.seat){display:grid;grid-template-columns:1fr 1fr;--seat-face:30px}.sudoku-chips:has(>.seat)>span{justify-content:center}.sudoku-chips>span.seat{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-content:center;column-gap:8px;min-height:44px;padding:5px 8px 5px 12px;border-radius:16px}.sudoku-chips>span.seat>:is(.seat-face,.sudoku-owner-dot){grid-row:1/3}.sudoku-chips>span.seat>.seat-face~.sudoku-owner-dot{display:none}.sudoku-chips>span.seat-0>.seat-face{border-color:#80d4ff}.sudoku-chips>span.seat-1>.seat-face{border-color:#ff7488}.sudoku-chips>span.seat b{grid-column:2;min-width:0;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.sudoku-chips>span.seat small{grid-column:2;grid-row:2}.sudoku-chips>span.seat strong{grid-column:3;grid-row:1/3;color:#ffd98a;font-family:var(--lobby-display);font-size:20px;font-weight:400;line-height:1}.sudoku-chips>span.seat.is-me{border-color:rgba(255,116,136,.55);background:rgba(255,79,100,.14)}.sudoku-chips>span.seat.is-winner{border-color:rgba(255,214,140,.6);background:rgba(255,214,140,.14)}.sudoku-chips>span.left{color:#b9b4dc}@media (min-width:900px){.sudoku-page{--game-content-max:980px}.sudoku-shell{grid-template-columns:minmax(0,1fr) minmax(240px,300px);align-items:start;column-gap:20px}.sudoku-chips{grid-column:1/-1}.sudoku-chips:has(>.seat){display:flex;align-items:center}.sudoku-chips>span.seat{min-width:210px}.sudoku-grid{grid-row:span 3;width:min(100%,calc(100svh - 238px));max-width:none}.sudoku-pad{grid-template-columns:repeat(3,1fr);gap:10px}.sudoku-pad button{height:60px;font-size:30px}}@media (max-width:700px){.sudoku-shell{padding:10px;border-radius:22px}.sudoku-grid{border-width:2px;border-radius:11px}}