.neon-sudoku{width:100%;height:100%;color:var(--text-main);background:radial-gradient(circle at 50% 45%, #3ee8ff14, transparent 62%), var(--ink);container-type:size}.neon-sudoku-in{--board:min(calc(100cqw - 4cqmin), calc(100cqh - 30cqmin), 600px);--cell:calc(var(--board) / 9);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:1.6cqmin;width:100%;height:100%;padding:2cqmin;display:flex}.neon-sudoku-head{width:min(calc(100cqw - 4cqmin), calc(var(--board) * 1.18));justify-content:space-between;align-items:center;gap:2cqmin;display:flex}.neon-sudoku-info{min-width:0}.neon-sudoku-label{font:400 clamp(.72rem, 3.4cqmin, 1.15rem) / 1.15 var(--font-display);color:var(--volt);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.neon-sudoku-stats{font:600 clamp(.62rem, 2.7cqmin, .9rem) / 1.2 var(--font-hud);gap:3cqmin;margin:.4cqmin 0 0;display:flex}.neon-sudoku-key{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.neon-sudoku-stat strong{font-variant-numeric:tabular-nums;color:var(--text-main)}.neon-sudoku-mode{border:2px solid var(--line);background:var(--surface-raised);max-width:46%;color:var(--text-main);font:600 clamp(.62rem, 2.6cqmin, .88rem) / 1.15 var(--font-hud);cursor:pointer;flex:none;padding:1.2cqmin 2cqmin}.neon-sudoku-mode:hover{border-color:var(--action);background:var(--surface-hover)}.neon-sudoku-board{width:var(--board);height:var(--board);box-sizing:content-box;border:3px solid var(--electric-purple);background:var(--night);touch-action:manipulation;-webkit-user-select:none;user-select:none;flex-direction:column;flex:none;display:flex;box-shadow:0 0 0 2px #000,0 0 24px #9d6dff33}.neon-sudoku-row{flex:1;grid-template-columns:repeat(9,1fr);min-height:0;display:grid}.neon-sudoku-cell{box-sizing:border-box;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--night);min-width:0;min-height:0;color:var(--action);font:400 calc(var(--cell) * .56) / 1 var(--font-hud);cursor:pointer;outline:none;grid-template:100%/100%;place-items:center;margin:0;padding:0;display:grid;position:relative}.neon-sudoku-cell:nth-child(3),.neon-sudoku-cell:nth-child(6){border-right:3px solid var(--electric-purple)}.neon-sudoku-cell:nth-child(9){border-right:0}.neon-sudoku-row:nth-child(3) .neon-sudoku-cell,.neon-sudoku-row:nth-child(6) .neon-sudoku-cell{border-bottom:3px solid var(--electric-purple)}.neon-sudoku-row:nth-child(9) .neon-sudoku-cell{border-bottom:0}.neon-sudoku-value{grid-area:1/1}.neon-sudoku-cell.is-given{color:var(--text-main);cursor:default;font-weight:700}.neon-sudoku-cell.is-user{font-weight:400}.neon-sudoku-cell.is-peer{background:#9d6dff29}.neon-sudoku-cell.is-same{background:#3ee8ff29;box-shadow:inset 0 0 0 2px #3ee8ff8c}.neon-sudoku-cell.is-active{background:var(--surface-hover);box-shadow:inset 0 0 0 3px var(--volt);z-index:1}.neon-sudoku-cell:focus-visible{box-shadow:inset 0 0 0 3px var(--volt), 0 0 0 2px var(--hot-pink)}.neon-sudoku-cell:not(.is-given):hover{background:var(--surface-hover)}.neon-sudoku-cell.is-conflict{color:var(--danger)}.neon-sudoku-cell.is-conflict .neon-sudoku-value{text-decoration:underline;text-decoration-thickness:max(2px, calc(var(--cell) * .06));text-underline-offset:calc(var(--cell) * .08)}.neon-sudoku-cell.is-conflict:after{content:"!";width:calc(var(--cell) * .24);height:calc(var(--cell) * .24);background:var(--danger);color:var(--ink);font:700 calc(var(--cell) * .2) / 1 var(--font-hud);place-items:center;display:grid;position:absolute;top:1px;right:2px}.neon-sudoku-notes{pointer-events:none;grid-area:1/1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-self:stretch stretch;padding:6%;display:grid}.neon-sudoku-notes span{font:600 calc(var(--cell) * .24) / 1 var(--font-hud);color:var(--text-secondary);visibility:hidden;place-items:center;display:grid}.neon-sudoku-notes span.is-on{visibility:visible}.neon-sudoku-pad{width:min(calc(100cqw - 4cqmin), calc(var(--board) * 1.18));grid-template-columns:repeat(9,1fr) 1.45fr 1.45fr;gap:1cqmin;height:clamp(40px,11cqmin,64px);display:grid}.neon-sudoku-digit,.neon-sudoku-tool{border:2px solid var(--line);background:var(--surface-raised);min-width:0;color:var(--text-main);cursor:pointer;touch-action:manipulation;place-items:center;padding:0;display:grid;position:relative}.neon-sudoku-digit:hover,.neon-sudoku-tool:hover{border-color:var(--action);background:var(--surface-hover)}.neon-sudoku-digit:active,.neon-sudoku-tool:active{background:var(--action);color:var(--ink)}.neon-sudoku-digit-n{font:700 clamp(1rem, 5cqmin, 1.8rem) / 1 var(--font-hud)}.neon-sudoku-left{font:600 clamp(.5rem, 1.9cqmin, .72rem) / 1 var(--font-hud);color:var(--text-secondary);position:absolute;bottom:2px;right:3px}.neon-sudoku-digit.is-complete{opacity:.45}.neon-sudoku-tool{grid-template-rows:1fr auto;padding:.6cqmin 0 .8cqmin}.neon-sudoku-tool svg{align-self:center;width:clamp(14px,4cqmin,24px);height:clamp(14px,4cqmin,24px)}.neon-sudoku-tool-label{font:600 clamp(.5rem, 2cqmin, .74rem) / 1 var(--font-hud);text-transform:uppercase;letter-spacing:.03em}.neon-sudoku-tool[aria-pressed=true]{background:var(--volt);border-color:var(--volt);color:var(--ink)}.neon-sudoku.is-notes .neon-sudoku-digit-n{place-self:start;margin:.6cqmin 0 0 1cqmin;font-size:clamp(.7rem,3.2cqmin,1.15rem)}.neon-sudoku.is-done .neon-sudoku-board{border-color:var(--primary-lime);box-shadow:0 0 0 2px #000,0 0 28px #b6ff3b59}.neon-sudoku.is-done .neon-sudoku-cell.is-user{color:var(--primary-lime)}@container (height<=420px){.neon-sudoku-in{--board:min(calc(100cqw - 4cqmin), calc(100cqh - 27cqmin));gap:1.2cqmin}.neon-sudoku-pad{height:clamp(34px,10cqmin,64px)}}
