:root{--paper:#f3efe6;--surface:#fbf9f4;--ink:#17171a;--ink-2:#34343a;--muted:#5b5750;--muted-ink:#d6d1c6;--eyebrow-ink:#beb8ac;--rule:#ddd6c8;--flame:#e36b12;--danger:#b3261e;--display:"Bricolage Grotesque", "DM Sans", system-ui, sans-serif;--body:"DM Sans", system-ui, -apple-system, sans-serif;--mono:"DM Mono", ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}button{font:inherit;color:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #2563c9}a:focus-visible{outline-offset:3px;outline:3px solid #2563c9}h1,h2,p{margin:0}.num{font-variant-numeric:tabular-nums}.icon{flex-shrink:0}.row{align-items:center;display:flex}.between{justify-content:space-between}.row.end{align-items:flex-end}.bar.end{justify-content:flex-end}.grow{flex-grow:1}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.stack-4,.stack-6,.stack-10,.stack-14,.stack-16{flex-direction:column;display:flex}.stack-4{gap:4px}.stack-6{gap:6px}.stack-10{gap:10px}.stack-14{gap:14px}.stack-16{gap:16px}.center{text-align:center}.muted{color:var(--muted);font-size:15px}.muted.small{font-size:12px}.muted-ink{color:var(--muted-ink);font-size:16px}.ink{color:var(--ink)}#app{min-height:100dvh}#app.enter .screen{animation:.26s cubic-bezier(.2,.7,.2,1) screen-in}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}}.screen{max-width:480px;min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 20px max(28px, env(safe-area-inset-bottom));flex-direction:column;gap:20px;margin:0 auto;display:flex}.bar{justify-content:space-between;align-items:center;min-height:48px;display:flex}.brand{align-items:center;gap:10px;display:flex}.wordmark{font-family:var(--display);letter-spacing:-.02em;font-size:24px;font-weight:800}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.eyebrow.on-ink{color:var(--eyebrow-ink)}.icon-btn{border:1.5px solid var(--rule);background:var(--surface);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:transform .12s,background .12s;display:inline-flex;position:relative}.icon-btn:active{transform:scale(.95)}.icon-btn.on-ink{border-color:var(--ink-2);color:#fff;background:0 0}.icon-btn-lg{border-radius:20px;width:64px;height:64px}.icon-spacer{width:48px}.btn{cursor:pointer;border:1.5px solid #0000;border-radius:16px;justify-content:center;align-items:center;gap:8px;height:52px;padding:0 20px;font-size:16px;font-weight:700;transition:transform .12s,background .12s,color .12s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-lg{border-radius:20px;height:64px;padding:0 26px;font-size:18px}.btn-block{width:100%}.btn-light{color:var(--ink);background:#fff}.btn-light:hover{background:#f0ece3}.btn-outline{border-color:var(--ink);color:var(--ink);background:0 0}.btn-outline:hover{background:var(--ink);color:#fff}.btn-danger{border-color:var(--rule);color:var(--danger);background:0 0}.btn-ghost-outline{border-color:var(--rule);background:0 0;border-radius:14px;align-self:flex-start;height:48px;padding:0 16px;font-size:15px;font-weight:600}.link-btn{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:none;align-self:center;padding:0 16px;font-size:15px;font-weight:600}.link-btn.on-ink{color:var(--eyebrow-ink)}.badge{color:#fff;background:#d93a30;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-weight:700;display:flex;position:absolute}.card{background:var(--surface);border:1.5px solid var(--rule);border-radius:28px;padding:22px 24px}.card-ink{background:var(--ink);border-color:var(--ink);color:#fff}.home-cards{flex-direction:column;flex-grow:1;justify-content:center;gap:16px;display:flex}.continue{flex-direction:column;gap:6px;padding:24px;display:flex}.level-title{font-family:var(--display);letter-spacing:-.03em;font-size:52px;font-weight:800;line-height:1}.continue-foot{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:14px;display:flex}.thumb{border-radius:18px;width:132px;line-height:0;overflow:hidden}.thumb svg{width:100%;height:auto}.daily{flex-direction:column;gap:16px;display:flex}.streak{color:var(--flame);align-items:center;gap:4px;font-size:15px;font-weight:700;display:flex}.daily-no{font-family:var(--display);letter-spacing:-.02em;font-size:34px;font-weight:800;line-height:1}.week{gap:6px;display:flex}.week span{background:var(--rule);border-radius:3px;flex-grow:1;height:6px}.week span.done{background:var(--flame)}.home-foot{justify-content:center;gap:24px;font-size:14px;display:flex}.sheet{background:var(--surface);width:min(420px,100vw - 32px);color:var(--ink);border:none;border-radius:28px;padding:0}.sheet::backdrop{background:#17171a73}.sheet-body{flex-direction:column;gap:12px;padding:20px 24px 24px;display:flex}.sheet-title{font-family:var(--display);font-size:26px;font-weight:800}.board-wrap{justify-content:center;width:100%;display:flex}.board{aspect-ratio:1;width:min(100%,100dvh - 330px,560px);min-width:260px;box-shadow:0 1px 0 var(--rule), 0 18px 40px -24px #17171a59;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:28px;line-height:0}.board svg{width:100%;height:100%;display:block}.board.solved{cursor:default;animation:.7s cubic-bezier(.2,.8,.2,1) solved-pop}.board.solved .line{animation:.7s ease-out line-glow}@keyframes solved-pop{40%{transform:scale(1.035)}}@keyframes line-glow{40%{stroke-width:38px}}.legend{justify-content:center;align-items:center;gap:8px;min-height:22px;display:flex}.legend-dot{border:3px solid var(--c);border-radius:50%;width:18px;height:18px;transition:background .16s,transform .16s}.legend-dot.on{background:var(--c);transform:scale(1.1)}.legend-lg .legend-dot{width:22px;height:22px}.play-heading{flex-direction:column;align-items:center;gap:2px;display:flex}.play-title{font-family:var(--display);letter-spacing:-.02em;font-size:24px;font-weight:800;line-height:1}.play-title-lg{font-family:var(--display);letter-spacing:-.03em;font-size:52px;font-weight:800;line-height:1}.timer{align-items:center;gap:5px;font-size:13px;display:inline-flex}.play-center{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:20px;display:flex}.play-center>.muted{font-size:14px}.toolbar{gap:10px;display:flex}.tool{border:1.5px solid var(--rule);background:var(--surface);cursor:pointer;border-radius:18px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;height:72px;font-size:13px;font-weight:600;transition:transform .12s;display:flex;position:relative}.tool:active:not(:disabled){transform:scale(.96)}.tool .badge{top:6px;right:calc(50% - 30px)}.tool:disabled,.tool-row:disabled{color:#a8a298;cursor:default}.tool-row{border:1.5px solid var(--rule);background:var(--surface);cursor:pointer;border-radius:16px;align-items:center;gap:12px;height:56px;padding:0 18px;font-size:16px;font-weight:600;display:flex;position:relative}.tool-row:hover:not(:disabled){border-color:var(--ink)}.tool-row .tool-label{text-align:left;flex-grow:1}.tool-row .badge{position:static}.tool-row kbd{font-family:var(--mono);color:var(--muted);border:1px solid var(--rule);border-radius:6px;padding:2px 7px;font-size:13px}.rules{color:var(--muted);background:0 0;border-style:dashed;flex-direction:column;gap:10px;font-size:15px;display:flex}.d-only{display:none!important}.theme-ink{color:#fff}body:has(.theme-ink){background:var(--ink)}.clear{gap:20px}.mini-dot{background:var(--c);border-radius:50%;width:10px;height:10px}.clear-body{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:28px;display:flex}.clear-board{border-radius:24px;width:min(240px,60vw);line-height:0;animation:.6s cubic-bezier(.2,.8,.2,1) both clear-board-in;overflow:hidden;transform:rotate(-3deg);box-shadow:0 30px 60px -20px #0009}.clear-board svg{width:100%;height:auto}@keyframes clear-board-in{0%{opacity:0;transform:rotate(-12deg)scale(.85)}}.clear-copy{text-align:center;flex-direction:column;align-items:center;gap:8px;animation:.5s .15s both screen-in;display:flex}.headline{font-family:var(--display);letter-spacing:-.04em;font-size:64px;font-weight:800;line-height:1}.headline-lg{font-size:56px;line-height:.95}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;animation:.5s .25s both screen-in;display:grid}.stat{border:1.5px solid var(--ink-2);border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;display:flex}.stat-value{font-family:var(--display);font-size:26px;font-weight:700}.stat-label{color:var(--eyebrow-ink);font-size:13px}.result-body{flex-direction:column;flex-grow:1;justify-content:center;gap:22px;display:flex}.streak-line{align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.streak-line .icon{color:var(--flame)}.week-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.week-day{flex-direction:column;align-items:center;gap:6px;display:flex}.week-mark{background:var(--paper);border:1.5px dashed var(--rule);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.week-mark.done{background:var(--flame);border:none}.week-mark.today{background:var(--ink);border:none}.share-text{font-family:var(--mono);word-break:break-word;font-size:18px;line-height:1.4}.tutorial-body{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:36px;display:flex}.tutorial .board{width:min(100%,100dvh - 300px,400px)}.pictogram{align-items:center;gap:14px;min-height:48px;display:flex}.station{background:var(--c);border-radius:50%;width:40px;height:40px;display:inline-flex}.station svg{width:100%;height:100%}.cross-pict{justify-content:center;align-items:center;width:96px;height:96px;display:flex;position:relative}.cross-pict .h,.cross-pict .v{background:var(--c);border-radius:6px;position:absolute}.cross-pict .h{width:96px;height:12px}.cross-pict .v{width:12px;height:96px}.cross-pict svg{position:relative}.dots{justify-content:center;gap:8px;display:flex}.dots span{background:var(--rule);border-radius:4px;width:8px;height:8px;transition:width .2s}.dots span.on{background:var(--ink);width:24px}@media (min-width:1024px) and (min-height:600px){.m-only{display:none!important}.d-only{display:flex!important}.screen.play{grid-template-columns:280px minmax(0,1fr) 280px;gap:40px;max-width:1320px;height:100dvh;padding:28px 40px;display:grid}.play-left{flex-direction:column;gap:28px}.play-left-body{flex-direction:column;flex-grow:1;justify-content:center;gap:22px;display:flex}.play-left .legend{justify-content:flex-start}.play-right{flex-direction:column;justify-content:center;gap:16px}.play .board{border-radius:36px;width:min(100%,100dvh - 80px,720px)}.screen.home,.screen.daily-result,.screen.clear,.screen.tutorial{max-width:440px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}