:root{--bg:#f5f1e8;--wall:#3d4452;--floor:#ffffff;--goal:#c9a86a;--crate:#e0a458;--crate-edge:#b97f35;--crate-goal:#7fb069;--crate-dead:#d64550;--pusher:#4a7fd4;--ink:#2b2b2b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,sans-serif;-webkit-tap-highlight-color:transparent}.screen{min-height:100dvh;display:grid;place-content:center;text-align:center;grid-gap:8px;gap:8px;padding:24px}.game{min-height:100dvh;flex-direction:column;align-items:center;padding:max(10px,env(safe-area-inset-top)) 8px max(14px,env(safe-area-inset-bottom));gap:10px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.game,.hud{display:flex;justify-content:space-between}.hud{width:100%;max-width:560px;align-items:baseline;padding:0 6px}.hud .title{font-size:16px}.hud .tag{margin-left:6px;font-size:11px;background:var(--wall);color:#fff;border-radius:10px;padding:2px 8px;vertical-align:middle;white-space:nowrap}.counters{font-size:14px;text-align:center}.dim{opacity:.55}.board{--cell:min(52px,calc((100dvw - 16px) / var(--w)),calc((100dvh - 170px) / var(--h)));position:relative;width:calc(var(--cell) * var(--w));height:calc(var(--cell) * var(--h));touch-action:none;cursor:pointer}.board>*{position:absolute;width:var(--cell);height:var(--cell);transform:translate(calc(var(--c) * var(--cell)),calc(var(--r) * var(--cell)))}.cell{background:var(--floor);box-shadow:inset 0 0 0 1px #7e96c026}.cell.wall{background:var(--wall);box-shadow:inset 0 -3px 0 #00000022}.cell.goal:after{content:"";position:absolute;inset:16%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='none' stroke='%234a7fd4' stroke-width='2'%3E%3Ccircle cx='20' cy='20' r='13'/%3E%3Ccircle cx='20' cy='20' r='2' fill='%234a7fd4' stroke='none'/%3E%3Cpath d='M20 2 v7 M20 31 v7 M2 20 h7 M31 20 h7'/%3E%3C/g%3E%3C/svg%3E") 50% /contain no-repeat;opacity:.45}.board.victory .cell.goal:after{animation:pad-pulse .5s ease-out 1 both;animation-delay:calc((var(--c) + var(--r)) * 55ms)}@keyframes pad-pulse{0%{opacity:.45;scale:1}40%{opacity:1;scale:1.18}to{opacity:.9;scale:1}}.crate{background:var(--crate);border-radius:6px;box-shadow:inset 0 0 0 3px var(--crate-edge),inset 0 -4px 0 #00000022;transform:translate(calc(var(--c) * var(--cell)),calc(var(--r) * var(--cell))) scale(.86);transition:transform 90ms linear,background .15s,box-shadow .2s;z-index:2}.crate:after{content:"?";position:absolute;inset:0;display:grid;place-content:center;font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:700;font-size:calc(var(--cell) * .4);color:#00000038}.crate.on-goal{box-shadow:inset 0 0 0 3px var(--crate-edge),inset 0 -4px 0 #00000022,0 0 calc(var(--cell) * .22) #4a7fd466}.crate.on-goal:after{content:"✓";color:var(--pusher)}.crate.dead{background:var(--crate-dead);box-shadow:inset 0 0 0 3px #a63440,inset 0 -4px 0 #00000022}.crate.dead:after{content:"✕";color:#ffffffcc}.crate.selected{outline:3px solid var(--pusher);outline-offset:2px}.pusher{transform:translate(calc(var(--c) * var(--cell)),calc(var(--r) * var(--cell))) scale(.92);transition:transform 90ms linear;z-index:3;pointer-events:none}.cat-wrap{display:block;width:100%;height:100%;transition:transform .12s ease-out;animation:cat-bump .18s ease-out}.pusher[data-facing=l] .cat-wrap{transform:rotate(-8deg)}.pusher[data-facing=r] .cat-wrap{transform:rotate(8deg)}.pusher[data-facing=u] .cat-wrap{transform:translateY(-4%)}@keyframes cat-bump{0%{scale:1 1}45%{scale:1.1 .88}to{scale:1 1}}.cat{display:block;width:100%;height:100%}.cat-tail{transform-box:fill-box;transform-origin:0 100%;animation:tail-sway 2.6s ease-in-out infinite}@keyframes tail-sway{0%,to{transform:rotate(0deg)}50%{transform:rotate(16deg)}}.push-arrow{z-index:4;border:none;border-radius:8px;background:#4a7fd4cc;color:#fff;font-size:calc(var(--cell) * .5);cursor:pointer;display:grid;place-content:center}@keyframes shake-frames{0%,to{translate:0}25%{translate:-5px 0}75%{translate:5px 0}}.board.shake{animation:shake-frames .12s 2}.toolbar{display:flex;gap:10px}.panel button,.toolbar button{font-size:15px;padding:10px 14px;border-radius:10px;border:1px solid #00000022;background:#fff;cursor:pointer}.toolbar button:disabled{opacity:.4}.toolbar button.off{opacity:.55;text-decoration:line-through}.overlay{position:fixed;inset:0;background:#00000055;display:grid;place-items:center;z-index:10}.panel{background:var(--bg);border-radius:16px;padding:22px 28px;text-align:center;max-width:90vw;box-shadow:0 12px 40px #00000044}.panel h2{margin:0 0 6px}.panel .big{font-size:22px;margin:6px 0}.panel-actions{margin-top:12px;display:flex;gap:10px;justify-content:center}.panel button.primary{background:var(--pusher);color:#fff;border:none}.panel{position:relative}.panel-close{position:absolute;top:8px;right:8px;width:32px;height:32px;padding:0!important;border-radius:50%!important;line-height:1}.feedback-trigger{position:fixed;left:10px;bottom:10px;z-index:9;font-size:12px;padding:6px 11px;border-radius:999px;border:1px solid #00000022;background:#ffffffcc;color:var(--ink);cursor:pointer;opacity:.7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.feedback-trigger:hover{opacity:1}.feedback-panel{text-align:left;width:min(420px,92vw)}.feedback-intro{margin:0 0 14px}.feedback-sentiment{display:flex;gap:8px;margin-bottom:10px}.feedback-sentiment button{flex:1 1;padding:8px 10px;border-radius:10px;border:1px solid #00000022;background:#fff;cursor:pointer;font-size:14px}.feedback-sentiment button.active{background:var(--pusher);color:#fff;border-color:transparent}.feedback-text{width:100%;box-sizing:border-box;font:inherit;font-size:15px;padding:10px 12px;border-radius:10px;border:1px solid #00000022;resize:vertical}.feedback-panel .panel-actions{margin-top:12px;justify-content:flex-end}.feedback-panel .panel-actions button{padding:10px 16px;border-radius:10px;border:1px solid #00000022;background:#fff;cursor:pointer;font-size:15px}.feedback-panel .panel-actions button.primary{background:var(--pusher);color:#fff;border-color:transparent}.feedback-panel .panel-actions button:disabled{opacity:.4}.archive{max-width:560px;margin:0 auto;padding:max(10px,env(safe-area-inset-top)) 12px 24px}.archive .hud{padding:0 0 6px}.archive-note{margin:4px 0 14px;font-size:14px}.archive-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.archive-row{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #00000014;border-radius:12px;padding:12px 14px;text-decoration:none;color:var(--ink)}.archive-row:active{background:#f3eee2}.archive-status{font-size:18px}.archive-main{flex:1 1}.archive-main .tag{margin-left:8px;font-size:11px;background:var(--pusher);color:#fff;border-radius:10px;padding:2px 8px}.hud-link{margin-left:10px;text-decoration:none;font-size:15px;color:var(--ink);font-weight:600}.hud-links{white-space:nowrap}.help{padding:16px}.help-intro{margin:10px 0 20px;font-size:16px;line-height:1.5}.help-section{margin:0 0 18px}.help-section p{margin:4px 0 0;line-height:1.5}.help-cta{display:flex;flex-wrap:wrap;gap:16px;margin-top:26px}.help-cta a{color:var(--pusher);font-weight:600;text-decoration:none}.help-cta a:first-child{margin-left:0}.archive-tag{background:var(--goal)!important}.notebook-streak{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:5px;gap:5px;margin:2px 0 4px}@media (min-width:560px){.notebook-streak{grid-template-columns:repeat(16,1fr);gap:4px}}.streak-cell{aspect-ratio:1;border-radius:4px;background:#d8d2c4;border:1px solid #00000014;display:block;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}button.streak-cell{cursor:pointer}.streak-cell.done{background:var(--crate-goal)}.streak-cell.ground{background:#5f9d4e}.streak-cell.today{outline:2px solid var(--pusher);outline-offset:1px}.streak-cell.active{box-shadow:0 0 0 2px var(--ink)}.streak-cell.empty{background:transparent;border-color:#0000000a}.streak-caption{margin:8px 0 4px;font-size:14px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;min-height:1.4em}.streak-open{text-decoration:none;color:var(--pusher);font-weight:600}.share-solution{display:block;margin:14px auto 0;font-size:16px;padding:11px 22px;border-radius:12px;border:none;cursor:pointer;background:var(--pusher);color:#fff;font-weight:600}.solved-hook{margin:14px auto 0;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.solved-hook p{margin:0;font-size:14px;line-height:1.4}.solved-hook a{color:var(--pusher);font-weight:600;text-decoration:none;white-space:nowrap}.researcher{margin-top:24px;padding-top:18px;border-top:1px solid #00000014}.researcher-card{background:#fff;border:1px solid #00000014;border-radius:12px;padding:14px}.researcher-card .account-form{margin:12px 0 0}.account-form{display:flex;flex-direction:column;gap:10px;margin:14px 0;max-width:420px}.account-form input{flex:1 1;font-size:16px;padding:10px 12px;border-radius:10px;border:1px solid #00000022}.account-form button,.archive button{font-size:15px;padding:10px 14px;border-radius:10px;border:1px solid #00000022;background:#fff;cursor:pointer}.account-toggle{margin:16px 0}.error{color:var(--crate-dead)}.auth-actions{display:flex;gap:10px;flex-wrap:wrap}.auth-links{display:flex;flex-direction:column;gap:6px;align-items:flex-start;margin-top:12px}.researcher .auth-alt{background:none;border:none;padding:0;font:inherit;color:var(--pusher);text-decoration:underline;cursor:pointer}.auth-divider{display:flex;align-items:center;gap:10px;margin:14px 0 2px;font-size:13px;color:#2b2b2b;opacity:.5}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:#00000014}.researcher .auth-oauth{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;font-weight:600}.cat-lids{opacity:0;transition:opacity .12s}.pusher.stare .cat-lids{opacity:1}.pusher.stare .cat-wrap{transform:none!important}.pusher.victory .cat-lids{animation:slow-blink 1.1s ease-in-out .25s 1}@keyframes slow-blink{0%,to{opacity:0}35%,70%{opacity:1}}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.title{display:flex;flex-direction:column;gap:3px}.title-row{display:flex;align-items:center;gap:6px}.title-row .tag{margin-left:0}.toast{position:fixed;bottom:84px;left:50%;translate:-50% 0;max-width:min(440px,88vw);background:var(--wall);color:#fff;font-size:14px;line-height:1.45;padding:10px 16px;border-radius:10px;box-shadow:0 6px 24px #00000033;z-index:20}.toolbar button.armed{background:var(--crate-dead);color:#fff;border-color:transparent}.archive-status.ground{color:#d97f28;font-weight:700}.archive-status.done{color:var(--ink);opacity:.7}.archive-status.open{opacity:.35}.notebook-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin:14px 0 22px}.notebook-grid>div{background:#fff;border:1px solid #00000014;border-radius:12px;padding:12px 14px}.notebook-grid dt{font-size:12px;opacity:.6;margin-bottom:4px}.notebook-grid dd{font-size:20px;font-weight:700;margin:0}.notebook-h2{font-size:16px;margin:18px 0 10px}.account-form button{background:var(--pusher);color:#fff;border:none;font-weight:600}.account-form button:disabled{opacity:.5}.account-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin:14px 0}.account-cards>div{background:#fff;border:1px solid #00000014;border-radius:12px;padding:12px 14px}.account-cards dt{font-size:12px;opacity:.6;margin-bottom:4px}.account-cards dd{font-size:16px;font-weight:700;margin:0;overflow-wrap:anywhere}.account-note{margin:0 0 14px}.account-note,.account-toggle{background:#fff;border:1px solid #00000014;border-radius:12px;padding:12px 14px}.account-toggle{display:flex;gap:10px;align-items:start}.account-toggle .dim{display:block;font-size:13px;margin-top:2px}.next-exp{font-size:14px;background:#fff;border:1px solid #00000014;border-radius:10px;padding:8px 14px;display:inline-block}