:root{--blood: #e0364e;--blood-bright: #ff2e46;--blood-dim: #7a1626;--resolve: #7fc4ff;--resolve-bright: #a8dcff;--resolve-dim: #1e4a70;--gold: #ffc04a;--silver: #dfe8f2;--civilian: #8fe6d0;--hazard: #c86bff;--danger: #ff5a3c;--ink: #0a0709;--ink-2: #140f14;--panel: rgba(16, 11, 15, .94);--panel-solid: #120c11;--edge: #4a3a3f;--edge-bright: #7a6058;--text: #e8dfd4;--text-dim: #a4968c;--text-faint: #6e625c;--hud-scale: 1;--font-display: "Georgia", "Times New Roman", serif;--font-body: "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "Consolas", "SF Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#05040a;color:var(--text);font-family:var(--font-body);user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#ui-root{position:absolute;inset:0;pointer-events:none;overflow:hidden}#ui-root>*{pointer-events:none}#ui-root .interactive{pointer-events:auto}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:.04em;margin:0}.title-xl{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,4.6rem);letter-spacing:.14em;line-height:1;text-transform:uppercase;background:linear-gradient(180deg,#fff2e0,#e0364e 60%,#7a1626);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(224,54,78,.35)}.subtitle{font-family:var(--font-display);font-size:clamp(.8rem,1.6vw,1.05rem);letter-spacing:.42em;text-transform:uppercase;color:var(--text-dim);margin-top:.7em}.eyebrow{font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;color:var(--text-faint)}.hud{position:absolute;inset:0;font-size:calc(1rem * var(--hud-scale));transition:opacity .25s}.hud.hidden{opacity:0}.crosshair{position:absolute;left:50%;top:50%;width:46px;height:46px;transform:translate(-50%,-50%) scale(var(--reticle-scale, 1));transition:opacity .15s}.crosshair span{position:absolute;background:#fff6e8eb;box-shadow:0 0 4px #000000f2;transition:transform .09s ease-out}.crosshair .ch-t,.crosshair .ch-b{width:2px;height:9px;left:50%;margin-left:-1px}.crosshair .ch-l,.crosshair .ch-r{height:2px;width:9px;top:50%;margin-top:-1px}.crosshair .ch-t{top:0}.crosshair .ch-b{bottom:0}.crosshair .ch-l{left:0}.crosshair .ch-r{right:0}.crosshair .ch-dot{width:2px;height:2px;left:50%;top:50%;margin:-1px 0 0 -1px;border-radius:50%;background:var(--blood-bright)}.crosshair.hitmark span{background:var(--blood-bright)}.crosshair.crit span{background:var(--gold)}.crosshair.weakpoint span{background:#fff0a8;box-shadow:0 0 9px var(--gold),0 0 3px #000}.crosshair.armored span{background:#b8c8e8;box-shadow:0 0 6px #6f8fbd}.crosshair.stagger span{background:#fff;box-shadow:0 0 10px #fff}.crosshair .ch-state{position:absolute;left:50%;top:calc(50% + 25px);transform:translate(-50%);min-width:86px;color:#fff4df;font:800 calc(.58rem * var(--combat-text-scale, 1))/1 var(--font-body);font-style:normal;letter-spacing:.18em;text-align:center;text-transform:uppercase;text-shadow:0 1px 3px #000,0 0 7px #000;background:transparent;box-shadow:none}.hud-left{position:absolute;left:26px;bottom:24px;width:310px}.bar{position:relative;height:15px;background:rgba(6,4,6,var(--hud-panel-alpha, .86));border:1px solid var(--edge);margin-bottom:6px;overflow:hidden}.bar .fill{position:absolute;inset:1px auto 1px 1px;width:0%;transition:width .16s ease-out}.bar .ghost{position:absolute;inset:1px auto 1px 1px;width:0%;background:#ffffff47;transition:width .55s ease-out .12s}.bar .label{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;text-shadow:0 1px 3px #000,0 0 8px #000}.bar .label .glyph{margin-right:5px;opacity:.85}.bar.health{height:22px}.bar.health .fill{background:linear-gradient(90deg,#8e1220,#e0364e)}.bar.health.low .fill{background:linear-gradient(90deg,#ff2020,#ff6a4a);animation:pulse-bar .7s infinite}.bar.blood .fill{background:linear-gradient(90deg,#5a0e1c,#ff2e46)}.bar.resolve .fill{background:linear-gradient(90deg,#1e4a70,#7fc4ff)}@keyframes pulse-bar{0%,to{opacity:1}50%{opacity:.55}}.bar.ready{border-color:currentColor;box-shadow:0 0 10px -2px currentColor}.bar.blood.ready{color:var(--blood-bright)}.bar.resolve.ready{color:var(--resolve-bright)}.power-row{display:flex;gap:8px;margin-top:10px}.power{flex:1;position:relative;background:rgba(6,4,6,var(--hud-panel-alpha, .86));border:1px solid var(--edge);padding:6px 8px;overflow:hidden}.power .cd{position:absolute;left:0;bottom:0;height:100%;width:0%;background:#ffffff17;transition:width .1s linear}.power .key{position:relative;font-family:var(--font-mono);font-size:.64rem;font-weight:700;color:var(--text-faint);letter-spacing:.1em}.power .nm{position:relative;font-size:.72rem;font-weight:600;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.power .icon{position:relative;float:right;font-size:.95rem;line-height:1}.power.vampire{border-left:3px solid var(--blood)}.power.sheriff{border-left:3px solid var(--resolve)}.power.ready{background:#1e0c10e6}.power.vampire.ready{box-shadow:inset 0 0 18px -6px var(--blood-bright)}.power.sheriff.ready{box-shadow:inset 0 0 18px -6px var(--resolve-bright)}.power.unavailable{opacity:.42}.hud-right{position:absolute;right:26px;bottom:118px;text-align:right;min-width:250px;padding:10px 14px 8px;border-radius:2px;background:linear-gradient(260deg,#060406b8,#06040685 55%,#06040600)}.ammo{font-family:var(--font-mono);font-size:2.7rem;font-weight:700;line-height:.95;letter-spacing:-.02em;text-shadow:0 2px 10px #000}.ammo .reserve{font-size:1.1rem;color:var(--text-dim);font-weight:400}.ammo.empty{color:var(--danger);animation:pulse-bar .5s infinite}.ammo-state{min-height:1em;margin:3px 0 2px;color:var(--gold);font:800 calc(.68rem * var(--combat-text-scale, 1))/1 var(--font-body);letter-spacing:.2em;opacity:0;text-transform:uppercase}.ammo-state.show{opacity:1}.ammo-state.empty{color:#ff9a86}.weapon-name{font-family:var(--font-display);font-size:.95rem;letter-spacing:.1em;text-transform:uppercase;margin-top:2px}.weapon-mods{display:flex;gap:5px;justify-content:flex-end;margin-top:5px;flex-wrap:wrap}.mod-chip{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;border:1px solid currentColor;opacity:.9}.weapon-alt{margin-top:8px;font-size:.72rem;color:var(--text-faint);letter-spacing:.06em}.weapon-alt .k{font-family:var(--font-mono);color:var(--text-dim)}.reload-bar{position:relative;height:4px;margin-top:6px;background:#ffffff1f;overflow:hidden}.reload-bar i{position:absolute;inset:0 auto 0 0;width:0%;background:var(--gold);display:block}.momentum{position:absolute;left:50%;bottom:26px;transform:translate(-50%);display:flex;gap:4px;align-items:center}.momentum .pip{width:26px;height:4px;background:#ffffff24;transition:background .15s,box-shadow .15s}.momentum .pip.on{background:var(--gold);box-shadow:0 0 8px var(--gold)}.momentum .lbl{font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:var(--text-faint);margin-left:8px}.momentum .lbl.hot{color:var(--gold)}.hud-top{position:absolute;top:18px;left:50%;transform:translate(-50%);text-align:center;width:min(640px,84vw)}.encounter-name{font-family:var(--font-display);font-size:1rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);text-shadow:0 2px 8px #000}.encounter-sub{font-size:.7rem;letter-spacing:.14em;color:var(--text-faint);margin-top:3px}.objective{margin-top:10px;display:inline-flex;align-items:center;gap:9px;padding:5px 14px;background:rgba(10,7,9,var(--hud-panel-alpha, .82));border:1px solid var(--edge);border-left:3px solid var(--gold);font-size:.78rem;letter-spacing:.05em}.objective .glyph{color:var(--gold)}.objective.complete{border-left-color:var(--civilian);color:var(--civilian)}.objective.failed{border-left-color:var(--danger);color:var(--text-faint);text-decoration:line-through}.objective .count{font-family:var(--font-mono);color:var(--gold)}.objective.progress{animation:objective-progress .28s ease-out}@keyframes objective-progress{0%{transform:scale(1);box-shadow:none}45%{transform:scale(1.035);box-shadow:0 0 18px #c86bff80}to{transform:scale(1);box-shadow:none}}.crosshair.objective-hit span{background:#c86bff;box-shadow:0 0 7px #c86bff}.modifier-chip{display:inline-flex;align-items:center;gap:7px;margin-top:8px;padding:4px 12px;border:1px solid currentColor;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;background:#0a0709cc}.boss-bar{position:absolute;top:26px;left:50%;transform:translate(-50%);width:min(720px,78vw);text-align:center;--boss-accent: #ff2e46;--boss-secondary: #6a2030;--boss-light: #ff5570}.boss-bar .boss-seal{position:absolute;left:-82px;top:-8px;width:72px;height:72px;background-image:url(/bloodsheriff/art/boss-seals.png);background-size:400% 100%;background-repeat:no-repeat;filter:drop-shadow(0 0 12px var(--boss-light))}.boss-bar .nm{font-family:var(--font-display);font-size:1.15rem;letter-spacing:.28em;text-transform:uppercase;text-shadow:0 0 18px var(--boss-light),0 2px 6px #000}.boss-bar .ttl{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);margin-bottom:7px}.boss-bar .track{position:relative;height:13px;background:#060406e6;border:1px solid var(--boss-secondary);box-shadow:0 0 16px color-mix(in srgb,var(--boss-accent) 30%,transparent)}.boss-bar .track i{position:absolute;inset:1px auto 1px 1px;width:100%;background:linear-gradient(90deg,var(--boss-secondary),var(--boss-accent),var(--boss-light));transition:width .2s;display:block}.boss-bar .phases{position:absolute;inset:0;display:flex;pointer-events:none}.boss-bar .phases span{flex:1;border-right:2px solid rgba(0,0,0,.85)}.boss-bar .phases span:last-child{border-right:none}.boss-bar .phase-label{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--boss-light);margin-top:5px}.boss-attack-cue{position:absolute;left:50%;top:27%;width:min(360px,70vw);transform:translate(-50%,-8px);display:grid;grid-template-columns:44px 1fr;align-items:center;gap:10px;padding:9px 12px 12px;border:1px solid rgba(255,73,58,.55);background:linear-gradient(90deg,#180304e0,#080505b8);box-shadow:0 0 24px #ff1e1824;opacity:0;transition:opacity .1s ease,transform .1s ease}.boss-attack-cue.show{opacity:1;transform:translate(-50%)}.boss-attack-cue .glyph{grid-row:1 / 3;font-size:28px;color:#ff6857;text-align:center}.boss-attack-cue .attack-name{color:#fff1df;font:700 15px/1.1 var(--display);letter-spacing:.13em;text-transform:uppercase}.boss-attack-cue .counter{margin-top:3px;color:#ffb446;font:700 11px/1.1 var(--ui);letter-spacing:.12em;text-transform:uppercase}.boss-attack-cue .meter{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff14}.boss-attack-cue .meter i{display:block;height:100%;background:#ff493a}.boss-attack-cue.recover{border-color:#ffbe46a6}.boss-attack-cue.recover .glyph,.boss-attack-cue.recover .counter{color:#ffd36b}.boss-attack-cue.recover .meter i{background:#ffd36b}.boss-phase-banner{position:absolute;left:50%;top:19%;transform:translate(-50%,-12px) scale(.96);color:#fff3df;font:800 24px/1 var(--display);letter-spacing:.14em;text-align:center;text-transform:uppercase;text-shadow:0 0 24px #ff241c,0 2px 2px #000;opacity:0;transition:opacity .18s ease,transform .18s ease}.boss-phase-banner span{display:block;margin-bottom:7px;color:#ff6d58;font:700 11px/1 var(--ui);letter-spacing:.3em}.boss-phase-banner.show{opacity:1;transform:translate(-50%) scale(1)}.boss-intro-card{position:absolute;left:50%;top:18%;width:min(740px,84vw);min-height:150px;transform:translate(-50%,-18px) scale(.97);display:grid;grid-template-columns:150px 1fr;align-items:center;gap:20px;padding:18px 28px 18px 18px;border:1px solid var(--boss-secondary, #6a2030);background:linear-gradient(100deg,#050306f5,color-mix(in srgb,var(--boss-secondary, #6a2030) 35%,rgba(5,3,6,.9)));box-shadow:0 0 45px color-mix(in srgb,var(--boss-accent, #ff2e46) 28%,transparent),inset 0 0 35px #0000008c;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .26s ease}.boss-intro-card.show{opacity:1;transform:translate(-50%) scale(1)}.boss-intro-seal{width:140px;height:140px;background-image:url(/bloodsheriff/art/boss-seals.png);background-size:400% 100%;background-repeat:no-repeat;filter:drop-shadow(0 0 18px var(--boss-light, #ff5570))}.boss-intro-copy .eyebrow{color:var(--boss-light, #ff5570)}.boss-intro-copy .nm{margin-top:6px;color:#fff3e7;font:800 clamp(22px,3vw,34px)/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 20px var(--boss-accent, #ff2e46)}.boss-intro-copy .ttl{margin-top:6px;color:var(--boss-light, #ff5570);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase}.boss-intro-copy .ln{margin-top:12px;color:var(--text-dim);font-size:.85rem;line-height:1.45;font-style:italic}@media (max-width: 700px){.boss-bar .boss-seal{left:-48px;top:3px;width:44px;height:44px}.boss-intro-card{grid-template-columns:82px 1fr;gap:12px;padding:14px}.boss-intro-seal{width:78px;height:78px}.boss-intro-copy .ln{display:none}}.execution-banner{position:absolute;left:50%;top:38%;transform:translate(-50%,8px) scale(.96);min-width:280px;color:#ffe9de;font:800 19px/1.05 var(--display);letter-spacing:.12em;text-align:center;text-transform:uppercase;text-shadow:0 0 18px #c0142f,0 2px 2px #000;opacity:0;transition:opacity 90ms ease,transform .12s ease}.execution-banner.show{opacity:1;transform:translate(-50%) scale(1)}.execution-banner span{display:block;margin-bottom:6px;color:#ff3954;font:700 10px/1 var(--ui);letter-spacing:.32em}.execution-banner small{display:block;margin-top:7px;color:#ff9caa;font:700 10px/1 var(--ui);letter-spacing:.14em}.execution-banner small b{margin-left:8px;color:var(--gold)}.execution-banner.elite{color:#fff0b8;text-shadow:0 0 22px #ff7728,0 2px 2px #000}.execution-banner.elite span,.execution-banner.elite small{color:var(--gold)}@media (prefers-reduced-motion: reduce){.boss-attack-cue,.boss-phase-banner,.boss-intro-card,.execution-banner{transition:opacity 80ms linear}}.status-row{position:absolute;left:26px;bottom:160px;display:flex;gap:6px}.status-chip{display:flex;align-items:center;gap:4px;padding:3px 8px;background:#0a0709d9;border:1px solid currentColor;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase}.interact{position:absolute;left:50%;top:58%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:7px 16px;background:#0a0709e0;border:1px solid var(--edge-bright);font-size:.85rem;letter-spacing:.06em;opacity:0;transition:opacity .15s}.interact.show{opacity:1}.interact kbd{font-family:var(--font-mono);background:var(--text);color:var(--ink);padding:1px 7px;font-weight:700;font-size:.78rem}.notify-stack{position:absolute;right:26px;top:90px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:380px}.notify{padding:7px 14px;background:#0a0709e6;border-left:3px solid var(--text-dim);font-size:.8rem;letter-spacing:.03em;animation:notify-in .22s ease-out;text-align:right}.notify.good{border-left-color:var(--civilian);color:var(--civilian)}.notify.bad{border-left-color:var(--danger);color:#ffb0a0}.notify.law{border-left-color:var(--resolve);color:var(--resolve-bright)}.notify.hunger{border-left-color:var(--blood);color:#ff8a9a}.notify.fade{opacity:0;transition:opacity .4s,transform .4s;transform:translate(20px)}.tutorial-card{position:absolute;left:26px;top:50%;transform:translateY(-50%) translate(-18px);width:min(270px,30vw);padding:13px 15px;background:#070508e6;border:1px solid var(--edge-bright);border-left:3px solid var(--gold);opacity:0;transition:opacity .22s,transform .22s;pointer-events:none}.tutorial-card.show{opacity:1;transform:translateY(-50%) translate(0)}.tutorial-card.complete{border-left-color:var(--civilian)}.tutorial-title{font-family:var(--font-display);color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:.82rem;margin-bottom:9px}.tutorial-card.complete .tutorial-title{color:var(--civilian)}.tutorial-steps{display:flex;flex-direction:column;gap:5px}.tutorial-step{display:flex;gap:8px;color:var(--text-dim);font-size:.72rem}.tutorial-step.done{color:var(--text-faint);text-decoration:line-through}.tutorial-check{width:1.2em;color:var(--gold);font-family:var(--font-mono)}.tutorial-step.done .tutorial-check{color:var(--civilian)}@keyframes notify-in{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:none}}.subtitle-box{position:absolute;left:50%;bottom:15%;transform:translate(-50%);width:min(760px,86vw);text-align:center;opacity:0;transition:opacity .3s}.subtitle-box.show{opacity:1}.subtitle-box .who{font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--blood-bright);margin-bottom:5px}.subtitle-box .line{display:inline-block;padding:8px 18px;background:#060406db;font-size:calc(.98rem * var(--sub-scale, 1));line-height:1.5;letter-spacing:.02em}.enemy-intro{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);text-align:center;opacity:0;transition:opacity .3s}.enemy-intro.show{opacity:1}.enemy-intro .nm{font-family:var(--font-display);font-size:2rem;letter-spacing:.2em;text-transform:uppercase;color:#fff;text-shadow:0 0 26px rgba(255,46,70,.8),0 3px 10px #000}.enemy-intro .rule{width:180px;height:1px;margin:10px auto;background:linear-gradient(90deg,transparent,var(--blood),transparent)}.enemy-intro .ln{font-size:.9rem;color:var(--text-dim);letter-spacing:.05em;font-style:italic}.wave-banner{position:absolute;left:50%;top:22%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:1.5rem;letter-spacing:.34em;text-transform:uppercase;opacity:0;transition:opacity .35s;text-shadow:0 0 20px #000}.wave-banner.show{opacity:1}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.62) 100%)}.damage-flash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,rgba(190,12,30,.75) 100%);opacity:0;transition:opacity .3s}.low-health{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 25%,rgba(150,8,24,.5) 100%);opacity:0;transition:opacity .6s}.low-health.on{opacity:1;animation:hb 1.4s infinite}@keyframes hb{0%,to{opacity:.5}50%{opacity:.85}}.deadeye-tint{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,#7fc4ff0d,#143c6e59);opacity:0;transition:opacity .2s}.deadeye-tint.on{opacity:1}.cast-overlay{position:absolute;left:50%;bottom:22%;transform:translate(-50%,18px) scale(.96);display:flex;align-items:center;gap:12px;min-width:250px;padding:9px 18px;color:#fff;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--cast-color) 26%,#080508),transparent);border-top:1px solid var(--cast-color);border-bottom:1px solid var(--cast-color);opacity:0;pointer-events:none;transition:opacity .14s,transform .2s}.cast-overlay:before{content:"";position:fixed;inset:0;box-shadow:inset 0 0 90px color-mix(in srgb,var(--cast-color) 34%,transparent);opacity:.55}.cast-overlay.show{opacity:1;transform:translate(-50%) scale(1)}.cast-overlay.law{border-style:double}.cast-glyph{color:var(--cast-color);font:1.8rem/1 var(--font-display);text-shadow:0 0 18px var(--cast-color)}.cast-overlay b{display:block;font:.9rem/1 var(--font-display);letter-spacing:.18em;text-transform:uppercase}.cast-overlay small{display:block;margin-top:4px;color:var(--text-dim);font-size:.66rem;letter-spacing:.06em}.combat-transition{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#fff;font:2.2rem/1 var(--font-display);letter-spacing:.22em;text-shadow:0 3px 18px #000;background:linear-gradient(90deg,transparent 0 18%,rgba(8,5,8,.48) 32% 68%,transparent 82%);opacity:0;pointer-events:none;transform:scale(1.04);transition:opacity .18s,transform .28s}.combat-transition.show{opacity:1;transform:scale(1)}.combat-transition span{display:block;margin-bottom:10px;color:var(--gold);font:.62rem/1 var(--ui);letter-spacing:.38em}.combat-transition.cleared{color:var(--resolve-bright)}@media (prefers-reduced-motion: reduce){.cast-overlay,.combat-transition{transition:opacity 80ms linear;transform:translate(-50%)}.combat-transition{transform:none}}.damage-layer{position:absolute;inset:0;pointer-events:none}.dmg{position:absolute;left:0;top:0;font-family:var(--font-mono);font-weight:700;font-size:.95rem;text-shadow:0 2px 4px #000,0 0 8px #000;will-change:transform,opacity}.dmg-normal{color:#ffe0c0}.dmg-crit{color:var(--gold);font-size:1.4rem}.dmg-heal{color:var(--civilian)}.dmg-player{color:var(--blood-bright);font-size:1.15rem}.dmg-blood{color:var(--blood)}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,rgba(90,16,30,.28),transparent 60%),#050306ed;backdrop-filter:blur(3px);animation:fade-in .25s ease-out;overflow-y:auto;overflow-x:hidden;padding:40px 20px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.screen-inner{width:min(1080px,94vw);min-width:0;display:flex;flex-direction:column;align-items:center}.main-menu{background:linear-gradient(90deg,#030204f5,#0e050abd 42%,#030204f5),radial-gradient(circle at 50% 36%,rgba(197,34,54,.28),transparent 38%),#050306}.main-menu:before,.main-menu:after{content:"";position:fixed;top:0;bottom:0;width:min(24vw,320px);opacity:.32;pointer-events:none;background:repeating-linear-gradient(112deg,transparent 0 34px,rgba(181,123,73,.18) 35px 37px,transparent 38px 72px)}.main-menu:before{left:0;transform:skew(-8deg)}.main-menu:after{right:0;transform:scaleX(-1) skew(-8deg)}.title-lockup{display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,34px);margin-bottom:8px}.title-seal{flex:0 0 clamp(118px,16vw,190px);width:clamp(118px,16vw,190px);height:clamp(118px,16vw,190px);background:url(/bloodsheriff/art/title-seal.png) center / contain no-repeat;filter:drop-shadow(0 0 24px rgba(255,59,74,.6));animation:title-breathe 4.8s ease-in-out infinite}.title-copy{text-align:left}.title-copy .subtitle{margin-left:.18em}@keyframes title-breathe{0%,to{transform:scale(1);filter:drop-shadow(0 0 18px rgba(255,59,74,.48))}50%{transform:scale(1.025);filter:drop-shadow(0 0 30px rgba(255,135,63,.72))}}@media (max-width: 650px){.title-lockup{flex-direction:column;gap:2px}.title-copy{text-align:center}.title-seal{margin-bottom:-12px}}@media (prefers-reduced-motion: reduce){.title-seal{animation:none}}.panel{background:var(--panel);border:1px solid var(--edge);padding:22px 26px;width:100%;min-width:0}.panel+.panel{margin-top:14px}.bestiary-layout{display:grid;grid-template-columns:minmax(360px,1.1fr) minmax(320px,.9fr);gap:18px;height:min(620px,68vh);padding:16px}.bestiary-dossier{display:grid;grid-template-rows:minmax(280px,1fr) auto auto;min-height:0;border:1px solid var(--edge);background:radial-gradient(ellipse at 50% 35%,#641c2a38,#070508eb)}.bestiary-preview{min-height:280px;overflow:hidden}.bestiary-preview canvas{width:100%;height:100%;display:block}.bestiary-training{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);background:#070508b8}.bestiary-phase{color:var(--text-dim);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.bestiary-phase.telegraph{color:var(--gold)}.bestiary-phase.attack{color:var(--blood-bright)}.bestiary-phase.recover{color:var(--text)}.bestiary-replay{min-width:150px;padding:9px 13px}.bestiary-details{padding:16px 18px 18px}.bestiary-name{margin-top:3px;font-family:var(--font-display);font-size:1.6rem;letter-spacing:.12em;text-transform:uppercase}.bestiary-intro{margin-top:7px;color:var(--text-dim);line-height:1.5}.bestiary-silhouette{margin-top:9px;color:var(--text-faint);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.bestiary-anatomy{margin-top:6px;color:var(--text-faint);font-size:.7rem;line-height:1.45;letter-spacing:.055em;text-transform:uppercase}.bestiary-counter{color:var(--gold);line-height:1.45}.bestiary-facts{margin-top:10px;color:var(--text-faint);font-size:.72rem;letter-spacing:.04em}.bestiary-list{min-height:0;overflow-y:auto;padding-right:5px}.bestiary-entry{width:100%;color:inherit;text-align:left;cursor:pointer}.bestiary-sigil{flex:0 0 54px;width:54px;height:54px;margin-right:12px;background-image:url(/bloodsheriff/art/enemy-sigils.png);background-repeat:no-repeat;background-size:400% 400%;filter:drop-shadow(0 0 7px rgba(225,55,76,.28));opacity:.82;transition:opacity .15s,filter .15s,transform .15s}.bestiary-entry:hover .bestiary-sigil,.bestiary-entry:focus .bestiary-sigil,.bestiary-entry.selected .bestiary-sigil{opacity:1;filter:drop-shadow(0 0 10px rgba(255,192,74,.46));transform:scale(1.08)}.bestiary-entry.selected{border-color:var(--gold);background:linear-gradient(90deg,#ffc04a1f,#180d10e6)}@media (max-width: 820px){.bestiary-layout{grid-template-columns:1fr;height:auto;max-height:none}.bestiary-dossier{grid-template-rows:260px auto auto}.bestiary-list{max-height:300px}.tutorial-card{left:14px;top:auto;bottom:96px;width:min(260px,58vw);transform:translate(-18px)}.tutorial-card.show{transform:translate(0)}}.divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--edge-bright),transparent);margin:18px 0}.btn{display:block;width:100%;padding:13px 20px;margin:7px 0;background:#140e12e6;border:1px solid var(--edge);color:var(--text);font-family:var(--font-display);font-size:1rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;text-align:center;transition:background .12s,border-color .12s,transform .08s,color .12s}.btn:hover:not(:disabled){background:#3c121ce6;border-color:var(--blood);color:#fff}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn.primary{border-color:var(--blood);background:linear-gradient(180deg,#50121ee6,#1e080ee6)}.btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#821a2cf2,#320c14f2)}.btn.ghost{background:transparent;border-color:var(--edge);font-size:.85rem}.btn.small{padding:8px 14px;font-size:.8rem;letter-spacing:.1em}.btn.danger:hover:not(:disabled){border-color:var(--danger);color:#ffb0a0}.btn-row{display:flex;gap:10px;width:100%}.btn-row .btn{margin:7px 0}.menu-actions{width:min(380px,88vw);margin-top:34px}.menu-footer{margin-top:26px;font-size:.72rem;color:var(--text-faint);letter-spacing:.08em;text-align:center;line-height:1.9}.menu-footer kbd{font-family:var(--font-mono);background:#ffffff17;padding:1px 5px;border:1px solid var(--edge)}.region-hero{display:flex;align-items:center;justify-content:center;gap:18px}.region-hero .title-xl{margin:0}.region-crest{flex:0 0 92px;width:92px;height:92px;background-image:url(/bloodsheriff/art/region-crests.png);background-size:400% 100%;background-repeat:no-repeat;filter:drop-shadow(0 3px 12px rgba(255,91,70,.55))}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;width:100%}.card{position:relative;--card-accent: var(--gold);overflow:hidden;isolation:isolate;background:linear-gradient(135deg,color-mix(in srgb,var(--card-accent) 11%,transparent),transparent 44%),#120c10f5;border:1px solid var(--edge);padding:18px;cursor:pointer;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex;flex-direction:column;min-height:168px}.card:before{content:"";position:absolute;inset:7px;z-index:-1;pointer-events:none;border:1px solid color-mix(in srgb,var(--card-accent) 18%,transparent);clip-path:polygon(0 0,42px 0,42px 2px,calc(100% - 42px) 2px,calc(100% - 42px) 0,100% 0,100% 100%,calc(100% - 42px) 100%,calc(100% - 42px) calc(100% - 2px),42px calc(100% - 2px),42px 100%,0 100%)}.card:after{content:"";position:absolute;top:0;left:18px;width:58px;height:3px;background:var(--card-accent);box-shadow:0 0 14px color-mix(in srgb,var(--card-accent) 55%,transparent);opacity:.72}.card>:not(.card-sigil){position:relative;z-index:1}.card-sigil{position:absolute;right:-8px;bottom:-22px;z-index:0;color:var(--card-accent);font:700 6.5rem/1 var(--font-display);opacity:.065;transform:rotate(-12deg);transition:opacity .15s,transform .15s;pointer-events:none}.card.identity-weapon .card-sigil{transform:rotate(20deg)}.card.identity-modifier .card-sigil{transform:rotate(0)}.card.identity-vampire .card-sigil{filter:drop-shadow(0 0 12px var(--blood))}.card.identity-sheriff .card-sigil{filter:drop-shadow(0 0 12px var(--resolve))}.card.identity-supply .card-sigil{bottom:-16px}.card:hover:not(.disabled){transform:translateY(-3px);border-color:var(--gold);box-shadow:0 8px 26px -10px #ffc04a80}.card:hover:not(.disabled) .card-sigil,.card.selected .card-sigil{opacity:.13;transform:rotate(-5deg) scale(1.06)}.card.disabled{opacity:.4;cursor:not-allowed}.card.selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.card .card-icon{font-size:1.5rem;margin-bottom:8px;line-height:1}.card .weapon-crest{width:64px;height:64px;margin:-5px 0 7px -5px;background-image:url(/bloodsheriff/art/weapon-crests.png);background-size:500% 400%;background-repeat:no-repeat;filter:drop-shadow(0 2px 7px rgba(255,119,70,.48));transition:filter .15s,transform .15s}.card:hover:not(.disabled) .weapon-crest,.card.selected .weapon-crest{filter:drop-shadow(0 2px 9px rgba(255,192,74,.82));transform:scale(1.06)}.card .card-kind{font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint)}.card .card-title{font-family:var(--font-display);font-size:1.08rem;letter-spacing:.06em;margin:5px 0 8px}.card .card-text{font-size:.85rem;line-height:1.55;color:var(--text-dim);flex:1}.card .card-foot{margin-top:12px;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.card .card-tag{position:absolute;top:12px;right:12px;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;padding:2px 7px;border:1px solid currentColor}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 22px;width:100%}.stat{display:flex;justify-content:space-between;align-items:baseline;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.86rem}.stat .k{color:var(--text-dim);letter-spacing:.04em}.stat .v{font-family:var(--font-mono);font-weight:700}.stat .v.good{color:var(--civilian)}.stat .v.bad{color:var(--danger)}.stat .v.gold{color:var(--gold)}.setting{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05)}.setting .s-label{font-size:.9rem}.setting .s-hint{font-size:.72rem;color:var(--text-faint);margin-top:2px}.setting .s-control{display:flex;align-items:center;gap:10px;min-width:230px;justify-content:flex-end}.setting input[type=range]{width:160px;accent-color:var(--blood);cursor:pointer}.setting .s-value{font-family:var(--font-mono);font-size:.8rem;min-width:46px;text-align:right;color:var(--gold)}.toggle{width:52px;height:24px;border:1px solid var(--edge);background:#00000080;position:relative;cursor:pointer;transition:border-color .15s,background .15s}.toggle i{position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-faint);transition:transform .15s,background .15s;display:block}.toggle.on{border-color:var(--blood);background:#50101c99}.toggle.on i{transform:translate(28px);background:var(--blood-bright)}.seg{display:flex;border:1px solid var(--edge)}.seg button{padding:6px 13px;background:transparent;border:none;border-right:1px solid var(--edge);color:var(--text-dim);font-family:var(--font-body);font-size:.78rem;letter-spacing:.08em;cursor:pointer;transition:background .12s,color .12s}.seg button:last-child{border-right:none}.seg button.on{background:#5a1420cc;color:#fff}.seg button:hover:not(.on){background:#ffffff0f}.tabs{display:flex;gap:2px;width:100%;margin-bottom:16px;border-bottom:1px solid var(--edge)}.tabs button{padding:10px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-faint);font-family:var(--font-display);font-size:.88rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:color .12s,border-color .12s}.tabs button.on{color:var(--text);border-bottom-color:var(--blood)}.tabs button:hover:not(.on){color:var(--text-dim)}.rebind-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.85rem}.rebind-row button{font-family:var(--font-mono);min-width:100px;padding:5px 10px;background:#00000073;border:1px solid var(--edge);color:var(--text);cursor:pointer;font-size:.78rem}.rebind-row button:hover{border-color:var(--gold);color:var(--gold)}.rebind-row button.listening{border-color:var(--blood-bright);color:var(--blood-bright);animation:pulse-bar .7s infinite}.route{position:relative;width:100%;overflow-x:auto;padding:20px 0 26px}.route-grid{position:relative;display:flex;gap:68px;min-width:min-content;padding:0 12px}.route-col{display:flex;flex-direction:column;gap:18px;justify-content:center;min-width:156px}.route-node{position:relative;background:#120c10f2;border:1px solid var(--edge);padding:12px;cursor:default;transition:transform .12s,border-color .12s,box-shadow .12s;z-index:2}.route-node.selectable{cursor:pointer;border-color:var(--gold);box-shadow:0 0 18px -6px var(--gold)}.route-node.selectable:hover{transform:translateY(-3px) scale(1.02)}.route-node.visited{opacity:.45}.route-node.current{border-color:var(--blood-bright);box-shadow:0 0 22px -6px var(--blood-bright)}.route-node.locked{opacity:.28}.route-node .n-icon{font-size:1.2rem;line-height:1}.route-node .n-name{font-family:var(--font-display);font-size:.86rem;letter-spacing:.06em;margin:5px 0 3px}.route-node .n-hint{font-size:.68rem;color:var(--text-faint);letter-spacing:.04em}.route-node .n-mod{margin-top:6px;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;padding:2px 5px;border:1px solid currentColor;display:inline-block}.route-node .n-obj{margin-top:5px;font-size:.63rem;color:var(--gold);letter-spacing:.04em}.route-links{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:visible}.route-links line{stroke:var(--edge-bright);stroke-width:2;opacity:.5}.route-links line.open{stroke:var(--gold);stroke-width:2.5;opacity:.95;stroke-dasharray:7 5}.route-links line.taken{stroke:var(--blood-bright);stroke-width:2.5;opacity:.85}.run-header{display:flex;justify-content:space-between;align-items:center;width:100%;gap:20px;flex-wrap:wrap}.run-header .rh-item{display:flex;align-items:baseline;gap:8px;font-size:.82rem}.run-header .rh-item .k{color:var(--text-faint);letter-spacing:.16em;text-transform:uppercase;font-size:.66rem}.run-header .rh-item .v{font-family:var(--font-mono);font-weight:700}.rep-row{display:flex;gap:18px;width:100%}.rep{flex:1;background:#0a0709b3;border:1px solid var(--edge);padding:10px 14px}.rep .r-top{display:flex;justify-content:space-between;align-items:baseline}.rep .r-name{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase}.rep .r-val{font-family:var(--font-mono);font-weight:700;font-size:1.1rem}.rep .r-bar{height:5px;margin-top:7px;background:#ffffff1a}.rep .r-bar i{display:block;height:100%;width:0%;transition:width .3s}.rep.law .r-name,.rep.law .r-val{color:var(--resolve)}.rep.law .r-bar i{background:var(--resolve)}.rep.hunger .r-name,.rep.hunger .r-val{color:var(--blood)}.rep.hunger .r-bar i{background:var(--blood)}.rep .r-perk{font-size:.68rem;color:var(--text-faint);margin-top:6px}.choice-body{font-size:1rem;line-height:1.75;color:var(--text-dim);white-space:pre-line;margin:14px 0 8px}.choice-speaker{font-family:var(--font-display);font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:var(--blood-bright)}.choice-result{font-style:italic;color:var(--gold);font-size:.95rem;line-height:1.7;margin-top:10px}.choice-option{width:100%;text-align:left;padding:14px 18px;margin:8px 0;background:#140e12e6;border:1px solid var(--edge);border-left:3px solid var(--edge-bright);color:var(--text);font-family:var(--font-body);font-size:.95rem;cursor:pointer;transition:background .12s,border-color .12s,transform .08s}.choice-option:hover{background:#2d121ae6;transform:translate(4px)}.choice-option.law{border-left-color:var(--resolve)}.choice-option.hunger{border-left-color:var(--blood)}.choice-option .co-cost{display:block;margin-top:5px;font-size:.74rem;color:var(--text-faint);letter-spacing:.06em}.shop-item{display:flex;align-items:center;gap:16px;padding:12px;border:1px solid var(--edge);background:#120c10e6;margin-bottom:10px}.shop-item .si-body{flex:1}.shop-item .si-name{font-family:var(--font-display);font-size:1rem;letter-spacing:.05em}.shop-item .si-text{font-size:.8rem;color:var(--text-dim);margin-top:3px;line-height:1.5}.shop-item .si-price{font-family:var(--font-mono);font-weight:700;color:var(--gold);min-width:74px;text-align:right}.shop-item.sold{opacity:.35}.summary-verdict{font-family:var(--font-display);font-size:clamp(1.8rem,5vw,3.2rem);letter-spacing:.2em;text-transform:uppercase}.summary-verdict.win{color:var(--gold);text-shadow:0 0 34px rgba(255,192,74,.45)}.summary-verdict.loss{color:var(--blood-bright);text-shadow:0 0 34px rgba(255,46,70,.4)}.summary-reason{color:var(--text-dim);font-size:.95rem;margin-top:8px;letter-spacing:.05em}.debug-panel{position:absolute;top:10px;left:10px;padding:8px 12px;background:#000000b8;border:1px solid var(--edge);font-family:var(--font-mono);font-size:.7rem;line-height:1.65;color:#9fe0a0;min-width:190px}.debug-panel .dk{color:var(--text-faint)}.debug-panel .warn{color:var(--gold)}.debug-panel .bad{color:var(--danger)}.boot{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#050306;z-index:100;text-align:center}.boot .hint{margin-top:20px;font-size:.82rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);animation:pulse-bar 1.8s infinite}.scroll-body{max-height:min(56vh,520px);overflow-y:auto;width:100%;padding-right:6px}.scroll-body::-webkit-scrollbar{width:8px}.scroll-body::-webkit-scrollbar-track{background:#0000004d}.scroll-body::-webkit-scrollbar-thumb{background:var(--edge)}.scroll-body::-webkit-scrollbar-thumb:hover{background:var(--edge-bright)}.muted{color:var(--text-faint)}.center{text-align:center}.row{display:flex;gap:12px;align-items:center}.spread{display:flex;justify-content:space-between;align-items:center;width:100%}.mt{margin-top:14px}.mb{margin-bottom:14px}.w-full{width:100%}@media (max-width: 760px){.hud-left{width:210px;left:14px;bottom:14px}.hud-right{right:14px;bottom:14px;min-width:160px}.ammo{font-size:2rem}.notify-stack{right:12px;top:70px;max-width:240px}.setting{flex-direction:column;align-items:flex-start}.setting .s-control{min-width:0;width:100%;justify-content:flex-start}.tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.tabs button{min-width:0;padding:9px 5px;font-size:.7rem;letter-spacing:.07em;white-space:normal}}.threat-ring{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}.threat-arrow{position:absolute;left:0;top:0;width:0;height:0;border-left:calc(13px * var(--cue-scale, 1)) solid transparent;border-right:calc(13px * var(--cue-scale, 1)) solid transparent;border-bottom:calc(22px * var(--cue-scale, 1)) solid var(--danger);transform-origin:50% 50%;filter:drop-shadow(0 0 6px rgba(0,0,0,.95));opacity:0;transition:opacity .12s linear}.threat-arrow.show{opacity:.95;animation:threat-pulse .45s ease-out infinite}@keyframes threat-pulse{0%,to{filter:drop-shadow(0 0 6px rgba(0,0,0,.95)) brightness(1)}50%{filter:drop-shadow(0 0 12px rgba(255,90,60,.9)) brightness(1.5)}}.damage-ring{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}.damage-wedge{position:absolute;left:0;top:0;width:calc(82px * var(--cue-scale, 1));height:calc(16px * var(--cue-scale, 1));margin:calc(-8px * var(--cue-scale, 1)) 0 0 calc(-41px * var(--cue-scale, 1));background:linear-gradient(90deg,#ff3a2c00,#ff3a2ceb 55%,#ff785afa);clip-path:polygon(0% 50%,62% 0%,100% 28%,100% 72%,62% 100%);transform-origin:50% 50%;opacity:0}.damage-wedge.show{opacity:1}.crosshair.kill span{background:var(--gold);box-shadow:0 0 8px var(--gold),0 0 4px #000}.crosshair .ch-kill{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border:2px solid var(--gold);border-radius:50%;opacity:0;transform:scale(.5);transition:opacity .12s,transform .16s ease-out}.crosshair.kill .ch-kill{opacity:1;transform:scale(1.15)}@keyframes pad-focus-pulse{0%,to{outline-color:var(--gold)}50%{outline-color:#ffc04a73}}.pad-focus{outline:2px solid var(--gold);outline-offset:3px;animation:pad-focus-pulse 1.5s ease-in-out infinite}.btn.pad-focus:not(:disabled){background:#3c121ce6;border-color:var(--blood);color:#fff}.card.pad-focus:not(.disabled){transform:translateY(-3px);border-color:var(--gold);box-shadow:0 8px 26px -10px #ffc04a80}.route-node.pad-focus{transform:translateY(-3px) scale(1.02)}.seg button.pad-focus:not(.on),.tabs button.pad-focus:not(.on),.rebind-row button.pad-focus{color:var(--gold)}.toggle.pad-focus{box-shadow:0 0 14px -4px var(--gold)}input[type=range].pad-focus{outline-offset:5px}@media (prefers-reduced-motion: reduce){.pad-focus{animation:none}}.run-legacy{margin:18px 0;padding:22px;text-align:center;border:1px solid var(--edge-bright);border-top:3px solid var(--gold);background:linear-gradient(180deg,#401e18d1,#100b0ff5);box-shadow:0 18px 45px -30px var(--gold)}.legacy-title{margin-top:5px;color:var(--gold);font-size:clamp(1.7rem,4vw,2.5rem);letter-spacing:.08em}.legacy-epitaph{margin:8px auto 18px;max-width:620px;color:var(--text-dim);font-style:italic;line-height:1.55}.legacy-feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;text-align:left}.legacy-feat{min-width:0;padding:10px 12px;border-left:2px solid var(--edge-bright);background:#0000003d}.legacy-feat.good{border-left-color:var(--civilian)}.legacy-feat.gold{border-left-color:var(--gold)}.legacy-feat strong,.legacy-feat small{display:block}.legacy-feat strong{margin-top:5px;color:var(--text);font-family:var(--font-display);font-size:1.05rem}.legacy-feat small{margin-top:3px;color:var(--text-faint)}.legacy-record{margin-top:12px;color:var(--gold);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.next-ride h3{margin-top:6px;color:var(--silver)}.next-ride .menu-footer{margin-top:5px;text-align:left}.legacy-progress{height:5px;margin-top:10px;background:#ffffff17;overflow:hidden}.legacy-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blood),var(--gold))}@media (max-width: 680px){.legacy-feats{grid-template-columns:1fr}}.pad-only{display:none}body.pad-active .pad-only{display:inline}body.pad-active .kb-only{display:none}.objective.gate{border-left-color:#c86bff}.objective.gate .glyph{color:#c86bff}.enemy-intro.zone-card{top:26%}.enemy-intro.zone-card .nm{color:var(--gold);letter-spacing:.2em}.loadout-strip{margin-top:10px}.ls-row{display:flex;flex-wrap:wrap;gap:8px 18px;margin:6px 0 2px}.ls-slot{display:flex;align-items:center;gap:8px;font-size:.82rem}.ls-k{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.ls-v{color:var(--text)}.ls-pips{display:inline-flex;gap:3px}.ls-pips i{width:9px;height:9px;border:1px solid var(--edge-bright);border-radius:2px;background:transparent;transition:background .18s}.ls-pips i.on{background:var(--gold);border-color:var(--gold)}.hub-change{margin-top:8px;padding:6px 10px;border-left:3px solid var(--gold);background:#ffc04a14;color:var(--gold);font-size:.84rem;opacity:0;transform:translateY(-3px);transition:opacity .18s,transform .18s;pointer-events:none}.hub-change.show{opacity:1;transform:none}:root{--tc-edge: max(18px, env(safe-area-inset-right));--tc-floor: max(20px, env(safe-area-inset-bottom))}.touch-controls{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .18s}.touch-controls.show{opacity:1;visibility:visible}.tc-stick-home,.tc-stick-base,.tc-stick-knob{position:absolute;border-radius:50%;pointer-events:none}.tc-stick-home{left:max(26px,env(safe-area-inset-left));bottom:calc(var(--tc-floor) + 30px);width:116px;height:116px;border:2px solid rgba(232,223,212,.22);background:#06040647;display:flex;align-items:center;justify-content:center;transition:opacity .15s}.tc-stick-home-knob{width:46px;height:46px;border-radius:50%;border:2px solid rgba(232,223,212,.28);background:#e8dfd41a}.tc-stick-base,.tc-stick-knob{left:0;top:0;opacity:0}.tc-stick-base{width:116px;height:116px;margin:-58px 0 0 -58px;border:2px solid rgba(232,223,212,.4);background:#06040666}.tc-stick-knob{width:50px;height:50px;margin:-25px 0 0 -25px;border:2px solid var(--gold);background:#ffc04a3d;box-shadow:0 0 14px -3px var(--gold)}.touch-controls.stick-on .tc-stick-home{opacity:0}.touch-controls.stick-on .tc-stick-base,.touch-controls.stick-on .tc-stick-knob{opacity:1}.tc-cluster{position:absolute;right:var(--tc-edge);bottom:var(--tc-floor);display:flex;flex-direction:column;align-items:flex-end;gap:10px}.tc-row{display:flex;align-items:flex-end;gap:10px}.tc-utility{position:absolute;right:var(--tc-edge);top:max(14px,env(safe-area-inset-top));display:flex;gap:10px}.tc-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:50%;border:1px solid var(--edge-bright);background:#0a07099e;color:var(--text);text-shadow:0 1px 3px #000;touch-action:none;-webkit-user-select:none;user-select:none;transition:background .08s,border-color .08s,transform .08s}.tc-btn.on{background:#5a1622d9;border-color:var(--blood-bright);transform:scale(.94)}.tc-glyph{font-size:1.1rem;line-height:1}.tc-label{font-size:.46rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.tc-sm{width:54px;height:54px}.tc-md{width:64px;height:64px}.tc-md .tc-glyph{font-size:1.35rem}.tc-lg{width:84px;height:84px}.tc-lg .tc-glyph{font-size:1.7rem}.tc-fire{border-color:var(--blood);background:#3c0c14a8}.tc-fire.on{background:#961e2ee6}.tc-vampire{border-color:var(--blood-dim)}.tc-vampire .tc-glyph{color:var(--blood)}.tc-sheriff{border-color:var(--resolve-dim)}.tc-sheriff .tc-glyph{color:var(--resolve)}.tc-utility .tc-btn{width:44px;height:44px;background:#0a070980}.tc-utility .tc-glyph{font-size:.8rem}.tc-utility .tc-label{font-size:.42rem}body.touch-active .hud-left{top:max(12px,env(safe-area-inset-top));bottom:auto;left:max(12px,env(safe-area-inset-left));width:min(210px,46vw)}body.touch-active .hud-right{top:max(58px,calc(env(safe-area-inset-top) + 46px));bottom:auto;right:max(14px,env(safe-area-inset-right));min-width:0;max-width:45vw;padding:0;background:none}body.touch-active .status-row{left:max(12px,env(safe-area-inset-left));bottom:auto}body.touch-active .weapon-mods,body.touch-active .weapon-alt,body.touch-active .encounter-sub,body.touch-active .momentum .lbl,body.touch-active .power .key{display:none}body.touch-active .bar{height:12px;margin-bottom:4px}body.touch-active .bar.health{height:17px}body.touch-active .bar .label{font-size:.55rem;padding:0 6px}body.touch-active .ammo{font-size:1.7rem}body.touch-active .ammo .reserve{font-size:.85rem}body.touch-active .weapon-name{font-size:.72rem;letter-spacing:.06em}body.touch-active .power-row{gap:6px;margin-top:6px}body.touch-active .power{padding:4px 6px}body.touch-active .power .nm{font-size:.62rem}body.touch-active .power .icon{font-size:.8rem}body.touch-active .encounter-name{font-size:.78rem;letter-spacing:.14em}body.touch-active .objective{font-size:.7rem;padding:4px 10px;margin-top:6px}body.touch-active .momentum .pip{width:18px;height:3px}body.touch-active .debug-panel{font-size:.56rem;line-height:1.35;padding:5px 7px;max-width:47vw;max-height:46vh;overflow:hidden;background:#000c}@media (orientation: portrait){body.touch-active .status-row{top:168px}body.touch-active .hud-top{top:204px}body.touch-active .notify-stack{top:322px;right:max(12px,env(safe-area-inset-right));max-width:60vw}body.touch-active .momentum{bottom:calc(var(--tc-floor) + 240px)}body.touch-active .subtitle-box{bottom:calc(var(--tc-floor) + 272px)}}@media (orientation: landscape){body.touch-active .hud-top{top:10px;width:42vw}body.touch-active .status-row{top:130px;left:50%;transform:translate(-50%)}body.touch-active .notify-stack{top:156px;right:auto;left:max(12px,env(safe-area-inset-left));align-items:flex-start;max-width:32vw}body.touch-active .notify{text-align:left;padding:5px 10px;font-size:.72rem}body.touch-active .momentum{bottom:var(--tc-floor)}body.touch-active .subtitle-box{bottom:calc(var(--tc-floor) + 44px);width:min(480px,50vw)}body.touch-active .hud-left{width:min(200px,26vw)}body.touch-active .hud-right{max-width:26vw}}body.touch-active .boss-bar{top:max(58px,calc(env(safe-area-inset-top) + 46px))}body.touch-active .interact{top:50%}.touch-only{display:none}body.touch-active .touch-only{display:inline}body.touch-active .kb-only,body.touch-active .pad-only{display:none}body.touch-active .enemy-intro .nm{font-size:1.15rem;letter-spacing:.1em}body.touch-active .enemy-intro .ln{font-size:.66rem}body.touch-active .enemy-intro .rule{margin:4px auto}body.touch-active .enemy-intro{top:14%}body.touch-active .enemy-intro.zone-card{top:6%}body.touch-active .subtitle-box .line{font-size:.72rem;line-height:1.3}body.touch-active .tutorial-card{transform:scale(.78);transform-origin:left top;opacity:.9}@media (orientation: landscape){body.touch-active .enemy-intro{top:30%}body.touch-active .enemy-intro.zone-card{top:22%}body.touch-active .enemy-intro .nm{font-size:1rem}body.touch-active .tutorial-card{transform:scale(.68)}}@media (orientation: landscape){body.touch-active .tutorial-card{top:98px;bottom:auto;left:max(12px,env(safe-area-inset-left))}}body.touch-active .combat-transition{font-size:1.15rem;letter-spacing:.16em}body.touch-active .combat-transition span{font-size:1.15rem}body.touch-active .wave-banner{font-size:.82rem;letter-spacing:.12em}body.touch-active .subtitle-box .who{font-size:.6rem}@media (orientation: landscape){body.touch-active .combat-transition,body.touch-active .combat-transition span{font-size:.95rem}body.touch-active .wave-banner{top:118px;font-size:.74rem}}@media (orientation: portrait){body.touch-active .tutorial-card{top:264px;bottom:auto;left:max(12px,env(safe-area-inset-left))}}@media (orientation: portrait){body.touch-active .enemy-intro.zone-card{top:151px}body.touch-active .enemy-intro{top:201px}body.touch-active .hud-top{top:236px}body.touch-active .tutorial-card{top:300px;transform:scale(.62)}body.touch-active .status-row{top:460px;left:50%;transform:translate(-50%)}body.touch-active .notify-stack{top:auto;bottom:calc(var(--tc-floor) + 216px)}}.tc-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,82vw);padding:16px 18px;background:#0a070cf0;border:1px solid var(--edge-bright);border-radius:6px;text-align:center;z-index:40}.tc-hint-title{font-size:.95rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}.tc-hint-line{font-size:.78rem;line-height:1.45;color:var(--text);margin-bottom:6px}.tc-hint-dismiss{margin-top:10px;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}