:root{--bg:#0b0910;--ink:#f4ecd8;--dim:#a99fb8;--gold:#ffd166;--teal:#2ec4b6;--rune:#7b5cff;--sat:max(env(safe-area-inset-top,0px), var(--test-inset-top,0px));--sar:max(env(safe-area-inset-right,0px), var(--test-inset-right,0px));--sab:max(env(safe-area-inset-bottom,0px), var(--test-inset-bottom,0px));--sal:max(env(safe-area-inset-left,0px), var(--test-inset-left,0px))}html,body{background:var(--bg);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ink);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;position:fixed;inset:0}#app{position:fixed;inset:0;overflow:hidden}#stage{position:absolute;top:0;left:0}#stage canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}#touch-layer{touch-action:none;position:absolute;inset:0}#joystick{pointer-events:none;position:absolute;inset:0}#joy-base,#joy-knob{will-change:transform;border-radius:50%;position:absolute;top:0;left:0}#joy-base{box-sizing:border-box;background:#0b09104d;border:2px solid #f4ecd859}#joy-knob{background:#f4ecd899;width:44px;height:44px;margin:-22px 0 0 -22px;box-shadow:0 0 0 2px #0b091080}[hidden]{display:none!important}#hud{top:calc(var(--sat) + 8px);left:calc(var(--frame-x,0px) + var(--sal) + 10px);right:calc(var(--frame-x,0px) + var(--sar) + 10px);pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute}.hud-row{align-items:center;gap:10px;display:flex}#hud button{pointer-events:auto}#hud-center{text-shadow:2px 2px #1a1423;flex:1;justify-content:center;align-items:baseline;gap:10px;display:flex}#wave-label{letter-spacing:1px;color:var(--gold);font-size:13px;font-weight:700}#xp-bar{background:#16303a;border:2px solid #1a1423;border-radius:3px;height:6px;overflow:hidden;box-shadow:0 0 0 1px #f4ecd840}#xp-fill{background:linear-gradient(#8ef0ff,#2bb6d6);width:0%;height:100%}#banner{text-align:center;letter-spacing:2px;color:var(--gold);text-shadow:3px 3px #1a1423;pointer-events:none;font-size:22px;font-weight:700;position:absolute;top:30%;left:0;right:0}#banner small{color:var(--ink);letter-spacing:1px;margin-top:6px;font-size:13px;display:block}.upgrade-choices{flex-direction:column;gap:8px;width:100%;display:flex}.overlay .upgrade{text-align:left;background:#1d1926;border-color:#3a3446;flex-direction:column;align-items:stretch;gap:4px;width:100%;min-width:0;min-height:74px;padding:10px 12px;font-size:14px;display:flex}.upgrade .up-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.upgrade .up-tag{color:var(--teal);white-space:nowrap;font-size:11px;font-weight:700}.upgrade .up-tag.new{color:var(--gold)}.upgrade .up-kind{letter-spacing:1px;text-transform:uppercase;color:var(--dim);font-size:10px;font-weight:700}.upgrade.kind-newSupport .up-kind{color:var(--gold)}.upgrade.kind-newSupport{border-color:#6b5a2a}.upgrade .up-title{color:var(--ink);font-size:15px;font-weight:700}.upgrade .up-pips{vertical-align:middle;gap:2px;margin-left:6px;display:inline-flex}.upgrade .up-pips i{background:#3a3446;width:5px;height:5px}.upgrade .up-pips i.on{background:var(--teal)}.upgrade .up-pips i.next{background:var(--gold)}.upgrade .up-foot{color:#8f879c;font-size:11px}.upgrade .up-foot.slot-new{color:var(--gold)}.upgrade small{color:var(--dim);font-size:12px;font-weight:400;line-height:1.35}.overlay .upgrade:active{border-color:var(--gold)}.build-view{text-align:left;width:100%;color:var(--dim);font-size:12px;line-height:1.5}.build-view b{color:var(--ink)}.build-view ul{margin:2px 0 6px;padding-left:18px}#hp-bar{pointer-events:none;background:#3a1d24;border:2px solid #1a1423;border-radius:3px;width:104px;height:12px;overflow:hidden;box-shadow:0 0 0 1px #f4ecd859}#hp-fill{background:linear-gradient(#ff6b6b,#d62839);width:100%;height:100%;transition:width .12s linear}#timer{letter-spacing:1px;text-shadow:2px 2px #1a1423;pointer-events:none;font-size:18px;font-weight:700}#hit-flash{pointer-events:none;opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 60px 18px #d62839d9}#hit-flash.on{animation:.28s ease-out hitflash}@keyframes hitflash{0%{opacity:1}to{opacity:0}}.panel.wide{width:100%;max-width:360px}.group-label{letter-spacing:1px;color:var(--dim);align-self:flex-start;margin:6px 0 0;font-size:12px}.choices{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.overlay .choice{text-align:left;background:#1d1926;border-color:#3a3446;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;min-height:92px;padding:8px;font-size:13px;display:flex}.choice small{color:var(--dim);font-size:11px;font-weight:400;line-height:1.3}.overlay .choice[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold);background:#2a2534}.results{grid-template-columns:auto auto;gap:6px 16px;margin:0 0 8px;font-size:15px;display:grid}.results dt{color:var(--dim);text-align:right}.results dd{text-align:left;margin:0;font-weight:700}#pause-btn{touch-action:manipulation;background:#0b09108c;border:2px solid #f4ecd866;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;padding:0;display:flex}#pause-btn span{background:var(--ink);border-radius:1px;width:5px;height:16px}#debug{top:calc(var(--sat) + 76px);left:calc(var(--frame-x,0px) + var(--sal) + 8px);color:#b8f2e6;pointer-events:none;background:#0009;border-radius:6px;margin:0;padding:6px 8px;font-size:10px;line-height:1.35;position:absolute}.overlay{padding:calc(var(--sat) + 16px) calc(var(--sar) + 16px) calc(var(--sab) + 16px) calc(var(--sal) + 16px);text-align:center;overscroll-behavior:contain;background:#0b0910c7;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.overlay>.panel{margin:auto}#title-screen{cursor:pointer;background:radial-gradient(circle at 50% 58%,#7b5cff47,#0b0910eb 60%);flex-direction:column}.panel{flex-direction:column;align-items:center;gap:12px;max-width:320px;display:flex}h1{letter-spacing:3px;color:var(--gold);text-shadow:3px 3px #1a1423,0 0 18px #2ec4b673;margin:0 0 12px;font-size:34px;line-height:1}h1 span{letter-spacing:8px;color:var(--teal);margin-bottom:6px;font-size:14px;display:block}h2{color:var(--gold);letter-spacing:2px;margin:0 0 8px;font-size:22px}.cta{margin:8px 0 0;font-size:18px;font-weight:700;animation:1.4s steps(2,start) infinite blink}@keyframes blink{to{visibility:hidden}}.hint{color:var(--dim);margin:0;font-size:13px}.meta{color:var(--dim);margin:0;font-size:11px}#offline-status[data-status=ready]{color:var(--teal)}#offline-status[data-status=error],#offline-status[data-status=unsupported]{color:#ff8a80}.overlay button{min-width:180px;min-height:48px;font:inherit;color:var(--ink);touch-action:manipulation;background:#2a2534;border:2px solid #5c5470;border-radius:10px;font-size:16px;font-weight:700}.overlay button.primary{border-color:var(--teal);background:#1b8a80}.debug-row{box-sizing:border-box;min-height:44px;color:var(--dim);align-items:center;gap:8px;margin-top:4px;padding:8px;font-size:12px;display:flex}.view-row{color:var(--dim);align-items:center;gap:6px;font-size:12px;display:flex}.overlay .view-row button{min-width:0;min-height:36px;padding:0 10px;font-size:12px}.overlay .view-row button[aria-pressed=true]{border-color:var(--teal);color:var(--teal)}.phone-icon{border:3px solid var(--ink);border-radius:8px;width:34px;height:58px;animation:2s ease-in-out infinite tilt}@keyframes tilt{0%,30%{transform:rotate(-90deg)}60%,to{transform:rotate(0)}}#safe-probe{visibility:hidden;pointer-events:none;padding:var(--sat) var(--sar) var(--sab) var(--sal);position:absolute}#boss-bar{flex-direction:column;gap:2px;margin-top:2px;display:flex}#boss-name{letter-spacing:2px;text-transform:uppercase;color:#ff9cf5;text-shadow:2px 2px #1a1423;text-align:center;font-size:11px;font-weight:700}#boss-track{background:#2b1240;border:2px solid #1a1423;border-radius:3px;height:8px;overflow:hidden;box-shadow:0 0 0 1px #ff3df273}#boss-fill{background:linear-gradient(#ff7af3,#c23bff);width:100%;height:100%;transition:width .15s linear}#boss-flash{pointer-events:none;opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 80px 26px #c23bffb3}#boss-flash.on{animation:1.6s ease-out bossflash}@keyframes bossflash{0%,30%,60%{opacity:1}15%,45%{opacity:.25}to{opacity:0}}#evolve-screen{background:radial-gradient(circle at 50% 45%,#d38cff59,#0b0910eb 62%)}.evolve-panel{animation:.5s cubic-bezier(.2,1.4,.4,1) evolve-in}@keyframes evolve-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.evolve-kicker{letter-spacing:4px;text-transform:uppercase;color:#d38cff;margin:0;font-size:12px}.evolve-names{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px;font-weight:700;display:flex}#evolve-from{color:var(--dim);font-size:15px;text-decoration:line-through}.evolve-arrow{color:#d38cff}#evolve-to{letter-spacing:2px;color:#f3e8ff;text-shadow:0 0 10px #c23bff,0 0 22px #c23bff,3px 3px #1a1423;font-size:30px;animation:1.2s ease-in-out infinite alternate evolve-glow}@keyframes evolve-glow{to{text-shadow:0 0 16px #ff7af3,0 0 34px #c23bff,3px 3px #1a1423}}.evolve-text{margin:0;font-size:14px;line-height:1.45}.evolve-recipe{color:var(--dim);margin:0;font-size:11px;line-height:1.4}.evolve-new{color:var(--gold);margin:0;font-size:12px;font-weight:700}.res-evolutions{text-align:center;color:#f3e8ff;width:100%;font-size:13px}.res-evolutions .new{color:var(--gold);font-size:11px}.build-view .discovery{color:#d9c9ff}#scenario-badge{left:calc(var(--frame-x,0px) + var(--sal) + 6px);bottom:calc(var(--sab) + 6px);color:#111;pointer-events:none;opacity:.85;background:#ffd166;border-radius:4px;padding:3px 6px;font-size:10px;position:absolute}.reduced-fx #hit-flash{box-shadow:inset 0 0 36px 8px #d6283999}.reduced-fx #boss-flash.on{animation:1.2s ease-out hitflash}.reduced-fx #evolve-screen,.reduced-fx #evolve-screen *{animation-duration:10ms!important}.build-view ol.bv-slots{margin:2px 0 4px;padding-left:22px}.build-view .bv-empty{color:#5e566b;font-style:italic}.build-view .bv-evo{color:#c49bff;font-weight:700}#first-hint{left:16px;right:16px;bottom:calc(var(--sab) + 18%);text-align:center;color:var(--ink);pointer-events:none;background:#100d16b8;border:1px solid #3a3446;padding:6px 8px;font-size:12px;line-height:1.4;position:absolute}#dev-picker{color:#ffd166;text-align:left;margin-top:8px;font-size:12px}#dev-picker summary{cursor:pointer;align-items:center;min-height:44px;display:flex}#dev-picker div{flex-direction:column;display:flex}#dev-picker a{color:#ffd166;min-height:28px;padding:8px 4px}.title-settings{flex-wrap:wrap;justify-content:center;column-gap:12px;width:100%;max-width:320px;display:flex}.title-settings .view-row,.title-settings #dev-picker{flex-basis:100%}#levelup-screen,#evolve-screen{padding-top:calc(var(--sat) + 60px)}#portal-tag{left:16px;right:16px;bottom:calc(var(--sab) + 26%);text-align:center;color:#ffe9a8;pointer-events:none;background:#100d16bf;border:1px solid #6b5a2a;padding:6px 8px;font-size:12px;line-height:1.4;position:absolute}#travel-fade{opacity:0;pointer-events:none;background:#0b0910;position:absolute;inset:0}