:root{--bg: #14121a;--panel: #1d1a24;--panel-line: #2e2938;--line: #3a3445;--text: #edeaf2;--muted: #a39db0;--gold: #e8b04b;--gold-dark: #9c6b1a;--red: #e5533d;--teal: #4fc1b0;--blue: #5ba8f5;--floor: #26222e;--wall: #2a2532;--pixel: "Pixelify Sans", ui-monospace, monospace;--sans: "DM Sans", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans)}body{min-height:100dvh;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}[hidden]{display:none!important}.app{max-width:460px;margin:0 auto;min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.top{display:flex;justify-content:space-between;align-items:flex-start}.studio-link{display:inline-flex;align-items:center;gap:6px;min-height:32px;margin-bottom:2px;color:var(--muted);font-size:13px;font-weight:500;text-decoration:none}.studio-link:before{content:"‹";font-size:18px;line-height:1}.studio-link:hover{color:var(--text)}.studio-link:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}.title{margin:0;font-family:var(--pixel);font-weight:700;font-size:28px;letter-spacing:.5px}.subtitle{margin:4px 0 0;color:var(--muted);font-size:14px;text-transform:capitalize}.icon-btn{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--panel);display:grid;place-items:center;padding:0}.icon-btn svg{width:22px;height:22px}.status{color:var(--muted);text-align:center;margin:48px 0}.play{display:flex;flex-direction:column;gap:14px}.hud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stat{background:var(--panel);border:1px solid var(--panel-line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;min-height:64px}.label{font-size:12px;color:var(--muted)}.value{font-family:var(--pixel);font-size:20px}.value small{font-family:var(--sans);font-size:13px;color:var(--muted)}.gold{color:var(--gold)}.hearts{display:flex;gap:5px;height:20px;align-items:center}.hearts svg{width:21px;height:18px}.hearts.hurt{animation:pulse .35s}.practice-banner{margin:0;padding:10px 12px;border-radius:10px;font-size:14px;background:#5ba8f51f;border:1px solid rgba(91,168,245,.4)}.hint{margin:0;min-height:40px;color:var(--muted);font-size:14px;text-align:center;line-height:1.4}.board{--size: 7;position:relative;width:100%;aspect-ratio:1;background:#0b0a0f;border-radius:16px;padding:8px;touch-action:none;user-select:none;outline:none}.board:focus-visible{box-shadow:0 0 0 2px var(--blue)}.layer{position:absolute;inset:8px;display:grid;grid-template-columns:repeat(var(--size),1fr);grid-template-rows:repeat(var(--size),1fr)}.tile{position:relative;margin:1.5px;background:var(--floor);box-shadow:inset 2px 2px #2f2a39,inset -2px -2px #1f1b26}.tile.wall{margin:0;background:linear-gradient(#2a2433 0 0) 0 33% / 100% 2px no-repeat,linear-gradient(#2a2433 0 0) 0 66% / 100% 2px no-repeat,linear-gradient(#2a2433 0 0) 50% 0 / 2px 33% no-repeat,linear-gradient(#2a2433 0 0) 25% 50% / 2px 33% no-repeat,linear-gradient(#2a2433 0 0) 75% 100% / 2px 34% no-repeat,#4a4258;box-shadow:inset 0 4px #5d546d,inset 0 -4px #2a2532}.tile.pit{background:#050407;box-shadow:inset 0 4px #000}.tile.exit{background:#173f3a}.tile svg,.unit svg{position:absolute;inset:10%;width:80%;height:80%}.threat{margin:1.5px}.threat.danger{background:#e5533d4d;outline:2px solid rgba(229,83,61,.8);outline-offset:-2px}.threat.warning{background:#e5533d1f;outline:2px dashed rgba(229,83,61,.75);outline-offset:-2px}.units,.fx{display:block;pointer-events:none}.unit,.burst{position:absolute;top:0;left:0;width:calc(100% / var(--size));height:calc(100% / var(--size));transition:transform .12s ease-out,opacity .2s}.unit .sprite{position:absolute;inset:0}.unit.gone{opacity:0}.unit.resting{opacity:.75}.unit.player{z-index:2}.burst{transition:none}.burst:after{content:"";position:absolute;inset:12%;animation:burst .45s ease-out forwards}.burst.pop:after{background:#fff4d6}.burst.boom:after{background:var(--red)}.burst.shine:after{background:var(--gold)}.board.hit{animation:shake .3s}.board.bump{animation:nudge .18s}@keyframes burst{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.2)}}@keyframes shake{0%,to{transform:none}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes nudge{50%{transform:scale(.99)}}@keyframes pulse{50%{transform:scale(1.15)}}.result{display:flex;flex-direction:column;gap:18px}.result-head{text-align:center;display:flex;flex-direction:column;gap:6px}.eyebrow,.result-sub{margin:0;color:var(--muted);font-size:14px;text-transform:capitalize}.result-sub{text-transform:none;font-size:15px}.result-title{margin:0;font-family:var(--pixel);font-size:44px;color:var(--teal)}.result-title.failed{color:var(--red)}.card{background:var(--panel);border:1px solid var(--panel-line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:14px}.row{display:flex;justify-content:space-between}.score{font-family:var(--pixel);font-size:48px;line-height:1}.bar{height:10px;background:var(--panel-line);box-shadow:inset 0 -2px #24202c}.fill{height:100%;background:var(--gold);box-shadow:inset 0 -3px 0 var(--gold-dark);transition:width .6s ease-out}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.grid4 div{display:flex;flex-direction:column;gap:2px}.grid4 strong{font-family:var(--pixel);font-size:20px;font-weight:500;font-variant-numeric:tabular-nums}.grid4 .xp{font-size:12px;color:var(--gold);font-variant-numeric:tabular-nums}.grid4 .xp.none{color:var(--muted)}.score small{font-family:var(--sans);font-size:16px;color:var(--muted)}.bank-note{margin:0;font-size:13px;color:var(--muted)}.global{margin:0;color:var(--muted);font-size:14px;text-align:center}.global:empty{display:none}.actions{display:flex;flex-direction:column;gap:10px;margin-top:auto}.btn{min-height:52px;border-radius:14px;border:1px solid var(--line);background:var(--panel);font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 16px}.btn svg{width:20px;height:20px}.btn.primary{background:var(--gold);border-color:var(--gold);color:var(--bg);font-weight:700;font-size:17px}.next{margin:4px 0 0;text-align:center;color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums}.top-actions{display:flex;gap:8px}.avatar-btn{position:relative;width:44px;height:44px;padding:0;border-radius:12px;border:1px solid var(--line);background:var(--panel)}.avatar{display:block;position:relative}.avatar svg{display:block;width:100%;height:100%}.avatar-btn .avatar{width:30px;height:30px;margin:6px}.lvl{position:absolute;right:-6px;bottom:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--gold);color:var(--bg);font:700 12px/20px var(--sans);text-align:center}.hero-card{gap:12px}.hero-row,.hero-head{display:flex;gap:14px;align-items:center}.hero-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.avatar.big{width:56px;height:56px;flex:none}.avatar.xl{width:80px;height:80px;flex:none}.hero-level{font-family:var(--pixel);font-size:18px;font-weight:500}.bar.thin{height:8px}.gems{display:inline-flex;align-items:center;gap:6px;margin:0;font-weight:700;font-variant-numeric:tabular-nums}.gems span:last-child:not(.gem-icon){font-weight:400;color:var(--muted)}.gem-icon{display:inline-block;width:16px;height:16px}.gem-icon svg{display:block;width:100%;height:100%}.levelup{margin:0;font-size:14px;color:var(--gold)}.levelup.big{font-family:var(--pixel);font-size:18px}.hero-dialog h2{margin:0}.hero-dialog h3{margin:18px 0 8px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.shop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;min-height:44px;border-radius:12px;border:1px solid var(--panel-line);background:var(--bg)}.item-art{width:44px;height:44px}.item-art svg{display:block;width:100%;height:100%}.item-name{font-size:13px}.item-status{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.item-status .gem-icon{width:12px;height:12px}.item.equipped{border-color:var(--gold);background:#e8b04b1f}.item.equipped .item-status{color:var(--gold)}.item.buyable .item-status,.item.owned .item-status{color:var(--text)}.item[data-confirm=yes]{border-color:var(--gold)}.item.locked,.item.too-poor{opacity:.55}.item:focus-visible,.avatar-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.fine{font-size:13px!important;color:var(--muted)!important;margin:16px 0!important}.demo-bar{display:flex;flex-direction:column;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--panel-line)}.demo-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.demo-note{margin:0;font-size:13px;color:var(--muted)}.link-btn{background:none;border:none;padding:8px 0;min-height:44px;color:var(--gold);font-size:13px;font-weight:500;white-space:nowrap}.days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.day{min-height:48px;padding:6px 2px;border-radius:10px;border:1px solid var(--panel-line);background:var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.day b{font-family:var(--pixel);font-size:14px;font-weight:500}.day span{font-size:10px;color:var(--muted);text-transform:capitalize}.day[aria-pressed=true]{border-color:var(--gold);background:#e8b04b24}.day:focus-visible,.btn:focus-visible,.icon-btn:focus-visible,.link-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.share-text{width:100%;margin:4px 0 16px;padding:12px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:15px/1.5 var(--sans);resize:none}.help{max-width:min(420px,calc(100vw - 32px));border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);padding:22px}.help::backdrop{background:#050408b3}.help h2{margin:0 0 8px;font-family:var(--pixel)}.help p,.help li{color:#d3cfdb;line-height:1.5;font-size:15px}.help ul{padding-left:18px;margin:12px 0}.help .red{color:#ff7a66}.legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:14px 0 18px;font-size:13px}.legend div{display:flex;align-items:center;gap:8px;color:var(--muted)}.legend svg{width:28px;height:28px;flex:none}.help .btn{width:100%}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%,20px);background:var(--text);color:var(--bg);padding:10px 16px;border-radius:10px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion: reduce){.unit,.fill{transition:none}.board.hit,.board.bump,.hearts.hurt,.burst:after{animation:none}}