:root{--accent:#7bdfca;--accent-deep:#4bb8a1;--accent-ink:#06211c;--human-soft:color-mix(in srgb,var(--human) 16%,var(--surface));--human-line:color-mix(in srgb,var(--human) 34%,var(--line));--human-ink:color-mix(in srgb,var(--human) 22%,var(--sunken));--jev-soft:color-mix(in srgb,var(--jev) 16%,var(--surface));--jev-line:color-mix(in srgb,var(--jev) 34%,var(--line));--jev-ink:color-mix(in srgb,var(--jev) 22%,var(--sunken));--cell:#131b24;--cell-given:#1b2632;--cell-line:#304052;--box-line:#6d7d90}
body{font-size:var(--fs-sm)}button,input,select{font:inherit}button,.button,select,input[type=date]{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--raised);color:var(--text);padding:var(--s2) var(--s4);min-height:var(--tap)}button,.button{cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);font-weight:600;white-space:nowrap}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.small{font-size:var(--fs-xs);padding:var(--s2) var(--s3);min-height:var(--tap)}.text-danger{color:var(--danger)}.muted{color:var(--muted)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#jv-controls .identity{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);padding:0 var(--s3);font-size:var(--fs-xs);color:var(--muted)}.setup .difficulty-control{flex:1 1 16rem;min-width:0}.setup .mode-control{flex:0 1 17rem;min-width:0}.nav-tab{background:transparent;border:0;color:var(--muted);font-size:var(--fs-sm);padding:var(--s2) var(--s3);justify-content:flex-start}.nav-tab.active{color:var(--accent);background:var(--raised)}.jv-status .status-dot{background:var(--accent)}.view{display:block}.intro{display:flex;align-items:center;justify-content:space-between;padding:0 0 var(--s5);gap:var(--s5)}.eyebrow{font-size:var(--fs-xs);letter-spacing:var(--track-caps);color:var(--muted);font-weight:700}.intro p,.section-heading p{color:var(--muted);margin:0}.session-chip{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-pill);padding:var(--s2) var(--s4);display:flex;align-items:center;gap:var(--s2);font-size:var(--fs-xs);white-space:nowrap}.chip-label{letter-spacing:var(--track-caps);color:var(--subtle)}.status-dot{width:7px;height:7px;flex-shrink:0;display:inline-block;background:var(--accent);border-radius:50%}.status-dot.amber{background:var(--jev)}.chip-divider{color:var(--subtle)}.setup{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s3);padding:var(--s3) var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.field-label{font-size:var(--fs-xs);letter-spacing:var(--track-caps);font-weight:700;color:var(--muted);display:block;margin-bottom:var(--s2)}.segmented{display:flex;flex-wrap:wrap;background:var(--sunken);border-radius:var(--radius-sm);padding:3px;gap:var(--s1)}.segmented button{flex:1;background:none;border:0;font-size:var(--fs-xs);padding:var(--s2) var(--s4);min-height:var(--tap);color:var(--muted)}.segmented .selected{background:var(--human-soft);color:var(--human)}.mode-control select{width:100%;max-width:270px;font-size:var(--fs-xs);padding:var(--s2) var(--s3);min-height:var(--tap)}.setup>.primary{min-height:var(--tap);min-width:10rem}.matchbar{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s4) 2px var(--s3)}.matchbar>div{display:flex;align-items:center;gap:var(--s3)}.live-tag{font-size:var(--fs-xs);color:var(--accent);font-weight:700;letter-spacing:.08em;border:1px solid var(--human-line);padding:4px var(--s2);border-radius:var(--radius-sm)}#puzzle-caption{font-size:var(--fs-xs);color:var(--muted)}.clock{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:var(--fs-xl);letter-spacing:1px}.clock-icon{color:var(--muted);font-size:var(--fs-lg)}.boards{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5)}.board-card{border-top:2px solid var(--human)}.board-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s4)}.player-name{display:flex;gap:var(--s3);align-items:center}.player-avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:var(--radius);background:var(--human-soft);color:var(--human);font-size:var(--fs-lg);font-weight:700;flex:none}.is-jev .player-avatar{background:var(--jev-soft);color:var(--jev)}h2,h3,p{overflow-wrap:anywhere}.player-name h2{font-size:var(--fs-lg);margin:0;line-height:var(--lh-tight)}.player-name p{font-size:var(--fs-xs);color:var(--muted);margin:4px 0 0}.player-badge{font-size:var(--fs-xs);letter-spacing:var(--track-caps);color:var(--human);background:var(--human-soft);padding:var(--s1) var(--s2);border-radius:var(--radius-sm);white-space:nowrap}.is-jev .player-badge{color:var(--jev);background:var(--jev-soft)}.progress-label{display:flex;justify-content:space-between;font-size:var(--fs-xs);color:var(--muted);margin-bottom:var(--s1)}progress{display:block;width:100%;height:3px;margin:0 0 var(--s4);border:0;border-radius:3px;background:var(--line);accent-color:var(--human)}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--human)}.is-jev progress{accent-color:var(--jev)}.is-jev progress::-webkit-progress-value{background:var(--jev)}.sudoku-board{--fit-max:34rem;--fit-reserve:25rem;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));aspect-ratio:1;container-type:inline-size;width:100%;margin-inline:auto;border:2px solid var(--box-line);border-radius:var(--radius-sm);overflow:hidden;background:var(--box-line);isolation:isolate}.board-row{display:contents}.cell{display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:0;background:var(--cell);color:var(--human);font-size:clamp(14px,6.2cqw,30px);font-weight:550;border-radius:0;border:0;border-right:1px solid var(--cell-line);border-bottom:1px solid var(--cell-line);min-width:0;position:relative;font-variant-numeric:tabular-nums}.cell.given{color:var(--text);background:var(--cell-given);font-weight:650}.cell.peer{background:color-mix(in srgb,var(--human) 7%,var(--cell))}.cell.selected{background:var(--human-ink)!important;box-shadow:inset 0 0 0 2px var(--human);z-index:1}.cell.same-value{color:color-mix(in srgb,var(--human) 70%,var(--text));background:color-mix(in srgb,var(--human) 14%,var(--cell))}.cell.box-right{border-right:2px solid var(--box-line)}.cell.box-bottom{border-bottom:2px solid var(--box-line)}.cell.end-column{border-right:0}.cell.end-row{border-bottom:0}.cell{--focus-offset:0}.cell:focus-visible{position:relative;z-index:1}.cell:not(.given):active{background:color-mix(in srgb,var(--human) 12%,var(--cell))}.is-jev .cell{color:var(--jev)}.is-jev .cell.given{color:var(--text)}.cell.concealed{font-size:clamp(12px,4cqw,18px);color:color-mix(in srgb,var(--jev) 70%,var(--muted))}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:100%;padding:2px}.notes-grid span{font-size:clamp(6px,2.3cqw,11px);font-weight:400;display:grid;place-items:center;line-height:1;color:var(--subtle)}.keypad{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:var(--s2);margin:var(--s4) 0 var(--s3)}.keypad button{padding:var(--s2) 0;min-height:var(--tap);min-width:0;font-size:var(--fs-lg);color:var(--human);border-radius:var(--radius-sm);background:var(--human-ink);border-color:var(--human-line)}.keypad button:active:not(:disabled){background:var(--human-soft)}.board-tools{display:flex;flex-wrap:wrap;gap:var(--s2)}.board-tools button{flex:1;min-width:6rem;font-size:var(--fs-xs);padding:var(--s2) var(--s2);min-height:var(--tap);background:var(--raised)}.board-tools button[aria-pressed=true]{background:var(--human-ink);color:var(--human);border-color:var(--human-line)}kbd{font:var(--fs-xs)/1 var(--mono);color:var(--muted);padding:1px 4px;border:1px solid var(--line);border-radius:var(--radius-sm)}.board-hint{font-size:var(--fs-xs);color:var(--muted);margin:var(--s3) 0 0;min-height:16px}.thinking-card{padding:var(--s3) var(--s4);background:var(--raised);border:1px solid var(--line);border-radius:var(--radius-sm);margin-top:var(--s4)}.thinking-title{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2);font-size:var(--fs-xs)}.thinking-title>.muted{margin-left:auto}.decision-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2);margin:var(--s4) 0 var(--s2)}.decision-kpis>div+div{border-left:1px solid var(--line);padding-left:var(--s3)}.decision-kpis span{display:block;color:var(--muted);font-size:var(--fs-xs);letter-spacing:var(--track-caps)}.decision-kpis strong{display:block;margin-top:3px;font-size:var(--fs-lg);font-weight:500;color:var(--jev);font-family:var(--mono);font-variant-numeric:tabular-nums}.thinking-card p{font-size:var(--fs-xs);color:var(--muted);margin:var(--s2) 0 0}.opponent-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:var(--s3);gap:var(--s2)}.opponent-actions button{font-size:var(--fs-xs);padding:var(--s2) var(--s2);background:none;border-color:transparent;color:var(--muted)}.bottom-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s4);margin:var(--s4) 0 var(--s6);font-size:var(--fs-xs);color:var(--muted)}.bottom-bar>div{display:flex;flex-wrap:wrap;gap:var(--s2)}.bottom-bar button{padding:var(--s2) var(--s2);font-size:var(--fs-xs);background:none}.result-banner,.notice{padding:var(--s4) var(--s4);border:1px solid var(--human-line);background:var(--human-ink);color:var(--text);border-radius:var(--radius-sm);margin:var(--s4) 0}.notice{border-color:color-mix(in srgb,var(--warn) 40%,var(--line));background:color-mix(in srgb,var(--warn) 12%,var(--surface));color:var(--warn)}.result-banner{font-weight:600}.section-heading{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--s5);align-items:end;padding:0 0 var(--s5)}.section-heading p{font-size:var(--fs-sm)}.export-actions{display:flex;gap:var(--s2);flex-wrap:wrap}.export-actions button{font-size:var(--fs-xs)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:var(--s3);margin:0 0 var(--s4)}.kpi{border:1px solid var(--line);background:var(--surface);padding:var(--s4);border-radius:var(--radius)}.kpi-label{font-size:var(--fs-xs);letter-spacing:var(--track-caps);color:var(--muted);text-transform:uppercase}.kpi-value{font-size:var(--fs-xl);letter-spacing:-.02em;color:var(--accent);margin:var(--s2) 0 3px;font-family:var(--mono);font-variant-numeric:tabular-nums}.kpi-note{font-size:var(--fs-xs);color:var(--muted)}.chart-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--s4)}.table-card,.chart-panel{margin:0 0 var(--s4)}.jv-panel h2,.chart-panel h2{font-size:var(--fs-lg);margin:0 0 var(--s3)}.jv-panel p{font-size:var(--fs-xs);color:var(--muted)}.chart-panel h3{font-size:var(--fs-md);margin:0 0 var(--s4)}.chart-panel svg{width:100%;height:auto;display:block;overflow:visible}.chart-gridline{stroke:var(--line);stroke-width:1}.chart-human{stroke:var(--human);fill:none;stroke-width:2.8}.chart-jev{stroke:var(--jev);fill:none;stroke-width:2.8;stroke-dasharray:6 3}.chart-text{fill:var(--muted);font-size:var(--fs-2xs)}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--s5);font-size:var(--fs-xs);margin:var(--s2) 0 0;color:var(--muted)}.legend-dot{display:inline-block;width:8px;height:8px;background:var(--human);border-radius:50%;margin-right:var(--s2)}.legend-dot.jev{background:var(--jev)}.heatmap{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:3px;max-width:20rem;margin:auto}.heatcell{aspect-ratio:1;background:var(--human-ink);display:grid;place-items:center;border-radius:3px;font-size:var(--fs-xs);color:var(--muted)}.heat-1{background:color-mix(in srgb,var(--human) 18%,var(--sunken));color:color-mix(in srgb,var(--human) 60%,var(--text))}.heat-2{background:color-mix(in srgb,var(--human) 34%,var(--sunken));color:var(--text)}.heat-3{background:color-mix(in srgb,var(--human) 52%,var(--sunken));color:var(--text)}.heat-4{background:color-mix(in srgb,var(--human) 74%,var(--sunken));color:var(--bg)}.heat-5{background:var(--human);color:var(--bg)}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}.metric-list{margin:0}.metric-row{display:flex;justify-content:space-between;gap:var(--s5);padding:var(--s2) 0;border-bottom:1px solid var(--line);font-size:var(--fs-xs)}.metric-row dt{color:var(--muted)}.metric-row dd{margin:0;font-variant-numeric:tabular-nums}.metric-row:last-child{border-bottom:0}.table-scroll{overflow:auto;max-height:31rem}table{width:100%;border-collapse:collapse;font-size:var(--fs-xs)}th{text-align:left;letter-spacing:.5px;color:var(--muted);position:sticky;top:0;background:var(--surface);white-space:nowrap}td,th{padding:var(--s3) var(--s2);border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}tbody tr:last-child td{border-bottom:0}.table-card{overflow:auto}details summary{cursor:pointer;font-size:var(--fs-sm);color:var(--muted);min-height:var(--tap);display:flex;align-items:center}details pre{overflow:auto;font-size:var(--fs-xs);max-height:24rem;background:var(--sunken);padding:var(--s4);border-radius:var(--radius-sm);color:var(--muted)}.empty-state{padding:var(--s7) var(--s5);text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius)}.filterbar{display:flex;flex-wrap:wrap;align-items:end;gap:var(--s4);padding:var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:var(--s4)}.filterbar label{display:flex;flex-direction:column;gap:var(--s2);font-size:var(--fs-xs);color:var(--muted)}.filterbar select,.filterbar input{min-height:var(--tap)}.consent{display:flex;align-items:start;gap:var(--s2);font-size:var(--fs-sm)}.consent input{accent-color:var(--accent);margin-top:4px;min-width:20px;min-height:20px}.button input[type=file]{max-width:15rem;font-size:var(--fs-xs)}.replay-panel{margin-bottom:var(--s4)}.replay-panel label{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4)}.replay-panel input{flex:1;min-width:10rem;min-height:var(--tap)}footer{border-top:1px solid var(--line);padding:var(--s5) 0 var(--s6);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s3);color:var(--muted);font-size:var(--fs-xs);letter-spacing:.06em}dialog{background:var(--surface);color:var(--text);max-width:40rem;width:calc(100% - var(--s6));max-height:85vh;max-height:85dvh;border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--s5)}dialog::backdrop{background:rgba(6,8,13,.7)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.dialog-heading h2{margin:0}.dialog-heading button{font-size:var(--fs-xl);min-width:var(--tap);padding:1px var(--s3)}dialog p{color:var(--muted);font-size:var(--fs-sm)}dialog h3{font-size:var(--fs-md);margin-top:var(--s5)}.live-tag.offline{color:var(--jev);border-color:var(--jev-line)}
@media(hover:hover){button:hover:not(:disabled),.button:hover{background:var(--raised);border-color:var(--accent)}.primary:hover:not(:disabled){background:var(--accent-deep);border-color:var(--accent-deep)}.cell:not(.given):hover{background:color-mix(in srgb,var(--human) 9%,var(--cell))}}
@media(min-width:900px){#jv-controls .identity{flex-wrap:nowrap;gap:var(--s2);padding:0}#jv-controls #identity-label{max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#jv-controls .button.small,#jv-controls button.small{min-height:36px;padding:var(--s1) var(--s2)}}
@media(max-width:899px){.boards{grid-template-columns:1fr;gap:var(--s4)}.sudoku-board{--fit-reserve:20rem}.chart-grid,.metrics-grid{grid-template-columns:1fr}}
@media(max-width:600px),(max-height:950px){#view-play{display:flex;flex-direction:column}#view-play>.jv-first{order:-1}}
@media(max-width:600px){.intro{flex-direction:column;align-items:flex-start;gap:var(--s3);padding-bottom:var(--s4)}.intro p{font-size:var(--fs-xs)}.setup{padding:var(--s3);gap:var(--s2)}.setup>.primary{flex:1 1 10rem}.board-card{padding:var(--s3)}.sudoku-board{--fit-reserve:24rem}.keypad{grid-template-columns:repeat(5,minmax(0,1fr))}.keypad button{min-height:48px}.board-tools button{min-width:0;flex:1 1 30%}.board-tools kbd{display:none}.matchbar{padding-top:var(--s4)}.matchbar>div{gap:var(--s2)}.clock{font-size:var(--fs-lg)}.bottom-bar{align-items:start;flex-direction:column;gap:var(--s3);margin-bottom:var(--s5)}.bottom-bar>div{align-self:stretch}.section-heading{flex-direction:column;align-items:flex-start;gap:var(--s4)}.kpi{padding:var(--s3)}.filterbar label{flex:1;min-width:8rem}footer>span:nth-child(2){order:3;width:100%}.chart-panel{padding:var(--s3)}.is-jev .board-heading{position:sticky;top:calc(var(--header-h) + var(--sa-t));background:var(--surface);z-index:2;padding:var(--s1) 0}}
@media(max-height:560px){.intro{display:none}.sudoku-board{--fit-reserve:13rem;--fit-max:26rem}.matchbar{padding:var(--s2) 2px}.thinking-card{margin-top:var(--s2)}.keypad{margin:var(--s2) 0}}
@media(prefers-reduced-motion:no-preference){button,.button{transition:background .12s,border-color .12s}.status-dot{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}.status-dot.amber{box-shadow:0 0 0 4px color-mix(in srgb,var(--jev) 12%,transparent)}}
@media print{body{background:white;color:black}.jv-header,.jv-skip,.jv-sheet,.jv-scrim,#jv-controls,.setup,.keypad,.board-tools,.bottom-bar,footer{display:none!important}.boards{display:block}.is-jev{display:none}.board-card{background:white;border-color:#000}.cell,.cell.given{background:white;color:black;border-color:#999}.cell.box-right{border-right:2px solid #000}.cell.box-bottom{border-bottom:2px solid #000}.sudoku-board{max-width:500px;background:#000;border-color:#000}}