:root{--paper:#edf3f0;--grid:#d5e3dd;--grid-strong:#bcd2ca;--ink:#1d3557;--ink-soft:#566e86;--frame:#f8fbfa;--mark:#d93a74;--mark-deep:#c8306a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{background:var(--paper);height:100%;color:var(--ink);-webkit-text-size-adjust:100%;margin:0;font:400 1rem/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{height:100dvh;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);flex-direction:column;display:flex;position:relative}#hud,#dock{flex:none}#stage{touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex:1;min-height:0;position:relative;overflow:hidden}#stage canvas{display:block}button{font:inherit;color:var(--ink);background:var(--frame);border:1.5px solid var(--ink);cursor:pointer;border-radius:.45rem}button:active{transform:translate(1px,1px)}:focus-visible{outline:2.5px solid var(--mark);outline-offset:2px}.hud-bar{align-items:center;gap:.4rem;max-width:34rem;margin:0 auto;padding:.5rem .75rem .25rem;display:flex}.hud-icon{flex:none;width:2.75rem;height:2.75rem;font-size:1.5rem;line-height:1;position:relative}.hud-icon svg{fill:currentColor;width:1.3rem;height:1.3rem;margin:auto;display:block}.hud-icon svg.outline{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round}.hud-icon svg .hole,.map-nest svg .hole{fill:var(--frame)}.hud-icon.recording:after{content:"";background:var(--mark);border-radius:50%;width:.55rem;height:.55rem;position:absolute;top:.3rem;right:.3rem}.hud-title{text-align:center;flex:1;min-width:0}.hud-level{margin:0;font-size:1.35rem;font-weight:700;line-height:1.1}.hud-stats{color:var(--ink-soft);justify-content:center;gap:1rem;margin:.1rem 0 0;font-size:.9rem;display:flex}.hud-stats b{color:var(--ink);font-size:1rem}.dock{max-width:34rem;margin:0 auto;padding:0 .75rem .7rem}.hint-line{text-align:center;justify-content:center;align-items:center;min-height:2.8em;margin:0 0 .35rem;font-size:.95rem;font-weight:500;display:flex}.hint-line span:not(:empty):before{content:"";background:var(--mark);vertical-align:.05rem;border-radius:.15rem;width:.6rem;height:.6rem;margin-right:.45rem;display:inline-block}.boosters{grid-template-columns:repeat(5,minmax(0,1fr));justify-content:center;gap:.4rem;display:grid}.boosters[hidden],.booster[hidden]{display:none}.booster{justify-items:center;gap:.15rem;min-width:0;min-height:3.6rem;padding:.45rem .15rem .35rem;display:grid;position:relative}.booster svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1.55rem;height:1.55rem}.booster-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.76rem;line-height:1.1;overflow:hidden}.booster-badge{background:var(--mark-deep);color:#fff;text-align:center;border-radius:.65rem;min-width:1.25rem;height:1.25rem;padding:0 .3rem;font-size:.8rem;font-weight:700;line-height:1.25rem;position:absolute;top:-.45rem;right:-.3rem}.booster[aria-pressed=true]{background:var(--ink);color:var(--frame)}.booster[aria-disabled=true]{opacity:.45;cursor:default}.booster[aria-disabled=true]:active{transform:none}.booster.rescue:after{content:"";border:2px dashed var(--mark);pointer-events:none;border-radius:.7rem;position:absolute;inset:-5px}.booster.rescue:focus-visible{outline-offset:6px}.overlay{background:var(--frame);border:1.5px solid var(--ink);width:min(19rem,88%);box-shadow:.35rem .35rem 0 var(--ink);border-radius:.6rem;padding:1rem 1.1rem 1.1rem;position:absolute;top:28%;left:50%;transform:translate(-50%)}.overlay[hidden]{display:none}.overlay-title{margin:0;font-size:1.6rem;font-weight:700}.overlay-text{margin:.4rem 0 .9rem}.overlay-actions{flex-wrap:wrap;gap:.5rem;display:flex}.overlay-actions button{min-height:2.75rem;padding:.45rem .9rem}.overlay-actions button[hidden]{display:none}.overlay-actions .primary{background:var(--ink);color:var(--frame)}.menu{width:min(22rem,100% - 2rem);color:var(--ink);background:var(--frame);border:1.5px solid var(--ink);box-shadow:.35rem .35rem 0 var(--ink);border-radius:.6rem;padding:0}.menu::backdrop{background:#1d35574d}.menu [hidden]{display:none}.menu-body{padding:.8rem 1.1rem 1.1rem}.menu-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.menu-title{margin:0;font-size:1.35rem;font-weight:700}.menu-text{margin:.3rem 0 .8rem}.menu-switch{cursor:pointer;align-items:center;gap:.6rem;min-height:2.75rem;font-weight:600;display:flex}.menu-switch input{width:1.3rem;height:1.3rem;accent-color:var(--ink);cursor:pointer;margin:0}.menu-hint{color:var(--ink-soft);margin:-.35rem 0 .4rem 1.9rem;font-size:.9rem}.menu-status{color:var(--ink-soft);margin:.1rem 0 .9rem}.menu-ask{margin:0 0 .6rem;font-weight:600}.menu-actions{flex-wrap:wrap;gap:.5rem;display:flex}.menu-actions button{min-height:2.75rem;padding:.45rem .9rem}.menu-actions button:disabled{opacity:.45;cursor:default}.menu-actions button:disabled:active{transform:none}.menu-actions .primary{background:var(--ink);color:var(--frame)}.menu-actions .danger{background:var(--mark-deep);border-color:var(--mark-deep);color:#fff}.colony{gap:.8rem;max-width:46rem;margin:0 auto;padding:1rem .75rem 2rem;display:grid}.colony-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.colony-title{margin:0;font-size:1.8rem;line-height:1.1}.colony-food{color:var(--ink-soft);margin:.15rem 0 0}.colony-food b{color:var(--ink);font-size:1.15rem}.colony-actions{flex-wrap:wrap;gap:.5rem;display:flex}.colony-actions button,.chamber button{min-height:2.6rem;padding:.4rem .9rem;font-weight:600}.colony-actions .primary{background:var(--ink);color:var(--frame)}.colony-actions button:disabled,.chamber button:disabled{opacity:.45;cursor:default}.colony-notice{border:1.5px dashed var(--mark);background:var(--frame);border-radius:.45rem;margin:0;padding:.5rem .75rem}.colony-notice[hidden]{display:none}.layer{border:1.5px solid var(--ink);background:#d9b98f;border-radius:.6rem;padding:.6rem .75rem .8rem}.layer-2{background:#cf8f78}.layer-3{background:#d9b768}.layer-4{background:#8fa8bd}.layer.buried{filter:saturate(.6);opacity:.85;background-image:repeating-linear-gradient(135deg,#ffffff59 0 .5rem,#0000000f .5rem 1rem)}.layer-title{color:var(--ink);margin:0 0 .5rem;font-size:.95rem}.chambers{grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));gap:.5rem;display:grid}.chamber{border:1.5px solid var(--ink);background:var(--frame);border-radius:.5rem;align-content:start;gap:.3rem;padding:.6rem .7rem .7rem;display:grid}.chamber.buried{background:#f8fbfa80;border-style:dashed}.chamber.complete,.chamber.built{box-shadow:.2rem .2rem 0 var(--ink)}.chamber h3{margin:0;font-size:1.05rem}.chamber p{margin:0}.chamber-kind{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem}.chamber-gain,.chamber-store{font-size:.9rem}.chamber-done{color:var(--ink-soft);font-size:.85rem;font-weight:600}.region-reward{text-align:center;margin:-.5rem 0 .4rem;font-weight:600}.region-slots{border:1.5px dashed var(--mark);border-radius:.45rem;margin:0 0 .6rem;padding:.4rem .6rem}.region-slots[hidden],.region-boosters[hidden]{display:none}.region-boosters{border:1.5px solid var(--grid-strong);border-radius:.45rem;margin:0 0 .9rem;padding:.3rem .7rem .4rem}.region-boosters legend{padding:0 .3rem;font-weight:600}.screen{z-index:5;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:1.5rem 1.5rem;position:absolute;inset:0;overflow:auto}.screen[hidden]{display:none}.nest{text-align:center;align-content:center;justify-items:center;gap:.6rem;max-width:26rem;min-height:100%;margin:0 auto;padding:2rem 1rem;display:grid}.nest-art{width:min(18rem,100%);height:auto}.nest-ground,.nest-tunnel,.nest-barrier path,.nest-sign path,.nest-ant path{fill:none;stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round}.nest-tunnel{stroke:#7a5634;stroke-width:7px}.nest-hill{fill:#c49a6c;stroke:var(--ink);stroke-width:2.5px}.nest-chamber{fill:#7a5634}.nest-ant ellipse{fill:var(--ink)}.nest-ant path{stroke-width:1.2px}.nest-barrier rect{fill:var(--frame);stroke:var(--ink);stroke-width:2px}.nest-barrier .nest-stripes{stroke:var(--mark);stroke-width:4.5px;stroke-linecap:butt}.nest-sign rect{fill:#f4c542;stroke:var(--ink);stroke-width:2px}.nest-sign text{fill:var(--ink);font:700 11px system-ui,sans-serif}.nest-title{margin:.4rem 0 0;font-size:1.8rem}.nest-text{max-width:22rem;margin:0}.nest-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.6rem;display:flex}.nest-actions button{min-height:2.9rem;padding:.5rem 1.1rem;font-weight:600}.nest-actions .primary{background:var(--ink);color:var(--frame)}.nest-notice{border:1.5px dashed var(--mark);background:var(--frame);border-radius:.45rem;max-width:22rem;margin:.4rem 0 0;padding:.5rem .75rem}.nest-notice[hidden]{display:none}.map{flex-direction:column;min-height:100%;display:flex}.map-head{align-items:center;gap:.6rem;width:100%;max-width:34rem;margin:0 auto;padding:.5rem .75rem .25rem;display:flex}.map-title h1{margin:0;font-size:1.35rem;line-height:1.1}.map-count{color:var(--ink-soft);margin:.1rem 0 0;font-size:.9rem}.map-scroll{flex:1;place-items:center;padding:.75rem;display:grid;overflow:auto}.map-grid{--tile:min(6.5rem, calc((100vw - 3rem) / var(--n) - .3rem), calc((100dvh - 8.5rem) / var(--n) - .3rem));grid-template-columns:repeat(var(--n), var(--tile));grid-template-rows:repeat(var(--n), var(--tile));gap:.3rem;display:grid}.map-nest,.region{border-radius:.5rem;grid-template-rows:1fr auto;place-items:center;min-width:0;padding:.25rem;display:grid;position:relative}.map-nest{background:#c49a6c}.map-nest svg{width:70%;height:70%;fill:var(--ink);grid-row:1/-1}.region canvas{object-fit:contain;width:100%;height:100%;min-height:0;image-rendering:pixelated}.region-name{max-width:100%;font-size:clamp(.6rem, calc(var(--tile) / 8), .8rem);white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:1.2;overflow:hidden}.region.open{color:var(--ink-soft);border-style:dashed}.region.open canvas{filter:grayscale();opacity:.4}.region.conquered{background:var(--frame)}.region.conquered:after{content:"✓";background:var(--ink);width:1.15rem;height:1.15rem;color:var(--frame);text-align:center;border-radius:50%;font-size:.7rem;font-weight:700;line-height:1.15rem;position:absolute;top:-.4rem;right:-.35rem}.region.locked{background:radial-gradient(circle at 30% 40%, #ffffffe6 0 22%, transparent 23%), radial-gradient(circle at 62% 55%, #ffffffd9 0 26%, transparent 27%), radial-gradient(circle at 45% 70%, #fffc 0 20%, transparent 21%), var(--grid-strong);opacity:.7;border:1.5px solid #0000}.region.last{outline:2.5px dashed var(--mark);outline-offset:2px}.region.last:focus-visible{outline-style:solid}@keyframes region-fresh{0%,to{box-shadow:0 0 #d93a7400}50%{box-shadow:0 0 0 .45rem #d93a748c}}.region.fresh{border-color:var(--mark);animation:.9s ease-in-out 4 region-fresh}@media (prefers-reduced-motion:reduce){.region.fresh{animation:none;box-shadow:0 0 0 .3rem #d93a748c}}.menu-section{margin:.9rem 0 .2rem;font-size:1rem}.region-picture{background:var(--paper);object-fit:contain;width:100%;height:11rem;image-rendering:pixelated;border-radius:.45rem;margin:.6rem 0 .2rem;display:block}.region-info{color:var(--ink-soft);text-align:center;margin:0 0 .9rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}