:root{--bg:#f7f1e6;--field:#f2ead9;--field-inner:#e8dcc4;--controls:#f6d3a7;--controls-2:#f0c48f;--panel:#fbf6ec;--line:#d8c7aa;--line-strong:#b9a17f;--text:#4a3d2c;--text-dim:#8a7860;--accent:#e0803a}*{box-sizing:border-box}html,body{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;overflow-x:hidden}body{background:var(--bg);color:var(--text);overscroll-behavior:none;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}#app{padding:calc(var(--page-pad,20px) + var(--safe-top,env(safe-area-inset-top))) calc(var(--page-pad,20px) + var(--safe-right,env(safe-area-inset-right))) calc(var(--page-pad,20px) + var(--safe-bottom,env(safe-area-inset-bottom))) calc(var(--page-pad,20px) + var(--safe-left,env(safe-area-inset-left)));min-height:var(--vh,100vh);flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;display:flex}body.debug-off .debug{display:none}@media (width<=720px){#app{align-items:flex-start;gap:0}}.game{align-items:center;gap:var(--game-gap,14px);width:100%;max-width:var(--column-max,480px);flex-direction:column;margin:0 auto;display:flex;position:relative}.zone{align-items:center;gap:var(--game-gap,14px);border-radius:18px;flex-direction:column;align-self:stretch;display:flex}.zone--field{background:var(--field);padding:var(--zone-pad-field-y,12px) var(--zone-pad-field-x,12px);border:1px solid var(--line);box-shadow:0 1px 3px #78603c1f}.zone--controls{background:repeating-linear-gradient(45deg, transparent 0 14px, var(--controls-2) 14px 15px), repeating-linear-gradient(-45deg, transparent 0 14px, var(--controls-2) 14px 15px), var(--controls);padding:var(--zone-pad-controls,12px);border:1px solid var(--line);box-shadow:0 1px 3px #78603c1f}.board{background:var(--field-inner);border:1px solid var(--line-strong);contain:paint;border-radius:10px;padding:6px;display:grid;position:relative}.ant-layer{pointer-events:none;z-index:5;will-change:transform;position:absolute;inset:0;overflow:visible}.ant{background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:0;left:0}.cell{border-radius:2px}.cell--empty{background:0 0}.cell--reachable{outline-offset:-1px;outline:1px solid #ffffff59}.cell--spawner{color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000,0 -1px 2px #000;z-index:1;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.fx-layer{pointer-events:none;z-index:4;will-change:transform;position:absolute;inset:0;overflow:visible}.fx-tile{border-radius:3px;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #0b0c10d9}.fx-tile[hidden]{display:none}.cell--buried{filter:brightness(.62)}.cell--nest{box-shadow:inset 0 0 0 2px #7cc5ff,0 0 6px #7cc5ffb3}.nest{border:1px solid var(--line);color:#e8dcc4;background:#4a3d2c;border-top:none;border-radius:0 0 40px 40px;justify-content:center;align-items:center;width:72px;height:18px;font-size:9px;display:flex}.slots{gap:8px;display:flex}.slot{background:var(--panel);border:2px dashed var(--line-strong);text-shadow:0 0 2px #fffffff2,0 1px #fffc;color:#10121a;border-radius:10px;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.slot--empty{background:#ffffff73}.slot--stuck{box-shadow:0 0 0 3px #c94f43}.slot--chained{border-style:solid;border-width:3px}.slot--waiting{opacity:.55}.tray{flex-direction:row;align-items:flex-start;gap:8px;display:flex;position:relative}.tray-links{pointer-events:none;position:absolute;top:0;left:0}.tray-col{flex-direction:column;align-items:center;gap:4px;display:flex}.tray-tail{color:#7a6448;min-height:12px;font-size:10px;line-height:12px}.block{outline-offset:-1px;touch-action:manipulation;-webkit-user-select:none;user-select:none;text-shadow:0 0 2px #fffffff2,0 1px #fffc;color:#10121a;border-radius:8px;outline:1px solid #4a2d1459;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:transform 80ms;display:flex}.block--head{cursor:pointer;box-shadow:0 0 0 2px #4a3d2c}.block--head:hover{transform:translateY(-2px)}.block--preview{opacity:.4;pointer-events:none}.block--chained{z-index:1;border:3px solid #0000;position:relative}.block--tooBig{cursor:not-allowed;opacity:.7}.block--reject{animation:.32s reject;box-shadow:0 0 0 3px #c94f43}@keyframes reject{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.block--hidden{color:#e7e9f2;font-size:20px;box-shadow:inset 0 0 0 2px #ffffff38}.block--hidden.block--head{box-shadow:0 0 0 2px #4a3d2c,inset 0 0 0 2px #ffffff38}.block-wrap{display:flex;position:relative}.block-lock{pointer-events:none;z-index:2;border:1px solid #0000008c;border-radius:4px;justify-content:center;align-items:center;height:16px;font-size:11px;display:flex;position:absolute;top:50%;left:-2px;right:-2px;transform:translateY(-50%)}.block--locked{opacity:.45;cursor:not-allowed;filter:grayscale(.5)}.block--ghost{border:1px dashed var(--line-strong);pointer-events:none;background:#ffffff59}.cell--chest{color:#10121a;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.cell--key{justify-content:center;align-items:center;font-size:13px;display:flex}.key-glyph{pointer-events:none;line-height:1;display:block}.topbar{justify-content:space-between;align-self:stretch;align-items:center;gap:8px;display:flex}.topbar__level{color:var(--text-dim);white-space:nowrap;font-size:12px;font-weight:700;line-height:14px}.coins{border:1px solid var(--text-dim);white-space:nowrap;background:#fffdf8eb;border-radius:999px;align-items:center;gap:4px;padding:4px 9px;font-size:12px;font-weight:800;line-height:14px;display:flex}.coins__icon{color:#d9a01f;font-size:13px;line-height:1}.overlay{z-index:10;background:#f7f1e6e6;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay--hidden{display:none}.overlay__card{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:12px;max-width:320px;margin:12px;padding:20px 24px;box-shadow:0 8px 28px #78603c40}.overlay__title{margin-bottom:8px;font-size:19px;font-weight:800}.overlay__title--win{color:#3f8f42}.overlay__title--lose{color:#c25a4a}.overlay__text{color:var(--text-dim);margin-bottom:16px;font-size:12px;line-height:1.5}.overlay__buttons{flex-direction:column;gap:8px;display:flex}.overlay__btn{touch-action:manipulation;color:var(--text);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:9px 18px;font-family:inherit;font-size:13px}.overlay__btn:hover{background:#78603c14}.overlay__btn--main{background:var(--accent);border-color:var(--accent);color:#3a2a16;font-weight:700}.overlay__btn--main:hover{background:#ef8f45}.restart{touch-action:manipulation;background:var(--panel);color:var(--text);border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:5px 14px;font-family:inherit;font-size:12px;line-height:14px;box-shadow:0 1px 2px #78603c2e}.debug{background:var(--panel);color:var(--text);border:1px solid var(--line);white-space:pre-wrap;border-radius:8px;min-width:380px;margin:0;padding:14px;font-size:12px;line-height:1.5}:root{--menu-bg:url(/assets/menu-bg-C8SZ5l38.png) center bottom / cover no-repeat;--accent-strong:#b45c1c;--accent-strong-dark:#8f4614}.menu{z-index:50;background:var(--bg);padding:calc(16px + var(--safe-top,env(safe-area-inset-top))) calc(16px + var(--safe-right,env(safe-area-inset-right))) calc(16px + var(--safe-bottom,env(safe-area-inset-bottom))) calc(16px + var(--safe-left,env(safe-area-inset-left)));color:var(--text);min-height:var(--vh,100vh);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.menu--hidden{display:none}.menu__bg{width:100%;max-width:var(--column-max,480px);background:var(--menu-bg);z-index:-1;background-color:#f7ecd8;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.menu__bg:after{content:"";pointer-events:none;background:radial-gradient(78% 34% at 50% 38%,#fffcf4d1 0%,#fffcf400 100%),linear-gradient(#fffcf48c 0%,#fffcf400 18%);position:absolute;inset:0}.menu__top{width:100%;max-width:var(--column-max,480px);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;margin:0 auto;display:flex}.menu__coins{border:1px solid var(--text-dim);background:#fffdf8eb;border-radius:999px;align-items:center;gap:6px;padding:clamp(8px,2.4vw,12px) clamp(14px,4vw,20px);font-size:clamp(17px,4.6vw,22px);font-weight:800;line-height:1;display:flex;box-shadow:0 3px #8c745459}.menu__coin{color:#d9a01f;font-size:clamp(19px,5vw,25px);line-height:1}.menu__bonus{font:inherit;color:#fff;background:var(--accent-strong);border:1px solid var(--accent-strong-dark);box-shadow:0 3px 0 var(--accent-strong-dark);cursor:pointer;border-radius:999px;padding:clamp(8px,2.4vw,12px) clamp(14px,4vw,20px);font-size:clamp(14px,3.8vw,18px);font-weight:800;line-height:1}.menu__bonus--done{color:var(--text-dim);border-color:var(--text-dim);cursor:default;background:#fffdf8eb;box-shadow:0 2px #8c745459}.menu__gear{width:clamp(44px,12vw,56px);height:clamp(44px,12vw,56px);color:var(--text);border:1px solid var(--text-dim);cursor:pointer;background:#fffdf8eb;border-radius:999px;flex-shrink:0;font-size:clamp(22px,6vw,28px);line-height:1;box-shadow:0 3px #8c745459}.menu__center{text-align:center;width:100%;max-width:var(--column-max,480px);flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:clamp(6px,1.5vh,12px);margin:0 auto;padding:clamp(16px,5vh,48px) 0 20px;display:flex}.menu__title{letter-spacing:1px;color:var(--text);text-shadow:0 2px #ffffffe6,0 0 14px #fffcf4f2,0 4px 10px #78604040;margin:0;font-size:clamp(34px,12vw,64px);font-weight:900}.menu__sub{color:var(--text);text-shadow:0 0 10px #fffcf4f2;max-width:320px;margin:0 0 8px;font-size:12px;font-weight:700}.menu__play{min-width:min(280px,80vw);font:inherit;color:#fff;background:var(--accent-strong);border:1px solid var(--accent-strong-dark);box-shadow:0 4px 0 var(--accent-strong-dark);cursor:pointer;border-radius:18px;flex-direction:column;align-items:center;gap:2px;margin-top:clamp(14px,4vh,40px);padding:16px 28px;display:flex}.menu__play:active{box-shadow:0 2px 0 var(--accent-strong-dark);transform:translateY(2px)}.menu__playWord{letter-spacing:1px;font-size:24px;font-weight:900}.menu__playLevel{opacity:.9;font-size:13px;font-weight:700}.menu__settings{width:100%;max-width:var(--column-max,480px);background:#4a3d2c73;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.menu__settings--hidden{display:none}.menu__card{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:min(320px,100%);padding:18px;box-shadow:0 8px 24px #4a3d2c40}.menu__cardTitle{margin-bottom:14px;font-size:16px;font-weight:800}.menu__row{justify-content:space-between;align-items:center;padding:8px 0 14px;font-size:14px;font-weight:700;display:flex}.menu__toggle{background:var(--line);border:1px solid var(--line-strong);cursor:pointer;border-radius:999px;width:52px;height:30px;padding:3px;transition:background .15s}.menu__toggle--on{background:#6fb36f;border-color:#4f8f4f}.menu__knob{background:#fff;border-radius:999px;width:22px;height:22px;transition:transform .15s;display:block}.menu__toggle--on .menu__knob{transform:translate(22px)}.menu__danger,.menu__close,.menu__confirmNo,.menu__confirmYes{width:100%;font:inherit;cursor:pointer;border-radius:10px;padding:11px;font-size:13px;font-weight:700}.menu__danger{color:#c25a4a;background:#fdeeea;border:1px solid #e8b6ab;margin-bottom:8px}.menu__close{color:var(--text);background:var(--panel);border:1px solid var(--line)}.menu__confirm{background:#fdeeea;border:1px solid #e8b6ab;border-radius:10px;margin-bottom:8px;padding:12px}.menu__confirm--hidden{display:none}.menu__confirmText{margin-bottom:10px;font-size:12px;line-height:1.5}.menu__confirmRow{gap:8px;display:flex}.menu__confirmNo{background:var(--panel);border:1px solid var(--line);color:var(--text)}.menu__confirmYes{color:#fff;background:#c25a4a;border:1px solid #a3453a}.toMenu{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);box-shadow:0 2px 0 var(--line);cursor:pointer;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:700;line-height:14px}.overlay__coins{color:#8a6a12;background:#fdf3d8;border:1px solid #e3cb8c;border-radius:10px;margin-bottom:14px;padding:10px 12px;font-size:15px;font-weight:800}.overlay__coins--hidden{display:none}.overlay__coins--none{color:var(--text-dim);background:var(--panel);border-color:var(--line);font-size:12px;font-weight:700;line-height:1.4}.menu__coins{position:relative}.menu__gain{color:#6b8f3a;white-space:nowrap;opacity:0;pointer-events:none;background:#f0f7e2;border:1px solid #b6cf8a;border-radius:999px;margin-top:4px;padding:3px 10px;font-size:clamp(13px,3.4vw,16px);font-weight:800;position:absolute;top:100%;left:50%;transform:translate(-50%)}.menu__gain--show{animation:1.5s ease-out forwards gainPop}@keyframes gainPop{0%{opacity:0;transform:translate(-50%,-4px)}15%{opacity:1;transform:translate(-50%)}70%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}.boosts{grid-template-columns:repeat(4,1fr);align-self:stretch;gap:6px;display:grid}.boost{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);box-shadow:0 2px 0 var(--line);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:5px 3px 4px;display:flex;position:relative}.boost:active{box-shadow:none;transform:translateY(2px)}.boost__glyph{font-size:17px;line-height:17px}.boost__title{font-size:9px;font-weight:700;line-height:11px}.boost__price{color:#8a6a12;min-height:12px;font-size:10px;font-weight:800;line-height:12px}.boost__price:not(:empty):after{content:" ◉"}.boost__count{color:#fff;background:var(--accent-strong);border:1px solid var(--accent-strong-dark);border-radius:999px;min-width:18px;padding:1px 4px;font-size:10px;font-weight:800;position:absolute;top:-6px;right:-3px}.boost--empty{color:var(--text-dim)}.boost--empty .boost__count{color:var(--text-dim);background:var(--panel);border-color:var(--line)}.boost--empty .boost__glyph{opacity:.55}.boost--poor .boost__price{color:#c25a4a}.boosts{position:relative}.boosts__note{text-align:center;color:#4a6b2f;background:#f0f7e2;border:1px solid #b6cf8a;border-radius:10px;padding:7px 10px;font-size:11px;font-weight:700;line-height:1.35;position:absolute;bottom:calc(100% + 6px);left:0;right:0}.boosts__note--bad{color:#c25a4a;background:#fdeeea;border-color:#e8b6ab}.boosts__note--hidden{display:none}.overlay__btn--continue{color:#fff;background:var(--accent-strong);border-color:var(--accent-strong-dark);font-weight:800}.overlay__btn--continue:disabled{color:var(--text-dim);background:var(--panel);border-color:var(--line);cursor:default;font-weight:700}.overlay__btn--hidden{display:none}