:root{--pixel-accent:#8fe774;--pixel-accent-dark:#62c443;--pixel-bg:#f8fafc;--pixel-surface:#fff;--pixel-ink:#1b1726;--pixel-muted:#64748b;--pixel-clue-dim:#94a3b8;--pixel-border:#cbd5e1;--pixel-grid-thick:#475569;--pixel-shadow:3px 3px 0 #1b1726;--pixel-cell-empty:#fff;--pixel-cell-filled:#1b1726;--pixel-cell-cross:#94a3b8;--pixel-danger:#ef4444;--pixel-danger-bg:#fee2e2;--pixel-danger-border:#f87171}[data-scheme=dark],.dark{--pixel-accent:#8fe774;--pixel-accent-dark:#70d153;--pixel-bg:#0f172a;--pixel-surface:#1e293b;--pixel-ink:#f8fafc;--pixel-muted:#94a3b8;--pixel-clue-dim:#475569;--pixel-border:#334155;--pixel-grid-thick:#94a3b8;--pixel-shadow:3px 3px 0 #020617;--pixel-cell-empty:#1e293b;--pixel-cell-filled:#8fe774;--pixel-cell-cross:#64748b;--pixel-danger:#f87171;--pixel-danger-bg:#450a0a;--pixel-danger-border:#dc2626}.pixel-stage{border:2px solid var(--pixel-ink);background:var(--pixel-bg);color:var(--pixel-ink);width:100%;min-width:0;max-width:none;height:100%;min-height:0;box-shadow:var(--pixel-shadow);-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:16px;margin:0 auto;font-family:Be Vietnam Pro,system-ui,sans-serif;overflow:hidden;container-type:size}.pixel-band{background:var(--pixel-accent);height:8px}.pixel-body{flex-direction:column;gap:8px;width:100%;min-width:0;height:100%;min-height:0;padding:4px;display:flex;overflow:hidden}.pixel-hud{justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.pixel-hud-item{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:flex}.pixel-hud-label{color:var(--pixel-muted);font-size:12px;font-weight:600}.pixel-status-banner{border-radius:6px;align-items:center;gap:6px;min-height:24px;padding:4px 8px;font-size:13px;font-weight:700;display:flex}.pixel-status-banner.error{background:var(--pixel-danger-bg);color:var(--pixel-danger);border:1px solid var(--pixel-danger-border)}.pixel-status-banner.success{color:#10b981;background:#10b98126}.pixel-board-scroll{background:var(--pixel-surface);border:2px solid var(--pixel-ink);touch-action:none;border-radius:12px;flex:1;justify-content:center;min-width:0;max-width:100%;min-height:0;padding:4px;display:flex;overflow:hidden}.pixel-nonogram-table{border-collapse:collapse;--pixel-cell-size:clamp(20px, 7.143cqw, 36px);max-width:100%;margin:0 auto}.pixel-stage.size-15 .pixel-nonogram-table{--pixel-cell-size:clamp(18px, 5.8cqw, 36px)}.pixel-stage.size-10.zoomed .pixel-nonogram-table{--pixel-cell-size:clamp(20px, 8.333cqw, 36px)}.pixel-stage.size-15.zoomed .pixel-nonogram-table{--pixel-cell-size:clamp(18px, 6.1cqw, 36px)}.pixel-corner-cell{background:0 0}.pixel-col-clue{vertical-align:bottom;text-align:center;color:var(--pixel-ink);border-bottom:2px solid var(--pixel-grid-thick);padding:4px 1px;font-size:11px;font-weight:800;line-height:1.2}.pixel-col-clue.thick-border{border-right:2px solid var(--pixel-grid-thick)}.pixel-col-clue.mistake{background:var(--pixel-danger-bg);color:var(--pixel-danger);border-left:1px dashed var(--pixel-danger);border-right:1px dashed var(--pixel-danger)}.pixel-col-clue.dimmed{color:var(--pixel-clue-dim)}.pixel-row-clue{text-align:right;white-space:nowrap;color:var(--pixel-ink);border-right:2px solid var(--pixel-grid-thick);padding:1px 6px 1px 4px;font-size:11px;font-weight:800}.pixel-row-clue.thick-border{border-bottom:2px solid var(--pixel-grid-thick)}.pixel-row-clue.mistake{background:var(--pixel-danger-bg);color:var(--pixel-danger);border-top:1px dashed var(--pixel-danger);border-bottom:1px dashed var(--pixel-danger)}.pixel-row-clue.dimmed{color:var(--pixel-clue-dim)}.pixel-clue-run{padding:0 1px;display:inline-block}.pixel-clue-run.dimmed{color:var(--pixel-clue-dim);text-decoration:line-through}.pixel-grid-cell{text-align:center;vertical-align:middle;border:1px solid var(--pixel-border);background:var(--pixel-cell-empty);cursor:pointer;padding:0;transition:background-color .12s;position:relative}.pixel-grid-cell.thick-right{border-right:2px solid var(--pixel-grid-thick)}.pixel-grid-cell.thick-bottom{border-bottom:2px solid var(--pixel-grid-thick)}.pixel-grid-cell.filled{background:var(--pixel-cell-filled)}.pixel-grid-cell.crossed{background:var(--pixel-cell-empty);color:var(--pixel-cell-cross)}.pixel-cross-mark{justify-content:center;align-items:center;width:100%;height:100%;font-weight:900;line-height:1;display:flex}.pixel-stage.solved .pixel-grid-cell.crossed .pixel-cross-mark{opacity:0;transition:opacity .4s}.pixel-stage.solved .pixel-grid-cell.filled{background:var(--pixel-accent);transition:background-color .4s;box-shadow:inset 0 0 4px #0003}.pixel-tools{justify-content:space-between;align-items:center;gap:8px;display:flex}.pixel-tool-btn{border:2px solid var(--pixel-ink);background:var(--pixel-surface);min-height:44px;color:var(--pixel-ink);cursor:pointer;box-shadow:2px 2px 0 var(--pixel-ink);border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;transition:transform 80ms,background-color 80ms;display:inline-flex}.pixel-tool-btn:active{box-shadow:none;transform:translate(2px,2px)}.pixel-tool-btn.active{background:var(--pixel-accent);color:#1b1726}.pixel-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.pixel-controls{flex-direction:column;gap:6px;width:min(100%,480px);display:flex}.pixel-action-btn{border:2px solid var(--pixel-ink);background:var(--pixel-surface);min-width:44px;min-height:48px;color:var(--pixel-ink);cursor:pointer;box-shadow:2px 2px 0 var(--pixel-ink);border-radius:8px;flex:1;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;transition:transform 80ms;display:inline-flex}.pixel-action-btn:active:not(:disabled){box-shadow:none;transform:translate(2px,2px)}.pixel-action-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.pixel-action-btn.check-btn{color:#854d0e;background:#fef08a}[data-scheme=dark] .pixel-action-btn.check-btn,.dark .pixel-action-btn.check-btn{color:#fef08a;background:#713f12}.pixel-btn-share{border:2px solid var(--pixel-ink);background:var(--pixel-accent);color:#1b1726;cursor:pointer;min-height:44px;box-shadow:3px 3px 0 var(--pixel-ink);border-radius:10px;justify-content:center;align-items:center;width:100%;padding:8px 16px;font-size:15px;font-weight:800;display:flex}.pixel-btn-share:active{box-shadow:1px 1px 0 var(--pixel-ink);transform:translate(2px,2px)}.pixel-reveal-card{border:2px solid var(--pixel-ink);background:var(--pixel-surface);text-align:center;border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.pixel-reveal-title{color:var(--pixel-accent-dark);font-size:20px;font-weight:900}[data-scheme=dark] .pixel-reveal-title,.dark .pixel-reveal-title{color:var(--pixel-accent)}.pixel-reveal-stats{justify-content:center;gap:16px;font-size:14px;font-weight:700;display:flex}
