:root{color:#24372e;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f5ef;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}button,summary{font:inherit}button:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #be6517}button{cursor:pointer}button:disabled{cursor:default}h1,h2,p{margin:0}button,summary{-webkit-tap-highlight-color:transparent}.board:focus-visible,select:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #be6517}main{grid-template-columns:minmax(0,660px) minmax(220px,1fr);gap:32px;max-width:1120px;margin:auto;padding:32px;display:grid}header{border-bottom:1px solid #ccd4c8;grid-column:1/-1;justify-content:space-between;align-items:end;padding-bottom:20px;display:flex}.eyebrow{letter-spacing:1.8px;color:#536a58;font-size:10px;font-weight:750}h1{letter-spacing:-2px;margin:8px 0 0;font-size:48px;line-height:1.2}h1 span{letter-spacing:0;color:#657461;margin-left:20px;font-size:17px;font-weight:400}.intro{color:#607064;padding-bottom:5px;font-size:14px}.game{background:#fffefa;border:1px solid #ccd4c8;border-radius:12px;padding:24px;box-shadow:0 8px 30px #263c3010}.game-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.game-heading h2{margin-top:4px;font-size:24px}.level-picker{color:#536a58;gap:3px;font-size:11px;display:grid}select{color:#24372e;min-width:76px;min-height:44px;font:inherit;background:#fffefa;border:1px solid #a7b29f;border-radius:5px;padding:6px 10px;font-size:15px}.stats{gap:30px;margin:16px 0;display:flex}.stats div{align-items:baseline;gap:8px;display:flex}.stats dt{color:#60705c;font-size:12px}.stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:23px}.stats small{color:#60705c;font-size:12px}.board-frame{background:#c5cfad;border:3px solid #45513d;border-radius:5px;padding:5px}.board{aspect-ratio:10/8;touch-action:none;-webkit-user-select:none;user-select:none;outline-offset:8px;background:#c5cfad;grid-template-rows:repeat(8,minmax(0,1fr));display:grid}.board-row{grid-template-columns:repeat(10,minmax(0,1fr));display:grid}.tile{justify-content:center;align-items:center;min-width:0;min-height:0;margin:1px;display:flex;position:relative}.wall{background:#81916b;border:1px solid #657554;border-radius:2px;box-shadow:inset 1px 1px #a8b396,inset -1px -1px #60704f}.block{color:#fff;cursor:grab;background:#314b3e;border:2px solid #172e23;border-radius:5px;font-size:clamp(13px,2.8vw,28px);font-weight:800;box-shadow:inset 0 0 0 2px #b6c99e}.block-b{background:#714436}.block-c{background:#3a526a}.block-d{background:#674c71}.block-e{background:#705d25}.block-f{background:#346566}.block-g{background:#525032}.block-h{background:#6c3f54}.tile.selected{outline-offset:-3px;z-index:1;outline:3px solid #f5bf36;box-shadow:0 0 0 2px #362609}.board:focus-visible .cursor:after{content:"";pointer-events:none;border:2px dashed #fff;position:absolute;inset:3px;box-shadow:0 0 0 1px #26372c}.preview{outline-offset:-3px;background:#e6ecc9;outline:2px dashed #3e5540}.controls{flex-wrap:wrap;gap:10px;display:flex}.move-controls{gap:8px;margin-left:auto;display:flex}.move-controls button{min-width:52px;font-size:22px;line-height:1}button{color:#fff;background:#274a39;border:1px solid #274a39;border-radius:6px;min-height:46px;padding:10px 16px;font-size:14px;font-weight:650}.secondary{color:#38523e;background:0 0;border-color:#a7b29f}button:disabled{opacity:.4}.feedback{color:#4c6047;min-height:40px;margin:14px 0;font-size:13px}.success{color:#274a39;font-weight:750}.completion{border-top:1px solid #ccd4c8;margin-top:16px;padding-top:16px}aside{padding:12px 0}.guide-number{letter-spacing:3px;color:#6b7f63;font-size:12px}aside h2{letter-spacing:-.8px;margin:14px 0 20px;font-size:28px;line-height:1.2}aside p{color:#53664f;font-size:14px;line-height:1.7}.guide{border-top:1px solid #ccd4c8;margin-top:24px;padding-top:20px}.guide h3{margin:0 0 12px;font-size:14px}.guide p+p{margin-top:12px}details{margin-top:20px;font-size:13px}summary{cursor:pointer;align-content:center;min-height:44px}.session-note{margin-top:20px;font-size:12px!important}.license{margin-top:24px;font-size:11px!important}a{color:inherit}@media (width<=850px){main{grid-template-columns:minmax(0,1fr);gap:22px;max-width:720px;padding:24px}aside{grid-template-columns:1fr 1fr;gap:16px 24px;display:grid}aside h2{margin:0}.guide{border:0;grid-area:1/2/5;margin:0;padding:0}.guide-number{display:none}.session-note,.license,details{margin:0}.intro{display:none}}@media (width<=480px){main{gap:16px;padding:16px 12px}header{padding-bottom:14px}h1{font-size:38px}h1 span{margin-left:14px;font-size:14px}.game{padding:12px}.eyebrow{letter-spacing:1px;font-size:9px}.stats{gap:20px}.stats dd{font-size:20px}.stats div{gap:5px}.board-frame{border-width:2px;padding:3px}.block{border-width:1px;border-radius:3px;box-shadow:inset 0 0 0 1px #b6c99e}.controls{gap:8px}button{padding:10px 12px}.move-controls button{min-width:46px}aside{display:block}aside h2{margin-bottom:12px;font-size:24px}.guide{margin:20px 0}.session-note,.license{margin-top:16px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}@media (width>=900px) and (height>=600px) and (height<=850px){main{grid-template-columns:minmax(0,660px) minmax(220px,1fr);gap:20px;padding:20px}header{padding-bottom:10px}h1{margin-top:4px;font-size:32px}.game{padding:16px}.stats{margin:10px 0}.board-frame{width:min(100%,125dvh - 506.25px);margin-inline:auto}.feedback{margin:10px 0}aside{padding-top:0}}.board{position:relative}.sprites{pointer-events:none;z-index:3;position:absolute;inset:0}.sprite{will-change:transform;width:10%;height:12.5%;transition-property:transform,opacity;transition-timing-function:ease-out;position:absolute;top:0;left:0}.sprite>.tile{height:calc(100% - 2px)}.animating .board-row .block{color:#0000;box-shadow:none;background:0 0;border-color:#0000}.theme-classic .block{background:#314336;border-radius:1px;box-shadow:inset 0 0 0 2px #c0cea6}.theme-classic .block-b,.theme-classic .block-f{background:repeating-linear-gradient(45deg,#3b4e3e 0 4px,#526448 4px 6px)}.theme-classic .block-c,.theme-classic .block-g{background:repeating-linear-gradient(0deg,#314336 0 4px,#637853 4px 6px)}.theme-classic .block-d,.theme-classic .block-h{background:radial-gradient(#859275 1px,#314336 2px) 0 0/6px 6px}.theme-modern .board-frame{background:#e4eaf0;border-color:#344b60}.theme-modern .board{background:#e4eaf0}.theme-modern .wall{background:#bac7d1;border-color:#a0b0bc;border-radius:4px;box-shadow:inset 1px 1px #edf1f5,inset -1px -1px #90a0ad}.theme-modern .block{border-radius:8px;box-shadow:inset 0 0 0 2px #ffffff60}.theme-modern .block:nth-child(n){font-family:ui-rounded,system-ui,sans-serif}.stats{flex-wrap:wrap;gap:22px}.tools h3{margin:0 0 10px;font-size:14px}.tool-buttons{flex-wrap:wrap;gap:8px;display:flex}.tool-buttons button{padding:8px 12px;font-size:12px}.settings label{justify-content:space-between;align-items:center;gap:12px;margin:12px 0;font-size:13px;display:flex}.settings .check{justify-content:start;min-height:44px}.check input{accent-color:#274a39;width:20px;height:20px}.settings p,.help p{font-size:12px}.help p+p{margin-top:12px}.replay-dialog{color:#24372e;background:#fffefa;border:1px solid #a7b29f;border-radius:12px;width:min(760px,100vw - 24px);max-height:calc(100dvh - 24px);padding:20px;overflow:auto}.replay-dialog::backdrop{background:#102019bb}.dialog-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.dialog-heading h2{font-size:21px}.replay-dialog>p{margin:12px 0}.replay-dialog .board-frame{width:min(100%,125dvh - 362.5px);min-width:240px;margin:12px auto}.replay-dialog .controls{justify-content:center}@media (width<=850px){aside{display:block}.tools{margin:20px 0}.settings,.help{margin-top:14px}}@media (width<=480px){.stats{gap:12px}.stats dd{font-size:18px}.stats dt{font-size:11px}.stats div{gap:4px}.replay-dialog{padding:12px}.dialog-heading{align-items:start}.dialog-heading h2{font-size:16px}.replay-dialog button{font-size:12px}.replay-dialog .controls{gap:6px}}@media (prefers-reduced-motion:reduce){.sprite{transition:none!important}}.device-status{border-top:1px solid #ccd4c8;margin-top:20px;padding-top:14px}.offline-status p{margin:10px 0;font-size:12px}.offline-status button{margin:6px 4px 6px 0;font-size:12px}.offline-status details{margin-top:8px}.offline-status summary{font-size:12px}.update-check{min-height:44px}.guide-number{color:#536a4b}header{flex-wrap:wrap;gap:12px}.game-heading>div{min-width:0}.game-heading{flex-wrap:wrap}.eyebrow{overflow-wrap:anywhere}.dialog-heading{flex-wrap:wrap}.license{overflow-wrap:anywhere}.settings label{flex-wrap:wrap}.settings select{max-width:100%}.game{align-self:start}.pack-switcher{margin-top:14px}.pack-switcher summary{align-content:center;min-height:44px}.pack-switcher .level-picker{gap:8px;margin-top:8px}.pack-switcher .level-picker>span{flex-wrap:wrap;justify-content:space-between;gap:6px;display:flex}.pack-switcher small{font-size:11px}.pack-switcher select{width:100%;min-width:0;max-width:100%}.pack-switcher p{margin:8px 0 0;font-size:12px;line-height:1.5}.board{container-type:inline-size}.tile{overflow:hidden}.block{font-size:clamp(10px,4cqw,28px);line-height:1}.tile>span{pointer-events:none}