:root{--ink: #e8e4d6;--dim: #9a9787;--accent: #e0b23a;--bad: #c8402e;--shield: #7fd8ff;--panel: rgba(12, 13, 11, .62);--edge: rgba(232, 228, 214, .18)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#0b0c0a;color:var(--ink);font-family:ui-monospace,SF Mono,Roboto Mono,Menlo,Consolas,monospace;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none}#app{position:fixed;inset:0}#view{display:block;width:100%;height:100%;image-rendering:pixelated}#hud{position:absolute;inset:0;pointer-events:none;font-size:12px;letter-spacing:.08em}[hidden]{display:none!important}.chrome{position:absolute;inset:0;padding:calc(max(12px,env(safe-area-inset-top)) + 34px) 14px max(14px,env(safe-area-inset-bottom));display:flex;flex-direction:column;pointer-events:none}.hud-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.floor-block{display:flex;align-items:baseline;gap:8px}.floor-num{font-size:34px;font-weight:700;line-height:1;letter-spacing:-.02em;text-shadow:0 2px 0 rgba(0,0,0,.6)}.floor-band{font-size:10px;opacity:.72;letter-spacing:.16em}.wave{font-size:11px;opacity:.8;text-align:right;padding-top:6px;letter-spacing:.14em}.health{margin-top:10px;height:7px;width:46%;min-width:130px;background:var(--panel);border:1px solid var(--edge);overflow:hidden}.health-fill{height:100%;width:100%;background:var(--ink);transform-origin:left center;transition:transform .14s linear}#hud.critical .health-fill{background:var(--bad);animation:pulse .5s steps(2,end) infinite}@keyframes pulse{50%{opacity:.35}}.boss{margin-top:16px}.boss-name{font-size:10px;letter-spacing:.2em;opacity:.85;margin-bottom:5px;text-shadow:0 2px 0 rgba(0,0,0,.6)}.boss-track{height:10px;background:var(--panel);border:1px solid var(--edge);overflow:hidden}.boss-fill{height:100%;width:100%;background:var(--bad);transform-origin:left center;transition:transform .18s linear}.boss.shielded .boss-fill{background:var(--shield)}.boss.shielded .boss-name{color:var(--shield)}.supply{pointer-events:auto;position:absolute;right:14px;bottom:max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:10px 14px;background:var(--panel);border:1px solid var(--edge);color:var(--ink);font:inherit;letter-spacing:.1em}.supply:active{background:#e0b23a40}.supply-name{font-size:10px;opacity:.8}.supply-count{font-size:20px;font-weight:700;line-height:1}.toast{position:absolute;left:0;right:0;top:30%;text-align:center;font-size:15px;letter-spacing:.22em;opacity:0;transition:opacity .18s;text-shadow:0 2px 0 rgba(0,0,0,.7);padding:0 20px}.toast.show{opacity:1}.screen{position:absolute;inset:0;pointer-events:auto;display:flex;align-items:flex-end;justify-content:center;padding:28px 22px max(34px,env(safe-area-inset-bottom));overflow-y:auto;background:linear-gradient(to bottom,#0a0b091a,#0a0b098c 34%,#0a0b09ed 66%)}.screen.settings,.screen.over{align-items:center;background:#0a0b09e6}.card{width:100%;max-width:420px;text-align:center}.eyebrow{font-size:9px;letter-spacing:.24em;opacity:.55;margin-bottom:14px}.card h1{margin:0 0 18px;font-size:clamp(30px,11vw,46px);line-height:1.02;letter-spacing:.04em;font-weight:700}.card h2{margin:0 0 26px;font-size:18px;letter-spacing:.2em;font-weight:700}.card p{margin:0 0 20px;font-size:12px;opacity:.72;line-height:1.8;letter-spacing:.1em}.actions{display:flex;flex-direction:column;gap:10px;margin-top:4px}.card button{pointer-events:auto;width:100%;padding:15px 22px;background:transparent;color:var(--ink);border:1px solid var(--edge);font:inherit;font-size:12px;font-weight:700;letter-spacing:.18em}.card button.primary{background:var(--accent);color:#171510;border-color:var(--accent)}.card button:active{opacity:.7}.best{margin-top:18px;font-size:10px;letter-spacing:.2em;opacity:.6}.best.new{color:var(--accent);opacity:1}.hint{margin-top:14px;font-size:9px;letter-spacing:.16em;opacity:.45;line-height:1.8}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.row-label{font-size:10px;letter-spacing:.18em;opacity:.8}.readout{font-size:13px;font-weight:700;color:var(--accent)}.segmented{display:flex;border:1px solid var(--edge)}.segmented button{width:auto;padding:9px 16px;border:0;font-size:10px;letter-spacing:.14em;background:transparent;color:var(--dim)}.segmented button.on{background:var(--accent);color:#171510}.card input[type=range]{pointer-events:auto;-webkit-appearance:none;appearance:none;width:100%;height:26px;margin:6px 0 0;background:transparent}.card input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--edge)}.card input[type=range]::-moz-range-track{height:4px;background:var(--edge)}.card input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;margin-top:-11px;background:var(--accent);border:0}.card input[type=range]::-moz-range-thumb{width:26px;height:26px;border:0;border-radius:0;background:var(--accent)}.note{font-size:9px;line-height:1.8;letter-spacing:.1em;opacity:.45;text-align:left;margin-top:8px}