:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#121212;--surface:#1e1e1e;--surface-sunken:#181818;--surface-raised:#262626;--outline:#2e2e2e;--text-primary:#fff;--text-secondary:#8e8e93;--text-tertiary:#6b6b70;--accent:#ff5722;--on-accent:#14100e;--accent-muted:#3a1b0e;--accent-pressed:#e64a19;--success:#00e676;--on-success:#05240f;--success-surface:#0f2a17;--danger-muted:#cf6679;--error:#ff5252;--on-error:#2a0708;--focus-ring:#ff57228c;--scrim:#00000080;--glass-1:#ff5252;--glass-2:#ff9100;--glass-3:#ffd600;--glass-4:#aeea00;--glass-5:#00c853;--glass-6:#1de9b6;--glass-7:#00b8d4;--glass-8:#2979ff;--glass-9:#a0f;--glass-10:#ff4081;--glass-11:#a1887f;--glass-12:#b0bec5;--glass-hidden:#555;--radius-card:16px;--radius-control:12px;--radius-pill:999px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-title-xl:700 28px/1.2 var(--font);--text-title-lg:650 18px/1.3 var(--font);--text-title-md:600 16px/1.4 var(--font);--text-body:400 16px/1.5 var(--font);--text-meta:500 14px/1.4 var(--font);--text-subtle-size:13px;--text-eyebrow:500 13px/1.3 var(--font);--gap-tight:6px;--gap-row:12px;--gap-block:16px;--gap-section:28px;--page-padding:16px;--page-top:24px;--page-max:560px;--hit-min:44px;--icon:22px;--btn-pad-x:18px;--input-pad-x:14px;--banner-pad-y:12px;--hairline-width:1px;--focus-width:3px;--focus-offset:2px;--tube-gap:8px;--row-gap:24px;--tube-min:96px;--tube-max:160px;--tube-radius:10px;--lift:12px;--symbol:14px;--header-height:56px;--duration-pour:.15s;--duration-shake:.25s;--cell-max:56px;--region-border:3px;--region-1:#3d2224;--region-2:#3b3417;--region-3:#173321;--region-4:#123338;--region-5:#1a2a47;--region-6:#33204a;--clue-digit:7px;--clue-gap:4px;--clue-pad:4px;--clue-line:13px;--clue-font:600 11px/1 var(--font);--grid-line-width:var(--hairline-width);--grid-major-width:2px;--grid-line:var(--outline);--grid-major:var(--text-tertiary);--cell-fill:var(--accent);--cell-cross:var(--text-tertiary);--cell-highlight:var(--accent-muted);--preview-opacity:.5}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f4f4f1;--surface:#fff;--surface-sunken:#edede8;--surface-raised:#ebebe6;--outline:#ddddd6;--text-primary:#1a1a1a;--text-secondary:#5c5c61;--text-tertiary:#8a8a90;--accent:#c63d0f;--on-accent:#fff;--accent-muted:#fbe3d9;--accent-pressed:#a33209;--success:#17793a;--on-success:#fff;--success-surface:#e3f3e7;--danger-muted:#b3261e;--error:#b3261e;--on-error:#fff;--focus-ring:#c63d0f73;--glass-1:#d32f2f;--glass-2:#ef6c00;--glass-3:#f9a825;--glass-4:#9e9d24;--glass-5:#2e7d32;--glass-6:#00897b;--glass-7:#0097a7;--glass-8:#1565c0;--glass-9:#7b1fa2;--glass-10:#c2185b;--glass-11:#6d4c41;--glass-12:#78909c;--glass-hidden:#9e9e9e;--region-1:#f6d5d5;--region-2:#f7ebc2;--region-3:#d3edd9;--region-4:#cdedf0;--region-5:#d5e1f7;--region-6:#e7d6f3}html,body{min-height:100%}*{box-sizing:border-box}body{background:var(--background);color:var(--text-primary);font:var(--text-body);-webkit-tap-highlight-color:transparent;margin:0}:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}button,input,select{font:inherit;color:inherit}.page{max-width:var(--page-max);padding:calc(var(--page-top) + env(safe-area-inset-top)) var(--page-padding) calc(var(--gap-section) + env(safe-area-inset-bottom));gap:var(--gap-section);flex-direction:column;margin:0 auto;display:flex}.stack{gap:var(--gap-row);flex-direction:column;display:flex}.row{align-items:center;gap:var(--gap-row);display:flex}.card{background:var(--surface);border-radius:var(--radius-card);padding:var(--gap-block);gap:var(--gap-row);flex-direction:column;display:flex}.btn{justify-content:center;align-items:center;gap:var(--gap-tight);min-height:var(--hit-min);padding:0 var(--btn-pad-x);border-radius:var(--radius-control);font:var(--text-title-md);cursor:pointer;white-space:nowrap;border:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:not(:disabled):hover{background:var(--accent-pressed)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:not(:disabled):hover{color:var(--text-primary);background:var(--surface-raised)}.btn-icon{width:var(--hit-min);min-height:var(--hit-min);border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{color:var(--text-primary)}.input{width:100%;min-height:var(--hit-min);padding:0 var(--input-pad-x);border:var(--hairline-width) solid var(--outline);border-radius:var(--radius-control);background:var(--background);color:var(--text-primary);font:var(--text-body)}.input::placeholder{color:var(--text-tertiary)}.input:focus{border-color:var(--accent);outline:none}.muted{color:var(--text-secondary)}.subtle{font-size:var(--text-subtle-size);color:var(--text-tertiary)}.eyebrow{font:var(--text-eyebrow);color:var(--text-secondary)}.banner{border-radius:var(--radius-control);padding:var(--banner-pad-y) var(--gap-block);font:var(--text-meta);background:var(--surface-raised);color:var(--text-primary);justify-content:space-between}.home-header{justify-content:space-between}.tile{text-align:left;cursor:pointer;width:100%;color:inherit;border:none}.tile:hover{background:var(--surface-raised)}.tile-title{font:var(--text-title-lg)}.tile-stats{gap:var(--gap-tight) var(--gap-block);font:var(--text-meta);color:var(--text-secondary);flex-wrap:wrap;display:flex}.sheet-backdrop{z-index:20;background:var(--scrim);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:var(--page-max);border-radius:var(--radius-card) var(--radius-card) 0 0;max-height:90vh;padding-bottom:calc(var(--gap-block) + env(safe-area-inset-bottom));overflow-y:auto}.sheet:focus{outline:none}.sheet-header{justify-content:space-between}.sheet-title{font:var(--text-title-lg);margin:0}.sheet-section{gap:var(--gap-tight);border:none;flex-direction:column;margin:0;padding:0;display:flex}.choice{align-items:center;gap:var(--gap-row);min-height:var(--hit-min);cursor:pointer;display:flex}.choice input{accent-color:var(--accent);width:var(--gap-block);height:var(--gap-block);margin:0}.game-view{height:100dvh;max-width:var(--page-max);flex-direction:column;margin:0 auto;display:flex}.game-header{justify-content:space-between;align-items:center;gap:var(--gap-row);min-height:calc(var(--header-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--gap-tight) 0;flex-shrink:0;display:flex}.game-header-text{font:var(--text-meta);flex-direction:column;align-items:center;display:flex}.game-header-title{font:var(--text-title-md)}.game-field{min-height:0;padding:0 var(--page-padding) env(safe-area-inset-bottom);flex:1}.game-placeholder{height:100%;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.result-backdrop{z-index:20;padding:var(--page-padding);background:var(--scrim);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.result-card{width:100%;max-width:var(--page-max);text-align:center;align-items:center}.result-card .btn:not(.btn-primary){background:var(--surface-raised)}.result-title{font:var(--text-title-lg);margin:0}.icon{width:var(--icon);height:var(--icon)}.visually-hidden{width:var(--hairline-width);height:var(--hairline-width);margin:calc(-1 * var(--hairline-width));clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.nono{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--gap-row);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.nono-board{grid-template-columns:var(--row-clues-dyn) auto;grid-template-rows:var(--col-clues-dyn) auto;display:grid}.nono-corner{grid-area:1/1}.col-clues{grid-area:1/2;grid-template-columns:repeat(var(--size), var(--cell-dyn));display:grid}.row-clues{grid-area:2/1;grid-template-rows:repeat(var(--size), var(--cell-dyn));display:grid}.cells{grid-area:2/2;grid-template-columns:repeat(var(--size), var(--cell-dyn));grid-template-rows:repeat(var(--size), var(--cell-dyn));display:grid}.clue{font:var(--clue-font);font-variant-numeric:tabular-nums;color:var(--text-primary);display:flex}.clue--col{padding-bottom:var(--clue-pad);flex-direction:column;justify-content:flex-end;align-items:center}.clue--row{justify-content:flex-end;align-items:center;gap:var(--clue-gap);padding-right:var(--clue-pad)}.clue--col span{height:var(--clue-line);align-items:center;display:flex}.clue.is-highlight{background:var(--cell-highlight)}.clue span.clue--done{color:var(--text-tertiary);text-decoration:line-through}.clue span.clue--error{color:var(--error)}.cell{--line-r:inset calc(-1 * var(--grid-line-width)) 0 0 0 var(--grid-line);--line-b:inset 0 calc(-1 * var(--grid-line-width)) 0 0 var(--grid-line);--line-l:inset 0 0 0 0 transparent;--line-t:inset 0 0 0 0 transparent;box-shadow:var(--line-r), var(--line-b), var(--line-l), var(--line-t);position:relative}.cell--mr{--line-r:inset calc(-1 * var(--grid-major-width)) 0 0 0 var(--grid-major)}.cell--mb{--line-b:inset 0 calc(-1 * var(--grid-major-width)) 0 0 var(--grid-major)}.cell--ml{--line-l:inset var(--grid-major-width) 0 0 0 var(--grid-major)}.cell--mt{--line-t:inset 0 var(--grid-major-width) 0 0 var(--grid-major)}.cell.is-highlight{background:var(--cell-highlight)}.cell.cell--fill{background:var(--cell-fill)}.cell--cross:before,.cell--cross:after{content:"";height:var(--grid-line-width);background:var(--cell-cross);position:absolute;top:50%;left:20%;right:20%;transform:rotate(45deg)}.cell--cross:after{transform:rotate(-45deg)}.cell--preview.cell--fill{background:color-mix(in srgb, var(--cell-fill) calc(var(--preview-opacity) * 100%), transparent)}.cell--preview.cell--cross:before,.cell--preview.cell--cross:after{opacity:var(--preview-opacity)}.cell--target{outline:var(--grid-major-width) solid var(--accent);outline-offset:calc(-1 * var(--grid-major-width));z-index:1}.board--solved .cell{box-shadow:none}.board--solved .cell--cross:before,.board--solved .cell--cross:after{display:none}.nono-bar{justify-content:space-between;align-items:center;gap:var(--gap-row);display:flex}.seg{background:var(--surface-raised);border-radius:var(--radius-control);display:flex;overflow:hidden}.seg-btn,.nono-undo{appearance:none;min-height:var(--hit-min);min-width:var(--hit-min);padding:0 var(--btn-pad-x);font:var(--text-title-md);color:var(--text-primary);cursor:pointer;touch-action:manipulation;background:0 0;border:none;margin:0}.nono-undo{background:var(--surface-raised);border-radius:var(--radius-control)}.seg-btn[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.seg-btn:disabled,.nono-undo:disabled{opacity:.45;cursor:not-allowed}.ns-field{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--gap-row);flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.ns-lives,.ns-mode{width:min(100%, calc(var(--cols) * var(--cell-max)))}.ns-lives{justify-content:flex-end;gap:var(--gap-tight);display:flex}.ns-heart{color:var(--text-tertiary);display:inline-flex}.ns-heart[data-full=true]{color:var(--error)}.ns-grid-wrap{width:min(100%, calc(var(--cols) * var(--cell-max)));container-type:inline-size}.ns-grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));width:100%;display:grid}.ns-corner,.ns-target{aspect-ratio:1;min-width:0;font-size:calc(100cqi / var(--cols) * .5);justify-content:center;align-items:center;line-height:1;display:flex}.ns-target{color:var(--text-secondary)}.ns-target--done{color:var(--text-tertiary)}.ns-cell{appearance:none;box-sizing:border-box;aspect-ratio:1;min-width:0;font:inherit;font-size:calc(100cqi / var(--cols) * .5);color:var(--text-primary);background:var(--cell-bg,var(--surface));cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:0;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;display:flex;position:relative}.ns-cell:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:calc(-1 * var(--focus-width))}.ns-cell:after{content:"";box-sizing:border-box;pointer-events:none;border:0 solid var(--outline);border-right-width:var(--hairline-width);border-bottom-width:var(--hairline-width);position:absolute;inset:0}.ns-first-row:after{border-top-width:var(--hairline-width)}.ns-first-col:after{border-left-width:var(--hairline-width)}.ns-edge-right:after{border-right:var(--region-border) solid var(--text-secondary)}.ns-edge-bottom:after{border-bottom:var(--region-border) solid var(--text-secondary)}.ns-cell--mistake{background:var(--error);animation:ns-shake var(--duration-shake) ease-in-out}@keyframes ns-shake{0%,to{translate:0}25%{translate:calc(-1 * var(--gap-tight))}75%{translate:var(--gap-tight)}}.ns-digit{aspect-ratio:1;border-radius:var(--radius-pill);justify-content:center;align-items:center;width:80%;display:flex}.ns-cell[data-state=kept] .ns-digit{box-shadow:0 0 0 calc(2 * var(--hairline-width)) var(--accent)}.ns-cell[data-state=erased] .ns-digit{visibility:hidden}.ns-region-sum{padding:var(--hairline-width) calc(2 * var(--hairline-width));font-size:calc(100cqi / var(--cols) * .3);color:var(--text-secondary);line-height:1;position:absolute;top:0;left:0}.ns-region-sum--done{color:var(--text-tertiary)}.ns-mode{gap:var(--gap-tight);display:flex}.ns-mode .btn{background:var(--surface-raised);min-height:var(--hit-min);flex:1}.ns-mode .btn[aria-pressed=true]{background:var(--accent)}.field{box-sizing:border-box;justify-content:center;gap:var(--row-gap);height:100%;min-height:0;padding-top:var(--lift);flex-direction:column;display:flex;overflow:hidden}.tube-row{justify-content:center;gap:var(--tube-gap);display:flex}.tube{appearance:none;box-sizing:border-box;font:inherit;color:inherit;width:var(--hit-min);min-width:var(--hit-min);height:var(--tube-height-dyn,var(--tube-min));background:var(--surface-sunken);border:var(--hairline-width) solid var(--text-tertiary);border-radius:0 0 var(--tube-radius) var(--tube-radius);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform var(--duration-pour);flex-direction:column-reverse;margin:0;padding:0;display:flex;overflow:hidden}.tube:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.tube--selected{transform:translateY(calc(-1 * var(--lift)));z-index:10;isolation:isolate;position:relative}.tube--locked{border-color:var(--outline)}.tube--shake{animation:tube-shake var(--duration-shake) ease-in-out}@keyframes tube-shake{0%,to{translate:0}25%{translate:calc(-1 * var(--gap-tight))}75%{translate:var(--gap-tight)}}.segment{box-sizing:border-box;height:25%;color:var(--scrim);transition:height var(--duration-pour), opacity var(--duration-pour);flex-shrink:0;justify-content:center;align-items:center;display:flex}.segment--empty{opacity:0;height:0}.segment--hidden{background:var(--glass-hidden);color:var(--text-primary)}.symbol{width:var(--symbol);height:var(--symbol);flex-shrink:0}