.su{--su-surface:var(--bg-raised);--su-surface-2:var(--bg-sunken);--su-line:var(--line);--su-line-strong:var(--brass);--su-text:var(--ink);--su-user:var(--spark);--su-note:var(--ink-muted);--su-accent:var(--spark);--su-select:color-mix(in srgb, var(--spark) 26%, var(--bg-raised));--su-peer:color-mix(in srgb, var(--brass) 10%, var(--bg-raised));--su-same:color-mix(in srgb, var(--spark) 15%, var(--bg-raised));--su-wrong:#c81e1e;--su-wrong-bg:#f8dcd6;--su-teach-ref:#f5dd98;--su-teach-unit:color-mix(in srgb, #4a9a4a 12%, var(--bg-raised));--su-teach-target:#16a34a;--su-hint:var(--copper);--su-win:#dcefd9;--su-shadow:none;padding-block:clamp(2rem,6vw,4rem)}:root[data-theme=dark] .su{--su-wrong:#ff7b72;--su-wrong-bg:#4a1f24;--su-teach-ref:#5a4a14;--su-teach-target:#4ade80;--su-win:#173223}.wrap.su{max-width:76rem}.su h1{margin-bottom:.3em;font-size:clamp(2.2rem,7vw,3.8rem)}.su h2{color:var(--brass);font-size:clamp(1.3rem,4vw,1.7rem)}.su__head{max-width:46rem;margin-bottom:clamp(1.5rem,4vw,2.5rem)}.su__kicker{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--copper);margin:0 0 .4rem;font-size:.8rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.su [hidden]{display:none!important}.su-setup{background:var(--su-surface);border:1px solid var(--su-line);color:var(--su-text);border-radius:14px;flex-wrap:wrap;align-items:flex-end;gap:1rem 2rem;margin-bottom:1.25rem;padding:1rem 1.25rem;display:flex}.su-seg{border:0;flex-wrap:wrap;gap:.25rem;min-width:0;margin:0;padding:0;display:flex}.su-seg legend{width:100%;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--su-note);margin-bottom:.4rem;padding:0;font-size:.75rem}.su-seg label{position:relative}.su-seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.su-seg span{border:1px solid var(--line-strong);background:var(--bg);min-height:2.5rem;color:var(--ink);border-radius:999px;padding:.5rem .9rem;font-size:.92rem;line-height:1.5rem;display:block}.su-seg input:hover+span{border-color:var(--brass)}.su-seg input:checked+span{background:var(--button-bg);border-color:var(--button-bg);color:var(--button-ink);font-weight:600}.su-seg input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.su-setup__row{flex-wrap:wrap;flex:100%;align-items:center;gap:.25rem 1.5rem;display:flex}.su-setup__note{color:var(--su-note);flex-basis:100%;max-width:none;margin:0;font-size:.88rem}.check{cursor:pointer;align-items:center;gap:.5rem;min-height:2.5rem;font-size:.95rem;display:inline-flex}.check input{width:1.2rem;height:1.2rem;accent-color:var(--button-bg)}.su-btn{font:inherit;border:1px solid var(--line-strong);background:var(--bg);min-height:2.5rem;color:var(--ink);cursor:pointer;border-radius:999px;padding:.4rem 1rem;font-size:.92rem}.su-btn:hover:not(:disabled){border-color:var(--brass)}.su-btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.su-btn:disabled{opacity:.45;cursor:default}.su-btn--primary{background:var(--button-bg);border-color:var(--button-bg);color:var(--button-ink);font-weight:600}.su-btn--accent{border-color:var(--su-hint)}.su-btn.is-on{background:var(--button-bg);border-color:var(--button-bg);color:var(--button-ink)}.su__bar{flex-wrap:wrap;align-items:baseline;gap:.25rem 1.25rem;margin-bottom:.75rem;display:flex}.su .su__name{color:var(--ink);margin:0;font-size:clamp(1.1rem,3.4vw,1.4rem)}.su__clock{font-family:var(--font-mono);color:var(--ink);min-width:5ch;margin:0;font-size:1.15rem}.su__best{color:var(--ink-muted);margin:0;font-size:.9rem}.su__message{border:1px solid var(--line-strong);background:var(--bg-raised);border-left-width:4px;border-radius:10px;max-width:none;margin:0;padding:.6rem .9rem}.su__message[data-kind=warn]{border-left-color:#c4161c}:root[data-theme=dark] .su__message[data-kind=warn]{border-left-color:#ff6b5e}.su__message[data-kind=win]{border-left-color:#16a34a;font-size:1.15rem;font-weight:600}.su-play{color:var(--su-text);grid-template-columns:minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}@media (width>=58rem){.su-play{grid-template-columns:minmax(0,36rem) minmax(0,1fr);gap:2rem}}.su-boardwrap{width:100%;max-width:36rem;margin-inline:auto;container-type:inline-size}.su-board{aspect-ratio:1;background:var(--su-surface);border:2px solid var(--su-line-strong);box-shadow:var(--su-shadow);border-radius:12px;grid-template-rows:repeat(9,1fr);display:grid;overflow:visible}.su-row{grid-template-columns:repeat(9,1fr);display:grid}.su-cell{min-width:0;font:inherit;color:var(--su-text);background:var(--su-surface);border:0;border-right:1px solid var(--su-line);border-bottom:1px solid var(--su-line);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:0;place-items:center;padding:0;display:grid;position:relative}.su-row:last-child .su-cell{border-bottom:0}.su-cell:last-child{border-right:0}.su-cell--r{border-right:2px solid var(--su-line-strong)}.su-cell--b{border-bottom:2px solid var(--su-line-strong)}.su-v{font-family:var(--font-body);font-variant-numeric:tabular-nums;color:var(--su-user);font-size:5.8cqw;font-weight:600;line-height:1}.su-cell.is-given .su-v{color:var(--su-text)}.su-notes{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:100%;height:100%;padding:2%;display:grid}.su-notes i{color:color-mix(in srgb, var(--su-note) 68%, var(--su-surface));font-variant-numeric:tabular-nums;place-items:center;font-size:3cqw;font-style:normal;font-weight:500;line-height:1;display:grid}.su-cell.is-peer{background:var(--su-peer)}.su-cell.is-same{background:var(--su-same)}.su-board.is-notes{--su-accent:var(--copper);--su-select:color-mix(in srgb, var(--copper) 30%, var(--bg-raised))}.su-cell.is-selected{z-index:2;background:var(--su-select);box-shadow:0 0 0 3px var(--su-accent), inset 0 0 0 1px var(--su-accent)}.su-cell.is-teach-unit{background:var(--su-teach-unit)}.su-cell.is-teach-ref{background:var(--su-teach-ref)}.su-cell.is-wrong{background:var(--su-wrong-bg)}.su-cell.is-wrong .su-v{color:var(--su-wrong);font-weight:600}.su-cell.is-done{background:var(--su-win)}.su-cell:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;z-index:2}.su-cell.is-hint:after,.su-cell.is-teach-target:after{content:"";pointer-events:none;border-radius:6px;position:absolute;inset:2px}.su-cell.is-hint:after{border:3px solid var(--su-hint);animation:1.4s ease-in-out infinite su-pulse}.su-cell.is-teach-target:after{border:3px solid var(--su-teach-target)}@keyframes su-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.su-cell.is-hint:after{animation:none}}.su-side{flex-direction:column;gap:1rem;width:100%;max-width:36rem;margin-inline:auto;display:flex}@media (width>=58rem){.su-side{max-width:26rem;margin-inline:0}}.su-pad{grid-template-columns:repeat(9,1fr);gap:.35rem;display:grid}@media (width>=58rem){.su-pad{grid-template-columns:repeat(3,1fr)}}.su-padbtn{min-height:3.1rem;font:inherit;border:1px solid var(--su-line);background:var(--su-surface);color:var(--su-text);cursor:pointer;touch-action:manipulation;border-radius:10px;place-items:center;padding:.2rem;display:grid;position:relative}.su-padbtn__d{color:var(--su-user);font-size:1.5rem;font-weight:600;line-height:1}.su-padbtn__n{color:var(--su-note);font-size:.68rem;position:absolute;bottom:.1rem;right:.3rem}@media (width>=58rem){.su-padbtn{min-height:3.6rem}}.su-padbtn:hover:not(:disabled){border-color:var(--su-accent)}.su-padbtn.is-active{background:var(--su-select);border-color:var(--su-accent)}.su-padbtn:disabled{opacity:.35;cursor:default}.su-padbtn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.su-tools{flex-direction:column;gap:.4rem;display:flex}.su-tools__row{flex-wrap:wrap;gap:.4rem;display:flex}.su-teach{background:var(--su-surface);border:1px solid var(--su-line);border-left:4px solid var(--su-teach-target);box-shadow:var(--su-shadow);color:var(--su-text);border-radius:12px;padding:1rem 1.1rem}.su .su-teach__title{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--su-note);margin:0 0 .5rem;font-size:.78rem;font-weight:400}.su-teach p{max-width:none;margin:0 0 .6rem;font-size:.97rem;line-height:1.5}.su-teach .su-teach__answer{font-size:1.15rem;font-weight:600}.su-teach__steps{margin:0 0 .8rem;padding-left:1.3rem;font-size:.95rem;line-height:1.5}.su-teach__steps li{margin-bottom:.35rem}.su__keys{color:var(--ink-muted);text-align:center;max-width:none;margin:1.25rem 0 0;font-size:.85rem}.su__keys-touch{display:none}@media not ((hover:hover) and (pointer:fine)){.su__keys-pointer{display:none}.su__keys-touch{display:inline}}.su__rules{max-width:46rem;margin-top:clamp(2rem,5vw,3rem)}.su__rules-list{padding-left:1.2rem}.su__rules-list li{margin-bottom:.4rem}.su-teach.is-active{order:-1}.su-teach p{margin-bottom:.6rem}.su-teach .su-teach__meta{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--su-note);font-size:.78rem}.su-teach .su-teach__text{font-size:1rem;line-height:1.55}.su-teach .su-teach__ask{color:var(--su-user);font-weight:600}.su-teach .su-teach__msg{background:var(--su-surface-2);border-left:3px solid var(--su-teach-target);border-radius:8px;padding:.5rem .7rem}.su-teach__btns{flex-wrap:wrap;gap:.4rem;margin-top:.4rem;display:flex}.su .su-teach__sub{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--su-note);margin:1.1rem 0 .4rem;font-size:.78rem;font-weight:400}.su-methods{counter-reset:m;gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.su-methods li{counter-increment:m}.su-method{text-align:left;width:100%;font:inherit;color:var(--su-text);background:var(--bg);border:1px solid var(--line-strong);cursor:pointer;border-radius:12px;padding:.55rem .8rem .55rem 2.6rem;display:block;position:relative}.su-method:before{content:counter(m);background:var(--button-bg);width:1.4rem;height:1.4rem;color:var(--button-ink);border-radius:50%;place-items:center;font-size:.8rem;font-weight:600;display:grid;position:absolute;top:.55rem;left:.8rem}.su-method:hover{border-color:var(--brass)}.su-method:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.su-method__name{font-weight:600;display:block}.su-method__short{color:var(--su-note);font-size:.85rem;line-height:1.35;display:block}.su-strip{grid-template-columns:repeat(9,1fr);gap:.25rem;margin:.2rem 0 .8rem;display:grid}.su-strip__d{border:1px solid var(--su-line);background:var(--su-surface-2);min-height:2.2rem;color:var(--su-text);border-radius:8px;place-items:center;font-size:1.1rem;font-weight:600;display:grid;position:relative}.su-strip__d[data-src]{color:var(--su-note);opacity:.55;background:0 0}.su-strip__d[data-src]:after{content:"";background:currentColor;height:2px;position:absolute;top:50%;left:12%;right:12%;transform:rotate(-20deg)}.su-strip__d[data-src=row]{box-shadow:inset 0 -3px #c8791e}.su-strip__d[data-src=col]{box-shadow:inset 0 -3px #2f8f5a}.su-strip__d[data-src=box]{box-shadow:inset 0 -3px #8a4fc4}.su-strip__d.is-keep{background:var(--su-teach-target);color:#fff;border-color:var(--su-teach-target)}.su-cell.lz-unit{background:color-mix(in srgb, var(--brass) 9%, var(--bg-raised))}.su-cell.lz-cross{background-color:var(--su-surface-2);background-image:repeating-linear-gradient(45deg, transparent 0 5px, color-mix(in srgb, var(--ink-muted) 40%, transparent) 5px 6px)}.su-cell.lz-cross .su-v,.su-cell.lz-cross .su-notes{opacity:.75}.su-cell.lz-digit{background:color-mix(in srgb, var(--brass) 22%, var(--bg-raised))}.su-cell.lz-digit .su-v{color:var(--brass)}.su-cell.lz-focus{background:var(--su-teach-ref)}.su-cell.lz-free{background:color-mix(in srgb, var(--su-teach-target) 22%, var(--bg-raised))}.su-cell.lz-target:after{content:"";border:3px solid var(--su-teach-target);pointer-events:none;border-radius:6px;position:absolute;inset:2px}.su-notes i.is-keep{color:var(--su-user);font-weight:600}.su-notes i.is-strike{color:var(--su-wrong);text-decoration:line-through}@media (width<=40rem){.su-strip__d{min-height:1.9rem;font-size:1rem}}.check.is-disabled{cursor:not-allowed;opacity:.55}.check.is-disabled input{cursor:not-allowed}.check__hint{font-style:italic}@media (width<=57.99rem){.su{flex-direction:column;display:flex}.su>*{order:3}.su__head{order:0}.su__bar{order:1}.su-play,.su__keys{order:2}.su-setup{order:4;margin:1.5rem 0 1.25rem}.su-learnarea{order:5}.su__rules{order:6}.legal__back{order:7}}@media (width<=40rem){.su-tools,.su-tools__row{gap:.3rem}.su-tools .su-btn{flex:auto;min-height:2.4rem;padding:.3rem .5rem;font-size:.8rem}}@media (width<=26rem){.su-tools .su-btn{padding-inline:.35rem;font-size:.74rem}}.su-setup__row [data-new]{margin-left:auto}.su-row:first-child .su-cell:first-child{border-top-left-radius:10px}.su-row:first-child .su-cell:last-child{border-top-right-radius:10px}.su-row:last-child .su-cell:first-child{border-bottom-left-radius:10px}.su-row:last-child .su-cell:last-child{border-bottom-right-radius:10px}.su-boardwrap{position:relative}.su-board__hint{z-index:3;text-align:center;width:max-content;max-width:80%;font-family:var(--font-display);color:#fff4c8;opacity:0;visibility:hidden;pointer-events:none;background:#281608eb;border:1px solid #d4a95c;border-radius:.6rem;padding:.7rem 1.2rem;font-size:clamp(1rem,3.5vw,1.35rem);font-weight:600;line-height:1.3;transition:opacity .2s,visibility .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #00000073}.su-board__hint.is-visible{opacity:1;visibility:visible}.su-learnarea{background:var(--su-surface);border:1px solid var(--su-line);color:var(--su-text);border-radius:14px;margin-top:clamp(2rem,5vw,3rem);padding:1.1rem 1.25rem}.su .su-learnarea h2{margin:0 0 .5rem}.su-la__intro{max-width:46rem;margin:0 0 .6rem}.su-la__progress{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--su-note);max-width:none;margin:0 0 .8rem;font-size:.8rem}.su-learnarea .su-methods{max-width:46rem}.su-method.is-open{border-color:var(--su-accent);box-shadow:0 0 0 2px var(--su-accent)}.su-method.is-learned .su-method__name{color:var(--su-user)}.su-la__stage{margin-top:1.4rem;scroll-margin-top:4.5rem}.su .su-la__head{font-family:var(--font-display);color:var(--ink);flex-wrap:wrap;align-items:center;gap:.4rem .8rem;margin:0 0 .9rem;font-size:clamp(1.3rem,4.5vw,1.7rem);font-weight:600;line-height:1.2;display:flex}.su-la__step{background:var(--button-bg);color:var(--button-ink);font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;border-radius:999px;padding:.2rem .75rem;font-size:.85rem;font-weight:600;line-height:1.4;display:inline-block}.su-la__grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.1rem;display:grid}@media (width>=58rem){.su-la__grid{grid-template-columns:minmax(0,34rem) minmax(0,1fr);gap:2rem}}.su-la__board{margin-inline:0}.su-la__text{max-width:34rem;margin:0 0 .8rem;font-size:1.02rem;line-height:1.55}.su-la__side .su-strip{max-width:26rem}