:root{color:#20242c;background:#f5f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.appShell{min-height:100vh;padding:20px;background:#f5f6f8;color:#20242c}.appShell[data-theme=dark]{background:#101318;color:#e6ebf2}.topBar{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(1180px,100%);margin:0 auto 18px}.headerActions{display:flex;align-items:stretch;gap:10px}.themeToggle{align-self:start;min-height:38px;padding:0 14px;border:1px solid #cbd1dc;border-radius:8px;background:#fff;color:#303640;cursor:pointer;font-weight:850}.themeToggle:hover{border-color:#17736d;background:#edf8f6}.eyebrow{margin:0 0 2px;color:#6f5968;font-size:.78rem;font-weight:700;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;color:#171a20;font-size:clamp(2rem,4vw,3rem);line-height:1}h2{margin-bottom:14px;color:#23272f;font-size:1rem}.roomBadge{display:grid;gap:1px;min-width:170px;padding:10px 12px;border:1px solid #d8dce3;border-radius:8px;background:#fff;box-shadow:0 10px 28px #1e232d14}.roomBadge span{color:#717784;font-size:.75rem;font-weight:700;text-transform:uppercase}.roomBadge strong{color:#20242c;font-size:.9rem}.roomBadge small{color:#176f68;font-size:.75rem;font-weight:800;text-transform:uppercase}.roomBadge button{min-height:28px;margin-top:5px;border:1px solid #cbd1dc;border-radius:6px;background:#f8fafc;color:#303640;cursor:pointer;font-size:.8rem;font-weight:850}.roomBadge button:hover{border-color:#17736d;background:#edf8f6}.gameLayout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start;width:min(1180px,100%);margin:0 auto}.boardArea{min-width:0;padding:14px;border:1px solid #d9dde5;border-radius:8px;background:#fff;box-shadow:0 16px 40px #1a1f281a}.boardToolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.puzzleTitle{display:block;color:#252a33;font-weight:800}.difficulty{color:#8a5b1e;font-size:.86rem;font-weight:700;text-transform:capitalize}.modeSwitch{display:grid;grid-template-columns:repeat(2,1fr);overflow:hidden;min-width:154px;border:1px solid #cdd3dd;border-radius:8px}.modeSwitch button{min-height:38px;border:0;background:#f6f7f9;color:#3d434f;cursor:pointer;font-size:.9rem;font-weight:800}.modeSwitch button.active{background:#176f68;color:#fff}.sudokuBoard{position:relative;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:repeat(9,minmax(0,1fr));width:min(100%,72vh);max-width:720px;aspect-ratio:1;margin:0 auto;border:3px solid #1e2229;background:#1e2229;touch-action:none;-webkit-user-select:none;user-select:none}.sudokuBoard:after{position:absolute;inset:-3px;z-index:4;pointer-events:none;content:"";background:linear-gradient(to right,transparent calc(33.333% - 1.5px),#1e2229 calc(33.333% - 1.5px),#1e2229 calc(33.333% + 1.5px),transparent calc(33.333% + 1.5px)),linear-gradient(to right,transparent calc(66.666% - 1.5px),#1e2229 calc(66.666% - 1.5px),#1e2229 calc(66.666% + 1.5px),transparent calc(66.666% + 1.5px)),linear-gradient(to bottom,transparent calc(33.333% - 1.5px),#1e2229 calc(33.333% - 1.5px),#1e2229 calc(33.333% + 1.5px),transparent calc(33.333% + 1.5px)),linear-gradient(to bottom,transparent calc(66.666% - 1.5px),#1e2229 calc(66.666% - 1.5px),#1e2229 calc(66.666% + 1.5px),transparent calc(66.666% + 1.5px))}.cursorLayer{position:absolute;inset:0;z-index:6;pointer-events:none}.remoteCursor{--player-color: #4b69d8;position:absolute;display:grid;gap:3px;transform:translate(2px,2px);transition:left 80ms linear,top 80ms linear;will-change:left,top}.remoteCursor:before{width:17px;height:22px;background:var(--player-color);clip-path:polygon(0 0,0 18px,5px 13px,8px 21px,12px 20px,9px 12px,16px 12px);filter:drop-shadow(0 2px 2px rgb(0 0 0 / 25%));content:""}.remoteCursor span{width:max-content;max-width:120px;padding:2px 6px;border-radius:6px;background:var(--player-color);color:#fff;font-size:.72rem;font-weight:850;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 4px 10px #0000002e}.cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;padding:0;border:1px solid #cbd1dc;background:#fbfcfd;color:#21262f;cursor:pointer}.cageOverlay{position:absolute;inset:0;z-index:3;pointer-events:none}.cageOverlay path{fill:none;stroke:#0f625c;stroke-width:.032;stroke-dasharray:.15 .11;stroke-linecap:round;stroke-linejoin:round}.cell:hover{background:#eef7f5}.cell.selected{z-index:2;background:#fff4cc;border-color:#fff4cc}.cell.peerSelected:after{position:absolute;right:4px;bottom:4px;width:8px;height:8px;border-radius:999px;background:var(--player-color, #4b69d8);content:""}.cell.conflict{background:#ffe8e4;color:#8d2218}.cell.cageConflict{background:#fff0df}.cageSvgLabels text{color:#12625d;fill:currentColor;font-size:.19px;font-weight:900;letter-spacing:0;paint-order:stroke;stroke:transparent;stroke-width:0}.cellValue{font-size:clamp(1.2rem,5vw,2.4rem);font-weight:750;line-height:1}.notesGrid{display:grid;grid-template-columns:repeat(3,1fr);width:72%;height:68%;color:#65707d;font-size:clamp(.46rem,1.55vw,.74rem);font-weight:800;line-height:1}.notesGrid span{display:grid;place-items:center;min-width:0}.numberPad{display:grid;grid-template-columns:repeat(3,minmax(54px,1fr));gap:8px;width:min(230px,100%);margin-top:12px;margin-right:auto;margin-left:auto}.numberPad button,.resetButton{min-height:42px;border:1px solid #cbd1dc;border-radius:8px;background:#fff;color:#262b34;cursor:pointer;font-weight:850}.numberPad button:hover,.resetButton:hover{border-color:#17736d;background:#edf8f6}.numberPad button:disabled,.resetButton:disabled{border-color:#d7dce4;background:#f0f2f5;color:#8f98a6;cursor:not-allowed}.numberPad .clearButton{grid-column:1 / -1;color:#8d2218}.sidePanel{display:grid;gap:12px}.statusPanel{padding:14px;border:1px solid #d9dde5;border-radius:8px;background:#fff;box-shadow:0 10px 24px #1a1f2814}.combinationBlock{margin-top:14px}.combinationBlock h3{margin:0 0 8px;color:#4b5360;font-size:.78rem;font-weight:900;text-transform:uppercase}.combinationList{display:flex;flex-wrap:wrap;gap:6px}.combinationList span{padding:4px 7px;border:1px solid #cdd8e6;border-radius:6px;background:#f7fbff;color:#26313f;font-size:.82rem;font-weight:850}dl{display:grid;gap:8px;margin:0 0 14px}dl div{display:flex;justify-content:space-between;gap:12px}dt{color:#737985;font-weight:700}dd{margin:0;font-weight:850}.resetButton{width:100%}.cageDetails{display:grid;grid-template-columns:56px 1fr;gap:4px 12px;align-items:center}.cageDetails strong{grid-row:span 2;display:grid;place-items:center;width:48px;height:48px;border-radius:8px;background:#e8f5f3;color:#12625d;font-size:1.3rem}.cageDetails span,.muted{color:#69717e}.playerList{display:grid;gap:8px;padding:0;margin:0;list-style:none}.playerList li{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;min-height:36px}.avatar{--player-color: #4b69d8;display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--player-color);color:#fff;font-weight:900;text-transform:uppercase;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.playerList em{color:#8a5b1e;font-size:.78rem;font-style:normal;font-weight:900;text-transform:uppercase}.appShell[data-theme=dark] h1,.appShell[data-theme=dark] h2,.appShell[data-theme=dark] .puzzleTitle,.appShell[data-theme=dark] .roomBadge strong{color:#f2f5f9}.appShell[data-theme=dark] .eyebrow,.appShell[data-theme=dark] .roomBadge span,.appShell[data-theme=dark] dt,.appShell[data-theme=dark] .muted,.appShell[data-theme=dark] .cageDetails span{color:#aab4c2}.appShell[data-theme=dark] .roomBadge,.appShell[data-theme=dark] .boardArea,.appShell[data-theme=dark] .statusPanel{border-color:#2c3542;background:#171c24;box-shadow:0 14px 34px #00000047}.appShell[data-theme=dark] .themeToggle,.appShell[data-theme=dark] .roomBadge button,.appShell[data-theme=dark] .numberPad button,.appShell[data-theme=dark] .resetButton{border-color:#354151;background:#222936;color:#e8edf5}.appShell[data-theme=dark] .themeToggle:hover,.appShell[data-theme=dark] .roomBadge button:hover,.appShell[data-theme=dark] .numberPad button:hover,.appShell[data-theme=dark] .resetButton:hover{border-color:#35a59b;background:#17332f}.appShell[data-theme=dark] .numberPad button:disabled,.appShell[data-theme=dark] .resetButton:disabled{border-color:#303845;background:#1a202a;color:#748091}.appShell[data-theme=dark] .modeSwitch{border-color:#354151}.appShell[data-theme=dark] .modeSwitch button{background:#222936;color:#cbd5e1}.appShell[data-theme=dark] .modeSwitch button.active{background:#1c8b80;color:#fff}.appShell[data-theme=dark] .sudokuBoard,.appShell[data-theme=dark] .sudokuBoard:after{border-color:#0c0f14}.appShell[data-theme=dark] .cell{border-color:#343e4b;background:#151a21;color:#f2f5f9}.appShell[data-theme=dark] .cageOverlay path{stroke:#eef4ffd1}.appShell[data-theme=dark] .cell:hover{background:#20322f}.appShell[data-theme=dark] .cell.selected{background:#5a4216;border-color:#5a4216}.appShell[data-theme=dark] .cell.conflict{background:#45211e;color:#ffd2cb}.appShell[data-theme=dark] .cell.cageConflict{background:#3b2a19}.appShell[data-theme=dark] .cageSvgLabels text{color:#60d5c9}.appShell[data-theme=dark] .notesGrid{color:#aab4c2}.appShell[data-theme=dark] .cageDetails strong{background:#163c38;color:#72e1d5}.appShell[data-theme=dark] .combinationBlock h3{color:#aab4c2}.appShell[data-theme=dark] .combinationList span{border-color:#354151;background:#202938;color:#edf4ff}@media(max-width:920px){.gameLayout{grid-template-columns:1fr}.sidePanel{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.appShell{padding:12px}.topBar,.boardToolbar{align-items:stretch;flex-direction:column}.headerActions{flex-direction:column}.roomBadge{width:100%}.boardArea{padding:10px}.sudokuBoard{width:100%}.sidePanel{grid-template-columns:1fr}}