:root{--base:#f4f1de;--ink:#111;--paper:#fff;--blue:#2d5bff;--pink:#ff3d9a;--yellow:#ffd400;--lime:#9be000;--orange:#ff7a00;--purple:#b14eff;--cyan:#16e0e0;--red:#ff4438;--border-thin:3px solid var(--ink);--border-thick:4px solid var(--ink);--shadow-sm:3px 3px 0 var(--ink);--shadow:6px 6px 0 var(--ink);--shadow-lg:9px 9px 0 var(--ink);--font-body:"Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display:"Archivo Black", "Space Grotesk", system-ui, -apple-system, "Arial Black", "Helvetica Neue", Helvetica, Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;padding:0;overflow:hidden}body{background-color:var(--base);background-image:radial-gradient(var(--ink) 1.5px, transparent 1.5px);color:var(--ink);background-position:-13px -13px;background-size:26px 26px;overflow-x:hidden}#root{flex-direction:column;height:100%;display:flex}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.5px;text-transform:uppercase;margin:0;font-weight:800;line-height:1.02}p{margin:0;line-height:1.45}button{font-family:var(--font-display);cursor:pointer;font-weight:800}button,.no-select{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.panel{background:var(--paper);border:var(--border-thick);box-shadow:var(--shadow)}.btn{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;color:var(--ink);background:var(--paper);border:var(--border-thick);box-shadow:var(--shadow);justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.1rem;font-size:1rem;line-height:1;transition:transform 40ms,box-shadow 40ms,background .1s;display:inline-flex}.btn:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translate(6px,6px)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:var(--shadow-sm)}.btn--primary{background:var(--yellow)}.btn--blue{background:var(--blue);color:var(--paper)}.btn--pink{background:var(--pink);color:var(--paper)}.btn--lime{background:var(--lime)}.btn--orange{background:var(--orange)}.btn--ghost{background:var(--paper)}.btn--block{width:100%}.btn--lg{padding:1rem 1.4rem;font-size:1.35rem}.btn--sm{box-shadow:var(--shadow-sm);padding:.5rem .7rem;font-size:.8rem}.btn--sm:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.icon-btn{width:100%}.chip{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;border:var(--border-thin);box-shadow:var(--shadow-sm);background:var(--paper);align-items:center;gap:.35rem;padding:.4rem .6rem;font-size:.8rem;line-height:1;display:inline-flex}.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}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-delay:0s!important}}.autodemo{z-index:9000;padding:max(20px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom));background:var(--base);cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;animation:.24s overlay-fade;display:flex;position:fixed;inset:0}.autodemo__card{flex-direction:column;gap:16px;width:100%;max-width:420px;display:flex}.autodemo__head{justify-content:space-between;align-items:center;display:flex}.autodemo__tag{font-family:var(--font-display);background:var(--ink);color:var(--paper);border:var(--border-thin);box-shadow:var(--shadow-sm);padding:6px 12px;font-size:.95rem;transform:rotate(-1.5deg)}.autodemo__stage{pointer-events:none}.autodemo__caption{font-family:var(--font-body);text-align:center;color:var(--ink);background:var(--yellow);border:var(--border-thick);box-shadow:var(--shadow);padding:12px 14px;font-size:1.05rem;font-weight:600;line-height:1.4;animation:.32s pop-in}.autodemo:not(.autodemo--solved) .patch{animation:.36s cubic-bezier(.34,1.4,.5,1) both demo-place}@keyframes demo-place{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.autodemo__hint{text-align:center;font-family:var(--font-body);letter-spacing:.4px;color:var(--ink);font-size:.9rem;font-weight:600;animation:1.6s ease-in-out infinite autodemo-hint}@keyframes autodemo-hint{0%,to{opacity:.32}50%{opacity:.7}}@media (prefers-reduced-motion:reduce){.autodemo,.autodemo__caption,.autodemo__hint,.autodemo:not(.autodemo--solved) .patch{animation:none}.autodemo__hint{opacity:.55}}.splash{z-index:9999;opacity:1;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#111;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.splash--leaving{opacity:0}.splash__board{position:absolute;inset:0;transform:rotate(-12deg)scale(1.5)}.splash__box{border:3px solid #111;animation:.46s cubic-bezier(.34,1.4,.5,1) both splash-assemble;position:absolute}@keyframes splash-assemble{0%{opacity:0;transform:translate(var(--dx,0), var(--dy,0)) scale(.5) rotate(var(--r,0deg))}60%{opacity:1}to{opacity:1;transform:translate(0)scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.splash__board{animation:none}.splash__box{animation:.26s both splash-fade}@keyframes splash-fade{0%{opacity:0}to{opacity:1}}}@keyframes fade-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)rotate(-2deg)}70%{transform:scale(1.04)rotate(.5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes stamp-in{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.25)}to{opacity:1;transform:scale(1)}}@keyframes win-wobble{0%,to{transform:scale(1)rotate(0)}25%{transform:scale(1.03)rotate(-1deg)}75%{transform:scale(1.03)rotate(1deg)}}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}.anim-fade-down{animation:.3s fade-down}.anim-fade-up{animation:.3s fade-up}.anim-pop-in{animation:.4s cubic-bezier(.34,1.56,.64,1) pop-in}.anim-stamp-in{animation:.45s cubic-bezier(.34,1.8,.64,1) stamp-in}.anim-slide-left{animation:.35s slide-in-left}.anim-win-wobble{animation:.6s win-wobble}.app-shell{width:100%;max-width:560px;padding:calc(16px + env(safe-area-inset-top)) 16px calc(40px + env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:16px;min-height:0;margin:0 auto;display:flex;overflow-y:auto}.topbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.brand{align-items:center;gap:8px;display:inline-flex}.brand__logo{width:34px;height:34px;box-shadow:var(--shadow-sm);display:block}.topbar .brand__logo{transform:rotate(-14deg)}.brand__title{font-family:var(--font-display);letter-spacing:-1px;font-size:1.5rem;line-height:1}.topbar__actions{gap:8px;display:flex}.screen{flex-direction:column;flex:1;gap:18px;display:flex}.hero{text-align:center;background:var(--paper);border:var(--border-thick);box-shadow:var(--shadow-lg);padding:22px 18px;position:relative}.hero__kicker{background:var(--ink);color:var(--base);font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;border:var(--border-thin);box-shadow:var(--shadow-sm);margin-bottom:12px;padding:4px 10px;font-size:.72rem;display:inline-block;transform:rotate(-2deg)}.hero__title{letter-spacing:-2px;margin:0 0 6px;font-size:clamp(2.6rem,14vw,4rem);line-height:.92}.hero__title .accent{background:var(--pink);color:var(--paper);border:var(--border-thick);box-shadow:var(--shadow-sm);padding:0 8px;display:inline-block;transform:rotate(1.5deg)}.hero__sub{font-family:var(--font-body);text-transform:none;max-width:36ch;margin:8px auto 0;font-size:1rem;font-weight:600}.hero__deco{border:var(--border-thin);width:26px;height:26px;box-shadow:var(--shadow-sm);position:absolute}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;gap:12px;display:flex}.row--tight{gap:8px}.grow{flex:1}.seg{gap:8px;display:flex}.seg__btn{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;background:var(--paper);border:var(--border-thick);box-shadow:var(--shadow-sm);color:var(--ink);flex:1;padding:.7rem .4rem;font-size:.85rem;transition:transform 40ms,box-shadow 40ms}.seg__btn[data-active=true]{background:var(--blue);color:var(--paper);box-shadow:var(--shadow);transform:translate(-1px,-1px)}.seg__btn:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.seg__sz{font-family:var(--font-body);opacity:.85;margin-top:3px;font-size:.65rem;font-weight:700;display:block}.hud{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stat{background:var(--paper);border:var(--border-thin);box-shadow:var(--shadow-sm);text-align:center;padding:6px 4px}.stat__label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;opacity:.7;font-size:.55rem}.stat__value{font-family:var(--font-display);font-size:1.1rem;line-height:1.1}.stat__sub{opacity:.55;font-size:.7rem}.stat--accent{background:var(--yellow)}.stat[data-warn=true]{background:var(--orange)}.stat[data-warn=true] .stat__sub{opacity:.8}.daily-card{background:var(--cyan);border:var(--border-thick);box-shadow:var(--shadow);flex-direction:column;gap:8px;padding:14px;display:flex}.daily-card__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.daily-card__tag{background:var(--ink);color:var(--base);font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;border:var(--border-thin);box-shadow:var(--shadow-sm);padding:4px 10px;font-size:.72rem;display:inline-block;transform:rotate(-1.5deg)}.daily-card__streak{font-family:var(--font-display);white-space:nowrap;font-size:1rem}.daily-card__best{opacity:.7;font-size:.7rem}.daily-card__sub{font-family:var(--font-body);font-size:.82rem;font-weight:600;line-height:1.35}.board-wrap{background:var(--paper);border:var(--border-thick);box-shadow:var(--shadow-lg);padding:10px}.board{aspect-ratio:1;background:var(--ink);border:var(--border-thick);touch-action:none;-webkit-user-select:none;user-select:none;gap:2px;width:100%;display:grid;position:relative}.cell{background:var(--base);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.cell__clue{z-index:3;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.cell__num{font-family:var(--font-display);z-index:3;pointer-events:none;font-size:clamp(.9rem,4.4vw,1.5rem);line-height:1;position:relative}.shape-badge{place-items:center;width:clamp(14px,4vw,20px);height:clamp(10px,3vw,14px);display:grid}.shape-badge__glyph{background:var(--ink);border:2px solid var(--ink);box-shadow:1.5px 1.5px 0 var(--ink);display:block}.shape-badge[data-shape=square] .shape-badge__glyph{width:clamp(9px,2.6vw,12px);height:clamp(9px,2.6vw,12px)}.shape-badge[data-shape=wide] .shape-badge__glyph{width:clamp(14px,4vw,19px);height:clamp(6px,1.7vw,8px)}.shape-badge[data-shape=tall] .shape-badge__glyph{width:clamp(6px,1.7vw,8px);height:clamp(12px,3.4vw,16px)}.cell[data-status=empty]{background:var(--base)}.cell[data-status=overlap]{background:repeating-linear-gradient(45deg, var(--red), var(--red) 6px, #c8160c 6px, #c8160c 12px)}.cell[data-status=wrong-size],.cell[data-status=ok]{background:var(--base)}.patch{border:var(--border-thick);box-shadow:var(--shadow-sm);z-index:2;pointer-events:none;mix-blend-mode:multiply;justify-content:center;align-items:center;display:flex;position:absolute}.patch[data-wrong=true]{box-shadow:0 0 0 2px var(--red) inset;border-style:dashed}@keyframes partition-pop{0%{box-shadow:var(--shadow-sm);transform:scale(1)}40%{box-shadow:9px 9px 0 var(--ink);transform:scale(1.12)rotate(-1.5deg)}68%{box-shadow:3px 3px 0 var(--ink);transform:scale(.96)rotate(.8deg)}to{box-shadow:var(--shadow);transform:scale(1)rotate(0)}}.patch[data-solved=true]{mix-blend-mode:normal;box-shadow:var(--shadow);z-index:4;animation:.5s cubic-bezier(.34,1.7,.5,1) both partition-pop;animation-delay:var(--pop-delay,0s);border-width:5px}.preview{border:var(--border-thick);z-index:5;pointer-events:none;background:#11111114;border-style:dashed;justify-content:center;align-items:center;display:flex;position:absolute}.preview__area{font-family:var(--font-display);background:var(--ink);color:var(--base);border-radius:2px;padding:2px 6px;font-size:1rem}.preview[data-bad=true]{border-color:var(--red);background:#ff443824}.preview[data-bad=true] .preview__area{background:var(--red)}.controls{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.controls .btn{box-shadow:var(--shadow-sm);flex-direction:column;gap:4px;padding:.6rem .3rem;font-size:.7rem}.controls .btn:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.controls .btn__icon{font-size:1.3rem;line-height:1}.overlay{padding:max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));z-index:50;background:#1111118c;justify-content:center;align-items:center;animation:.15s overlay-fade;display:flex;position:fixed;inset:0}.modal{background:var(--paper);border:var(--border-thick);width:100%;max-width:440px;max-height:88vh;box-shadow:var(--shadow-lg);padding:20px;animation:.3s cubic-bezier(.34,1.56,.64,1) pop-in;overflow:auto}.modal__title{letter-spacing:-1px;margin-bottom:12px;font-size:1.7rem}.modal__title .bar{background:var(--lime);border:var(--border-thin);box-shadow:var(--shadow-sm);padding:0 6px}.howto-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.howto-list li{align-items:flex-start;gap:10px;font-weight:600;line-height:1.4;display:flex}.howto-list .num{width:28px;height:28px;font-family:var(--font-display);background:var(--yellow);border:var(--border-thin);box-shadow:var(--shadow-sm);flex:none;place-items:center;display:grid}.set-row{border-bottom:3px solid var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.set-row:last-of-type{border-bottom:none}.set-row__label{font-family:var(--font-display);text-transform:uppercase;font-size:.9rem}.set-row__hint{font-family:var(--font-body);opacity:.7;text-transform:none;font-size:.72rem;font-weight:600}.toggle{border:var(--border-thick);width:64px;height:34px;box-shadow:var(--shadow-sm);background:var(--paper);flex:none;padding:0;position:relative}.toggle__knob{background:var(--ink);width:24px;height:24px;transition:left .1s;position:absolute;top:2px;left:2px}.toggle[data-on=true]{background:var(--lime)}.toggle[data-on=true] .toggle__knob{left:32px}.ad{text-align:center;border:var(--border-thick);box-shadow:var(--shadow-lg);background:var(--cyan);width:100%;max-width:420px;padding:26px 20px;animation:.3s cubic-bezier(.34,1.56,.64,1) pop-in}.ad__tag{background:var(--ink);color:var(--base);font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;border:var(--border-thin);margin-bottom:14px;padding:4px 10px;font-size:.7rem;display:inline-block}.ad__box{background:var(--paper);border:var(--border-thick);box-shadow:var(--shadow);margin:14px 0;padding:26px 14px}.ad__big{font-family:var(--font-display);letter-spacing:-1px;font-size:1.6rem}.ad__count{font-family:var(--font-display);margin:6px 0;font-size:3.2rem;line-height:1}.ad__fineprint{font-family:var(--font-body);opacity:.7;font-size:.7rem;font-weight:600}.win{text-align:center}.win-stage{z-index:40;background-color:var(--base);background-image:radial-gradient(var(--ink) 1.5px, transparent 1.5px);overscroll-behavior:contain;background-position:-13px -13px;background-size:26px 26px;justify-content:center;animation:.18s overlay-fade;display:flex;position:fixed;inset:0;overflow-y:auto}.win-stage__inner{width:100%;max-width:440px;padding:max(18px, env(safe-area-inset-top)) 16px max(20px, env(safe-area-inset-bottom));text-align:center;flex-direction:column;gap:18px;margin:auto;display:flex}.win-stage__chrome{flex-direction:column;gap:12px;display:flex}.still{background:var(--paper);border:var(--border-thick);box-shadow:var(--shadow-lg);flex-direction:column;align-items:center;gap:10px;padding:20px 18px 16px;display:flex;position:relative;overflow:hidden}.still:after{content:"";border:2px solid var(--ink);pointer-events:none;position:absolute;inset:7px}.still__top{align-items:center;gap:8px;display:flex}.still__logo{width:28px;height:28px}.still__wordmark{font-family:var(--font-display);letter-spacing:-1px;font-size:1.35rem;line-height:1}.still__kicker{background:var(--ink);color:var(--base);font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;border:var(--border-thin);box-shadow:var(--shadow-sm);margin-left:2px;padding:4px 8px;font-size:.6rem;transform:rotate(-2deg)}.still__hero{justify-content:center;width:100%;padding:8px 4px 4px;display:flex}.still-board{aspect-ratio:1;background:var(--ink);border:var(--border-thick);width:min(74vw,320px);box-shadow:var(--shadow);gap:2px;display:grid;position:relative}.still-cell{background:var(--base)}.still-patch{border:5px solid var(--ink);box-shadow:var(--shadow);position:absolute}.still__stars{margin-top:2px}.still__stars .star{width:40px;height:40px;box-shadow:var(--shadow-sm);font-size:1.3rem}.still__time{font-family:var(--font-display);letter-spacing:-1.5px;margin:2px 0;font-size:clamp(2.4rem,13vw,3.4rem);line-height:.9}.still__line{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.still__chip{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.3px;background:var(--base);border:var(--border-thin);box-shadow:var(--shadow-sm);padding:4px 8px;font-size:.72rem;line-height:1}.still__chip-sub{opacity:.55;margin-left:2px}.still__chip--lime{background:var(--lime)}.still__streak{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.3px;background:var(--orange);border:var(--border-thin);box-shadow:var(--shadow-sm);padding:5px 10px;font-size:.78rem;transform:rotate(-1deg)}.still__seed{font-family:var(--font-body);letter-spacing:.2px;opacity:.6;margin-top:2px;font-size:.72rem;font-weight:700}.still__cta{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.4px;color:var(--paper);background:var(--blue);border:var(--border-thin);box-shadow:var(--shadow-sm);padding:5px 12px;font-size:.95rem;transform:rotate(-1deg)}.still__nudge{font-family:var(--font-body);opacity:.65;margin-top:4px;font-size:.72rem;font-weight:700}@keyframes still-plot-pop{0%{opacity:0;transform:scale(.4)rotate(-3deg)}65%{transform:scale(1.1)rotate(1deg)}to{opacity:1;transform:scale(1)rotate(0)}}.anim-plot-pop{animation:.42s cubic-bezier(.34,1.7,.5,1) both still-plot-pop;animation-delay:var(--pop-delay,0s)}.stars{justify-content:center;gap:8px;margin:8px 0 4px;display:flex}.star{border:var(--border-thick);width:54px;height:54px;box-shadow:var(--shadow-sm);background:var(--paper);place-items:center;font-size:1.8rem;display:grid}.star[data-on=true]{background:var(--yellow)}.star[data-on=false]{opacity:.4}.win-stats{grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0;display:grid}.win-stat{background:var(--base);border:var(--border-thin);box-shadow:var(--shadow-sm);padding:10px}.win-stat__label{font-family:var(--font-display);text-transform:uppercase;opacity:.7;font-size:.6rem}.win-stat__value{font-family:var(--font-display);font-size:1.4rem}.win-stat__par{opacity:.55;font-size:.95rem}.win-stat--moves{background:var(--lime)}.badge{background:var(--pink);color:var(--paper);font-family:var(--font-display);text-transform:uppercase;border:var(--border-thin);box-shadow:var(--shadow-sm);margin:2px;padding:4px 8px;font-size:.7rem;display:inline-block;transform:rotate(-2deg)}.badge--lime{background:var(--lime);color:var(--ink)}.streak-banner{background:var(--orange);border:var(--border-thick);box-shadow:var(--shadow);font-family:var(--font-display);text-transform:uppercase;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.foot-hint{text-align:center;font-family:var(--font-body);opacity:.75;font-size:.78rem;font-weight:600}.toast{background:var(--red);color:var(--paper);font-family:var(--font-display);text-transform:uppercase;border:var(--border-thick);box-shadow:var(--shadow);z-index:60;padding:10px 16px;font-size:.8rem;animation:.2s fade-up;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}@keyframes start-pulse{0%,to{box-shadow:inset 0 0 0 3px var(--blue)}50%{box-shadow:inset 0 0 0 5px var(--blue)}}@keyframes spotlight-pulse{0%,to{box-shadow:inset 0 0 0 4px var(--pink), 0 0 0 2px var(--pink)}50%{box-shadow:inset 0 0 0 6px var(--pink), 0 0 0 4px var(--pink)}}.cell[data-hint=true]{z-index:1;animation:1.1s ease-in-out infinite start-pulse}.cell[data-highlight=true]{z-index:1;animation:.95s ease-in-out infinite spotlight-pulse}.cell__check{color:var(--ink);background:var(--lime);border:2px solid var(--ink);z-index:6;padding:0 1px;font-size:.7rem;line-height:1;position:absolute;top:-2px;right:-2px}.cell__clue{position:relative}.coach-line{text-align:center;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.3px;background:var(--paper);border:var(--border-thin);box-shadow:var(--shadow-sm);margin:0;padding:8px 10px;font-size:.78rem;line-height:1.25}.coach-line[data-conflict=true]{background:var(--red);color:var(--paper)}.tutorial-overlay{align-items:flex-start;overflow-y:auto}.tutorial{background:var(--paper);border:var(--border-thick);width:100%;max-width:460px;box-shadow:var(--shadow-lg);flex-direction:column;gap:14px;margin:auto;padding:16px;animation:.3s cubic-bezier(.34,1.56,.64,1) pop-in;display:flex}.tutorial__head{justify-content:space-between;align-items:center;display:flex}.tutorial__tag{background:var(--ink);color:var(--base);font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;border:var(--border-thin);box-shadow:var(--shadow-sm);padding:4px 10px;font-size:.72rem;display:inline-block;transform:rotate(-1.5deg)}.coach{background:var(--yellow);border:var(--border-thick);box-shadow:var(--shadow);padding:12px 14px;animation:.25s fade-up}.coach--done{background:var(--lime)}.coach__step{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;opacity:.7;font-size:.6rem}.coach__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.3px;margin:2px 0 4px;font-size:1.05rem}.coach__body{font-family:var(--font-body);font-size:.86rem;font-weight:600;line-height:1.4}.coach__nudge{font-family:var(--font-display);text-transform:uppercase;background:var(--ink);color:var(--base);border:var(--border-thin);margin-top:8px;padding:6px 8px;font-size:.72rem}.streak-strip{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.streak-strip__day{aspect-ratio:1;background:var(--paper);border:var(--border-thin);box-shadow:2px 2px 0 var(--ink);font-family:var(--font-display);place-items:center;font-size:.7rem;display:grid}.streak-strip__day[data-solved=true]{background:var(--lime)}.streak-strip__day[data-now=true]{background:var(--yellow);animation:1.3s ease-in-out infinite start-pulse}.streak-strip__day[data-today=true]{border-width:4px}.streak-strip__dot{line-height:1}.medal-count{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;background:var(--yellow);border:var(--border-thin);box-shadow:var(--shadow-sm);margin-bottom:12px;padding:4px 10px;font-size:.8rem;display:inline-block}.medal-wall__head{margin-bottom:4px}.medal-wall__scroll{max-height:min(60vh,520px);margin-right:-6px;padding:4px 6px 4px 0;overflow-y:auto}.medal-section{margin-bottom:14px}.medal-section:last-child{margin-bottom:0}.medal-section__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;border-bottom:var(--border-thin);justify-content:space-between;align-items:center;gap:8px;margin:0 0 8px;padding-bottom:4px;font-size:.72rem;display:flex}.medal-section__count{background:var(--cyan);border:var(--border-thin);box-shadow:2px 2px 0 var(--ink);padding:1px 6px;font-size:.65rem}.medal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}@media (width<=380px){.medal-grid{grid-template-columns:1fr}}.medal{background:var(--base);border:var(--border-thin);box-shadow:var(--shadow-sm);opacity:.6;align-items:center;gap:12px;padding:8px 10px;display:flex}.medal[data-earned=true]{opacity:1;background:var(--paper)}.medal__face{background:var(--paper);border:var(--border-thin);width:38px;height:38px;box-shadow:2px 2px 0 var(--ink);flex:none;place-items:center;font-size:1.4rem;display:grid}.medal[data-earned=true] .medal__face{background:var(--yellow)}.medal__text{flex-direction:column;gap:1px;min-width:0;display:flex}.medal__name{font-family:var(--font-display);text-transform:uppercase;overflow-wrap:anywhere;font-size:.78rem;line-height:1.1}.medal__desc{font-family:var(--font-body);opacity:.75;overflow-wrap:anywhere;font-size:.68rem;font-weight:600;line-height:1.25}.medal-unlock{background:var(--purple);border:var(--border-thick);box-shadow:var(--shadow);text-align:center;padding:12px}.medal-unlock__head{font-family:var(--font-display);text-transform:uppercase;color:var(--paper);letter-spacing:.5px;margin-bottom:8px;font-size:.85rem}.medal-unlock__row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.medal-unlock__item{background:var(--paper);border:var(--border-thin);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:3px;min-width:78px;padding:8px 10px;display:flex}.medal-unlock__icon{font-size:1.5rem;line-height:1}.medal-unlock__name{font-family:var(--font-display);text-transform:uppercase;font-size:.62rem}.next-goal{text-align:center;background:var(--base);border:var(--border-thin);box-shadow:var(--shadow-sm);flex-direction:column;gap:2px;padding:10px;display:flex}.next-goal__label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;opacity:.7;font-size:.6rem}.next-goal__text{font-family:var(--font-body);font-size:.85rem;font-weight:700;line-height:1.3}.stat--tap{cursor:pointer;font:inherit}.stat--tap:active{box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}.legend{background:var(--base);border:var(--border-thin);box-shadow:var(--shadow-sm);margin-top:14px;padding:10px 12px}.legend__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.72rem}.legend__row{flex-wrap:wrap;gap:12px;display:flex}.legend__item{font-family:var(--font-body);align-items:center;gap:6px;font-size:.78rem;font-weight:600;display:inline-flex}.legend .shape-badge{width:22px;height:18px}.legend__note{font-family:var(--font-body);opacity:.7;margin-top:8px;font-size:.72rem;font-weight:600}.legend__swatch{border:var(--border-thin);width:22px;height:18px;display:inline-block}.legend__swatch--overlap{background:repeating-linear-gradient(45deg, var(--red), var(--red) 4px, #c8160c 4px, #c8160c 8px)}.legend__swatch--wrong{background:var(--base);box-shadow:0 0 0 2px var(--red) inset;border-style:dashed}@media (width<=400px){.app-shell{padding:calc(12px + env(safe-area-inset-top)) 10px calc(32px + env(safe-area-inset-bottom))}.hud{gap:6px}.stat__value{font-size:.95rem}.stat__label{font-size:.5rem}}@media (width<=360px){.controls{gap:6px}.controls .btn{padding:.5rem .2rem;font-size:.62rem}.controls .btn__icon{font-size:1.1rem}.cell__num{font-size:clamp(.8rem,4vw,1.3rem)}.medal-unlock__item{min-width:64px}}