:root{color-scheme:dark;--bg:#0c1212;--gold:#e4b47e;--text:#e9e6dd;--muted:#95a6a3;--line:#ffffff18;--panel:#142021;--serif:Georgia,'Times New Roman',serif;font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:#172727;border:1px solid #ffffff29;border-radius:5px;padding:12px 19px;cursor:pointer;transition:background .15s,transform .15s}button:hover{background:#233a38}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:active{transform:translateY(1px)}[hidden]{display:none!important}.site-head{height:77px;display:flex;justify-content:space-between;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;letter-spacing:4px;font-size:17px;font-weight:650}.sigil{color:var(--gold);font-size:35px;line-height:1}.prototype{font-size:9px;letter-spacing:1.5px;color:var(--muted);font-weight:400;margin-left:15px;padding-left:22px;border-left:1px solid var(--line)}.quiet{border:0;background:transparent;font-size:12px;color:#bbc7bf}.quiet span{display:inline-grid;place-items:center;border:1px solid #ffffff30;border-radius:50%;width:20px;height:20px;margin-left:10px}#arena{position:relative;height:calc(100svh - 120px);min-height:560px;overflow:hidden;background:#0d181a}#game{width:100%;height:100%;display:block;touch-action:none;outline:none}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 160px #0009}.screen{position:absolute;inset:0}.home-screen{background:linear-gradient(90deg,#0d171af8 0%,#0d171aed 29%,#0d171a86 53%,#0d171a00 82%);display:flex;align-items:center;padding:44px 7vw;overflow:auto}.intro{max-width:540px;position:relative}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.5px;color:#a6bab5;display:flex;gap:11px;align-items:center;margin:0 0 24px}.eyebrow span{display:block;width:6px;height:6px;background:#d6a973;transform:rotate(45deg)}h1{font:clamp(48px,5.3vw,82px)/1.02 var(--serif);font-weight:400;letter-spacing:-3px;margin:0 0 24px}h1 em{color:var(--gold);font-weight:400}.lede{font-size:14px;line-height:1.85;color:#a5b6b3;max-width:410px}.pill-row{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0}.pill-row span{font-size:10px;border:1px solid #ffffff1c;border-radius:30px;padding:6px 10px;color:#c0cdc5}.mode-select{border:0;padding:0;margin:25px 0;display:flex;gap:10px}.mode-select legend{font-size:9px;letter-spacing:2px;color:#95a6a3;margin-bottom:10px}.mode-select label{cursor:pointer;display:flex;gap:10px;align-items:center;border:1px solid #ffffff21;background:#10202380;padding:12px;border-radius:4px}.mode-select label:has(input:checked){border-color:#d4a16c88;background:#503d2429}.mode-select input{accent-color:var(--gold);margin:0}.mode-select b{display:block;font-size:12px;font-weight:500}.mode-select small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.start-actions{display:flex;gap:10px;flex-wrap:wrap}.primary{background:var(--gold);color:#1a211c;border-color:var(--gold);font-weight:650}.primary:hover{background:#f4c48c}.primary span{margin-left:30px}#start{min-width:240px;text-align:left}.hint{font-size:11px;color:var(--muted);line-height:1.6}.home-foot{display:flex;border-top:1px solid var(--line);margin-top:30px;padding-top:20px;gap:26px}.home-foot>div{display:flex;gap:10px}.home-foot span{font:18px var(--serif);color:#d6a97388}.home-foot p{font-size:8px;letter-spacing:1.3px;margin:0;color:#8fa5a2}.home-foot b{display:block;font-size:9px;letter-spacing:0;color:#b7c4bb;font-weight:400;margin-top:6px}.scene-caption{position:absolute;right:5%;bottom:7%;font-size:10px;letter-spacing:3px;line-height:2.2;color:#b3c2b5;text-align:right}.scene-caption small{font:italic 13px var(--serif);letter-spacing:0;color:#879c96}.line{display:block;width:48px;height:1px;background:#d4aa76;margin:0 0 10px auto}footer{min-height:43px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 4vw;font-size:9px;letter-spacing:.6px;color:#84938d}#hud{position:absolute;inset:0;pointer-events:none}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 28px;gap:20px;background:linear-gradient(#081011db,transparent)}.hero-health{width:220px}.label{font-size:9px;letter-spacing:2px;display:flex;justify-content:space-between;margin-bottom:8px}.label span{color:var(--gold)}.health-track{height:20px;border:1px solid #d6b58b44;border-radius:2px;position:relative;background:#331c1f}.health-track i{display:block;height:100%;background:linear-gradient(90deg,#914b48,#bd7462);transition:width .18s}.health-track span{position:absolute;inset:0;text-align:center;font-size:9px;line-height:18px}.timer{text-align:center;position:absolute;left:50%;transform:translateX(-50%)}.timer strong{font:32px var(--serif);font-variant-numeric:tabular-nums}.timer span{display:block;font-size:8px;letter-spacing:2px;color:#a9bab1;margin-top:4px}.hud-actions{display:flex;align-items:center;gap:8px;pointer-events:auto;font-size:11px}.hud-actions>span{margin-right:14px;color:#aabdb6}.hud-actions button{padding:8px 12px;font-size:10px;background:#142222d9}#boss-hud{position:absolute;top:100px;width:340px;left:50%;transform:translateX(-50%);text-align:center;font-size:10px;letter-spacing:2px;color:#f0c7ad}#boss-hud>div{height:7px;background:#2a1a1a;margin-top:8px;border:1px solid #7f5852}#boss-fill{display:block;height:100%;background:#c8755e}#notice{text-align:center;position:absolute;top:145px;width:100%;padding:0 20px;font-size:12px;letter-spacing:.5px;color:#efcea3;text-shadow:0 2px 8px #000}.hud-bottom{position:absolute;bottom:25px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:end}.skill-strip{display:flex;gap:8px}.skill-chip{background:#122020ed;border:1px solid #b9956b42;border-radius:5px;padding:9px 12px;display:flex;align-items:center;gap:10px;font-size:10px}.skill-chip strong{font:20px var(--serif);color:#e1b67c}.skill-chip small{display:block;color:#849b92;margin-top:3px;font-size:8px}.dash-meter{font-size:10px;color:#b5c8bd;display:flex;align-items:center;gap:10px}kbd{font:9px system-ui;border:1px solid #ffffff38;padding:5px;border-radius:3px}.xp-track{position:absolute;bottom:0;left:0;right:0;height:5px;background:#10201d}.xp-track i{display:block;background:#d2a76d;height:100%;box-shadow:0 0 10px #c79f5855}#touch-dash{display:none;pointer-events:auto;border-radius:50%;width:65px;height:65px;padding:0;background:#aa7847c4;border-color:#f2c48d}.modal-screen{display:grid;place-items:center;background:#071111bd;backdrop-filter:blur(9px);padding:24px;overflow:auto}.dialog-card{max-width:760px;width:100%;border:1px solid #a4896244;background:linear-gradient(140deg,#192829,#101b1c);box-shadow:0 24px 100px #0008;padding:38px;border-radius:9px}.dialog-card h2{font:40px var(--serif);font-weight:400;margin:8px 0 14px;letter-spacing:-1px}.dialog-card .eyebrow{margin-bottom:12px}.dialog-card p{color:#aebeb6;line-height:1.75;font-size:13px}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.upgrade-card{padding:20px 17px;text-align:left;display:flex;flex-direction:column;align-items:start;min-height:205px;background:#142323;border-color:#74988b44}.upgrade-card:hover{border-color:#dcb578;background:#243a34}.upgrade-icon{font:38px var(--serif);color:var(--gold);line-height:1;margin:0 0 22px}.upgrade-card small{font-size:8px;letter-spacing:1.5px;color:#8fa99b}.upgrade-card b{font:18px var(--serif);margin:7px 0 10px}.upgrade-card span:last-child{font-size:11px;line-height:1.65;color:#b2c3b8}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.result-grid div{border-top:1px solid var(--line);padding-top:18px}.result-grid strong{display:block;font:30px var(--serif);color:var(--gold)}.result-grid small{font-size:10px;color:var(--muted)}.equipment{display:grid;gap:7px;margin-top:20px}.equipment>div{font-size:12px;display:flex;justify-content:space-between;gap:15px;background:#ffffff05;padding:10px}.equipment span{color:#adbdaf}.gear-compare{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.gear-compare>div{border:1px solid var(--line);padding:20px}.gear-compare strong{display:block;color:var(--gold);margin-top:10px}.gear-compare small{font-size:10px;color:#9bb3a6}.warning{color:#ffbf9e!important}#toast{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);border:1px solid #987b47;background:#1d2e29;padding:13px 20px;font-size:12px;max-width:90%;z-index:5}#touch-stick{position:absolute;width:100px;height:100px;border-radius:50%;border:1px solid #d1cba850;background:#a4c5b215;pointer-events:none}#touch-stick i{position:absolute;left:35px;top:35px;width:30px;height:30px;border-radius:50%;background:#d6ad7b88}
@media(pointer:coarse){#touch-dash{display:block}.dash-meter{display:none}.hud-bottom{bottom:24px}.skill-strip{max-width:70%;flex-wrap:wrap}.skill-chip{padding:7px;font-size:9px}.skill-chip strong{font-size:16px}}
@media(max-width:700px){.site-head{height:60px;padding:0 18px}.brand{font-size:13px;letter-spacing:2px;gap:8px}.prototype{display:none}.quiet{font-size:10px;padding:8px}.quiet span{margin-left:4px}#arena{height:calc(100svh - 112px);min-height:590px}.home-screen{padding:28px 24px;background:linear-gradient(90deg,#0d171af2,#0d171aad);align-items:flex-start}.intro{margin:auto 0;max-width:100%}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:20px}h1{font-size:55px;letter-spacing:-2px;margin-bottom:18px}.lede{font-size:12px;line-height:1.75;max-width:350px}.pill-row{margin:18px 0}.pill-row span{font-size:9px}.mode-select{gap:8px;margin:20px 0}.mode-select label{padding:10px;flex:1;gap:7px}.mode-select small{font-size:9px}.mode-select b{font-size:11px}.start-actions button{flex:1;min-width:0!important;font-size:12px;padding:13px 12px}.home-foot{gap:15px;margin-top:22px;padding-top:17px}.home-foot span{font-size:15px}.home-foot p{font-size:7px}.home-foot b{font-size:8px}.scene-caption{display:none}footer{font-size:8px;align-items:start;padding:12px 18px;line-height:1.6;min-height:52px}footer span{max-width:55%}.hud-top{padding:15px 14px;gap:10px}.hero-health{width:125px}.label{font-size:7px;letter-spacing:1px}.timer strong{font-size:25px}.timer span{font-size:6px;letter-spacing:1px}.hud-actions{gap:4px}.hud-actions>span{display:none}.hud-actions button{font-size:9px;padding:8px}.hud-actions button span{display:none}#boss-hud{width:65%;top:80px;font-size:8px}#notice{font-size:10px;top:120px}.hud-bottom{left:14px;right:14px}.dialog-card{padding:25px 20px}.dialog-card h2{font-size:32px}.modal-screen{padding:14px}.upgrade-grid{grid-template-columns:1fr;gap:9px;margin-top:18px}.upgrade-card{min-height:0;padding:14px;display:grid;grid-template-columns:32px 1fr;gap:4px 14px}.upgrade-icon{grid-row:1/4;margin:6px 0 0;font-size:28px}.upgrade-card b{font-size:18px;margin:2px 0}.upgrade-card span:last-child{font-size:10px}.dialog-card p{font-size:12px}.gear-compare{gap:8px}.gear-compare>div{padding:12px}.gear-compare strong{font-size:12px}.result-grid strong{font-size:25px}.equipment>div{font-size:10px}.skill-chip{max-width:110px}.dash-meter{font-size:9px}.skill-strip{gap:4px}#skills small{display:none}}
@media(max-width:350px){h1{font-size:48px}.home-screen{padding:24px 18px}.home-foot{gap:9px}.home-foot>div{gap:6px}.timer span{display:none}.hero-health{width:105px}}
@media(max-height:600px) and (min-width:700px){#arena{min-height:500px}.home-screen{padding-top:25px;padding-bottom:25px}h1{font-size:52px}.home-foot{display:none}.lede{font-size:12px}.eyebrow{margin-bottom:14px}.mode-select{margin:15px 0}}
@media(prefers-reduced-motion:reduce){button{transition:none}.modal-screen{backdrop-filter:none}}
/* v2 build, equipment and embed layout */
.hero-select{border:0;padding:0;margin:15px 0;display:flex;gap:7px}.hero-select legend{font-size:9px;letter-spacing:2px;color:var(--muted);margin-bottom:8px}.hero-select label{border:1px solid #ffffff24;padding:9px 10px;display:flex;align-items:center;gap:7px;border-radius:4px;cursor:pointer}.hero-select label:has(input:checked){border-color:#ddb47a;background:#b1894c18}.hero-select input{accent-color:var(--gold);margin:0}.hero-select b{font-size:10px;display:block}.hero-select small{font-size:9px;display:block;color:var(--muted);margin-top:3px}.home-foot{margin-top:18px;padding-top:14px}.intro h1{font-size:clamp(44px,4.8vw,68px);margin-bottom:15px}.intro .lede{font-size:12px;line-height:1.7}.intro .eyebrow{margin-bottom:14px}.intro .pill-row{margin:16px 0}.intro .mode-select{margin:15px 0}.modal-screen{position:fixed;inset:0;margin:auto;width:min(820px,96vw);max-width:96vw;max-height:94svh;height:fit-content;padding:0;background:transparent;color:var(--text);border:0;overflow:auto;display:none}.modal-screen[open]{display:block}.modal-screen::backdrop{background:#061011c9;backdrop-filter:blur(7px)}.dialog-card{max-width:none}.equipment b small{display:block;font-size:10px;font-weight:400;color:#a5bcb0;margin-top:5px;max-width:480px}.equipment b{text-align:right}.bag-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.bag-item{border:1px solid #657c6655;padding:13px;border-radius:4px}.bag-item>strong{font:17px Georgia;color:var(--gold)}.bag-item p,.bag-item small{font-size:10px;line-height:1.65;color:#acbdaf}.bag-item button{font-size:10px;padding:8px;margin:9px 4px 0 0}.build-grid{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.build-grid span{border:1px solid var(--line);padding:8px;font-size:10px}.build-grid b{color:var(--gold);margin-left:8px}.settings{display:grid;gap:12px;margin-top:20px;font-size:11px;color:#afc3b5}.settings input{accent-color:var(--gold)}button:disabled{opacity:.4;cursor:not-allowed}.xp-label{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);font-size:9px;color:#d3c5a0}.home-screen{align-items:flex-start}.intro{margin:auto 0}.embedded .site-head,.embedded body>footer{display:none}.embedded #arena{height:100svh;min-height:450px}.embedded .home-screen{padding:26px 5vw}.embedded .intro{max-width:580px}.embedded .home-foot{display:none}.mobile-beta{color:#b8c2a6}.hero-health{width:190px}.hud-actions{max-width:45%}.hud-actions>span{font-size:10px}.timer span{max-width:240px}.scene-caption{pointer-events:none}
@media(max-width:700px){.hero-select{gap:5px}.hero-select label{padding:9px 6px;gap:5px;flex:1}.hero-select b{font-size:9px}.hero-select small{font-size:8px}.intro h1{font-size:48px}.intro .pill-row{margin:12px 0}.home-foot{display:none}.home-screen{padding:24px 20px}.bag-grid{grid-template-columns:1fr}.hud-top{padding:12px 10px}.hero-health{width:100px}.hud-actions{gap:3px;max-width:none}.hud-actions button{font-size:8px;padding:8px 6px}.hud-actions #sound{display:none}.timer strong{font-size:22px}.timer span{max-width:120px;font-size:6px}.dialog-card{padding:22px 18px}.modal-screen{max-height:94svh}.embedded #arena{height:100svh;min-height:390px}.embedded .home-screen{padding:20px}.skill-chip{padding:5px}.dash-meter{font-size:8px}.equipment>div{display:block}.equipment b{display:block;text-align:left;margin-top:5px}.xp-label{font-size:8px}.settings{font-size:11px}}
@media(max-height:650px) and (min-width:701px){.intro h1{font-size:44px}.home-screen{padding:20px 5vw}.intro .lede{font-size:11px}.intro .pill-row{display:none}.home-foot{display:none}.hero-select{margin:9px 0}.intro .mode-select{margin:10px 0}.dialog-card{padding:24px}}
/* Keep the phase readable in narrow embedded players without overlapping health. */
@media(max-width:350px){.hero-health{width:88px}.timer{top:48px;left:10px;transform:none;text-align:left}.timer strong{font-size:20px}.timer span{display:inline;margin-left:8px;letter-spacing:.4px;font-size:7px}}

#touch-dash{touch-action:none;user-select:none;-webkit-user-select:none}