:root{--ground:#cfa25c;--pine-light:#e0ba78;--pine-dark:#ad7e3e;--panel:#fbf6ec;--ink:#2f241a;--ink-dim:#2f241a99;--ink-faint:#2f241a61;--accent:#e0862a;--thread:#5c463038;--burn:#38200c;--burn-dim:#38200ccc;--burn-faint:#38200c8c;--burn-bloom:-.5px -.5px 0 #140a008c, .6px .6px 0 #fff0cd8c, 0 0 1px #28140480, 0 0 3px #5a320f59;--font:"Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--ground);height:100%;color:var(--ink);margin:0}body{background-color:var(--ground);background-image:var(--wood-grain,none), var(--wood-ridge,none), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='900'%3E%3Cfilter id='b' x='-10%25' y='-10%25' width='120%25' height='120%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.0012 0.012' numOctaves='2' seed='3' result='band'/%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.003 0.005' numOctaves='2' seed='11' result='wave'/%3E%3CfeDisplacementMap in='band' in2='wave' scale='45' xChannelSelector='R' yChannelSelector='G'/%3E%3CfeColorMatrix values='0 0 0 0 0.5  0 0 0 0 0.32  0 0 0 0 0.1  0.5 0 0 0 -0.12'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E"), radial-gradient(ellipse 110% 85% at 50% 15%, var(--pine-light) 0%, var(--ground) 45%, var(--pine-dark) 100%);background-blend-mode:multiply, soft-light, normal, normal;font-family:var(--font);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background-repeat:repeat,repeat,no-repeat,no-repeat;background-size:2400px 2400px,400px 400px,100% 100%,100% 100%}#app{height:100%}.header,.caption,.hud{color:var(--burn);text-shadow:var(--burn-bloom)}.header .sneakret-games,.header .level-word,.header .nav-btn,.hud .act-btn{color:var(--burn-dim)}.header .sneakret-games{color:var(--burn-faint)}.header .nav-btn:hover,.hud .act-btn:hover{color:var(--burn)}.shell{height:100%;padding:calc(env(safe-area-inset-top,0px) + .6rem) calc(env(safe-area-inset-right,0px) + 1rem) calc(env(safe-area-inset-bottom,0px) + .75rem) calc(env(safe-area-inset-left,0px) + 1rem);-webkit-user-select:none;user-select:none;flex-direction:column;gap:.75rem;display:flex;container-type:inline-size}.header{flex:none;justify-content:space-between;align-items:center;gap:1rem;display:flex}.title-block{flex-direction:column;align-items:flex-start;gap:.2rem;min-width:0;line-height:1;display:flex}.game-title,.win-title{width:auto;display:block}.game-title{height:calc(clamp(2.6rem, 11cqi, 3.6rem) + var(--logo-extra,0px));filter:drop-shadow(1px 2px 1.5px #3c230a73)drop-shadow(2px 5px 6px #3c230a38);margin-left:-.2rem}.win-title{height:5rem;margin:0 auto}.sneakret-games{letter-spacing:.08em;color:var(--ink-faint);font-size:11px;text-decoration:none;transition:color .12s ease-out}.sneakret-games:hover,.sneakret-games:focus-visible{color:var(--ink);outline:none}.header-controls{align-items:center;gap:.9rem;display:flex}.level-nav{align-items:center;gap:.75rem;display:flex}.level-nav .nav-btn{z-index:1;position:relative}.level-label{isolation:isolate;z-index:0;flex-direction:column;align-items:center;min-width:3.5rem;line-height:1;display:flex;position:relative}.level-word,.level-number{z-index:1;position:relative}.level-word{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);font-size:.65rem}.level-number{font-variant-numeric:tabular-nums;text-shadow:-1px -1px #140a008c,1px 1px #fff0cd99,0 0 1.5px #28140480,0 0 4px #5a320f59;font-size:1.35rem;font-weight:700}.level-star{z-index:0;visibility:hidden;text-shadow:none;filter:drop-shadow(0 1.5px 1px #3c230a59)drop-shadow(0 3px 5px #3c230a4d);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.level-star.earned{visibility:visible}button{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}button:disabled{opacity:.28;cursor:default}.nav-btn{width:2.4rem;height:2.4rem;color:var(--ink-dim);border-radius:50%;place-items:center;transition:color .12s,transform 80ms,box-shadow .12s,background .12s;display:grid}.nav-btn:not(:disabled):hover,.nav-btn:not(:disabled):focus-visible{color:var(--ink);outline:none}.stage{flex:auto;place-items:center;min-height:0;display:grid}#board{touch-action:none;display:block}#board.lifted{z-index:5;position:fixed;inset:0}.header-controls,.actions{z-index:6;position:relative}.caption{letter-spacing:.1em;text-transform:uppercase;min-width:0;color:var(--burn-dim);margin:0;font-size:.9rem}.caption.lesson{letter-spacing:0;text-transform:none;color:var(--ink);font-size:1rem}.caption.nudge{color:var(--burn-faint)}.caption.nudge .rule-cover{letter-spacing:.06em;color:var(--burn);text-shadow:var(--burn-bloom);font-size:1.35em;font-weight:800;animation:1.6s ease-in-out infinite alternate nudge-breathe;display:inline-block}@keyframes nudge-breathe{0%{transform:scale(1)}to{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.caption.nudge .rule-cover{animation:none}}.hud{flex:none;grid-template-columns:minmax(0,1fr) minmax(0,max-content) minmax(max-content,1fr);align-items:center;column-gap:1rem;display:grid}.hud .caption{text-align:center;grid-column:2}.actions{grid-column:3;justify-self:end;gap:.35rem;display:flex}.act-btn{min-width:3.4rem;color:var(--ink-dim);letter-spacing:.08em;text-transform:uppercase;border-radius:.7rem;flex-direction:column;align-items:center;gap:.15rem;padding:.45rem .5rem;font-size:.65rem;transition:color .12s,transform 80ms,box-shadow .12s,background .12s;display:flex}.act-btn:not(:disabled):hover,.act-btn:not(:disabled):focus-visible{color:var(--ink);outline:none}.act-btn,.nav-btn,.win-btn{background:radial-gradient(ellipse 70% 55% at 30% 18%, #ffffffd9 0%, #fff0 100%), linear-gradient(180deg, #fdf8ee 0%, var(--panel) 45%, #e9dcc3 100%);box-shadow:inset 0 1.5px #fffffff2,inset 0 -2px 2px #5a3c1e38,inset -1px 0 1px #5a3c1e14,inset 1px 0 #ffffff80,0 0 0 .5px #1e1004b3,0 2px 2px #3c230a4d,0 4px 8px 1px #3c230a33}.act-btn:not(:disabled):active,.nav-btn:not(:disabled):active,.win-btn:not(:disabled):active{transform:translateY(1px);box-shadow:inset 0 1px #fff9,inset 0 2px 3px #3c230a2e,0 0 0 .5px #1e1004b3,0 1px 1px 1px #3c230a33}.act-btn:disabled,.nav-btn:disabled,.win-btn:disabled{color:#38200c66;text-shadow:none;opacity:1;cursor:default;background:#3c230a0d;box-shadow:inset 0 2px 3px #3c230a61,inset 0 1px 1px #3c230a33,inset 0 0 0 1px #5c463040,0 1px #fffaf08c}.help-panel,.win-panel{z-index:8;-webkit-backdrop-filter:blur(6px);background:#46321e59;place-items:center;padding:1rem;animation:.25s ease-out fade-in;display:grid;position:fixed;inset:0}.help-panel[hidden],.win-panel[hidden]{display:none}.confetti{pointer-events:none;z-index:10;width:100%;height:100%;position:fixed;inset:0}.help-card,.win-card{text-align:center;outline-offset:-.65rem;background-color:#f3ead9;background-image:repeating-linear-gradient(45deg,#3c28140e 0 1px,#0000 1px 5px),repeating-linear-gradient(-45deg,#ffffff59 0 1px,#0000 1px 5px);border-radius:.6rem;outline:2px dashed #5c46306b;width:min(22rem,100%);padding:1.6rem 1.8rem;animation:.3s cubic-bezier(.2,1.4,.4,1) pop-in;box-shadow:0 0 0 .5px #1e100480,3px 5px #321e0a52,6px 12px 18px #321e0a38}.help-card{text-align:left;width:min(24rem,100%)}.help-title{letter-spacing:.06em;text-align:center;color:#a83232;text-shadow:-.5px -.5px #ffebe1b3,.6px .8px #46141473,1px 1.5px 1.5px #46141440;font-size:1.3rem;font-weight:800}.help-list{color:var(--ink-dim);flex-direction:column;gap:.45rem;margin:1rem 0 0;padding-left:1.1rem;font-size:.92rem;line-height:1.45;display:flex}.help-list b{color:var(--ink);font-weight:600}.help-toggle{border-top:1px dashed var(--thread);color:var(--ink-dim);cursor:pointer;align-items:center;gap:.6rem;margin-top:1.1rem;padding-top:.9rem;font-size:.9rem;display:flex}.help-toggle input{width:1.1rem;height:1.1rem;accent-color:var(--accent);margin:0}.win-detail{color:var(--ink-dim);margin-top:.5rem;font-size:.95rem}.win-star{filter:drop-shadow(0 1.5px 1px #3c230a4d)drop-shadow(0 3px 5px #3c230a40);justify-content:center;margin-top:.6rem;display:grid}.win-actions{justify-content:center;gap:.6rem;margin-top:1.3rem;display:flex}.win-btn{color:var(--ink);letter-spacing:.04em;border-radius:.7rem;padding:.65rem 1.1rem;font-size:.9rem;transition:color .12s,transform 80ms,box-shadow .12s,background .12s}.win-btn.primary{background:radial-gradient(ellipse 70% 55% at 30% 18%, #ffffff8c 0%, #fff0 100%), linear-gradient(180deg, #f3a850 0%, var(--accent) 45%, #c4701f 100%);color:#fff8ee;text-shadow:0 1px #5a2d0573;font-weight:700}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}}@media (orientation:landscape){.shell{grid-template:"title stage side"1fr"title caption side"/auto 1fr auto;column-gap:1.5rem;display:grid}.header{display:contents}.title-block{grid-area:title;align-self:start}.game-title{height:auto;width:calc(6.2rem + var(--logo-extra,0px))}.sneakret-games{font-size:clamp(11px,1.5vh,14px)}.header-controls{grid-area:side;place-self:start end;margin-top:.5rem}.stage{grid-area:stage}.caption{text-align:center;grid-area:caption;margin-top:-3.5vh;margin-bottom:.9rem}.hud{display:contents}.actions{grid-area:side;place-self:end}}@media (orientation:landscape) and (height<=520px){.caption{display:none}}