html:has(.demo-ui){width:100%;height:100%;margin:0;overflow:hidden}body:has(.demo-ui){width:100%;height:100%;margin:0;overflow:hidden}#app:has(.demo-ui){width:100%;height:100%;margin:0;overflow:hidden}body:has(.demo-ui){background:#171e1d}body:has(.demo-ui) #game-canvas{width:100%;height:100%;display:block;position:fixed;top:0;right:0;bottom:0;left:0}.demo-ui{--demo-paper: #f1e6c9;--demo-muted: #bebead;--demo-cyan: #7de9e0;--demo-accent: #8cebe0;--demo-body: "Avenir Next", sans-serif;--demo-display: Impact, "Arial Narrow", sans-serif;z-index:10;color:var(--demo-paper);font:500 14px/1.5 var(--demo-body);pointer-events:none;isolation:isolate;-webkit-font-smoothing:antialiased;position:fixed;top:0;right:0;bottom:0;left:0}.demo-ui *,.demo-ui :before,.demo-ui :after{box-sizing:border-box}.demo-ui [hidden]{display:none!important}.demo-ui h1,.demo-ui h2,.demo-ui h3,.demo-ui p{margin:0}.demo-ui button{color:inherit;font:inherit;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;border-radius:2px}.demo-ui button:focus-visible{outline:2px solid var(--demo-cyan);outline-offset:4px}.demo-ui :is(input,select):focus-visible{outline:2px solid var(--demo-cyan);outline-offset:4px}.demo-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.demo-tactical-status{position:absolute;top:145px;left:24px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.demo-combat-tag{display:flex;align-items:center;gap:14px;min-height:28px;padding:5px 10px;background:#101b1df0;border-left:3px solid currentColor;font-size:10px;font-weight:700;letter-spacing:.07em;font-variant-numeric:tabular-nums}.demo-combat-tag span{min-width:30px;text-align:right}.demo-combat-tag.is-danger{color:#ffb994}.demo-combat-tag.is-guard{color:var(--demo-cyan)}.demo-combat-tag.is-hurt{color:#ffc4c6}.demo-combat-tag.is-cover{color:#d3e1b7}.demo-dash{position:absolute;bottom:34px;right:24px;display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 14px;overflow:hidden;background:#101b1ded;border:1px solid #8cebe04d;text-align:left}.demo-dash>:not(.demo-dash-fill){position:relative}.demo-dash small{display:block;color:var(--demo-muted);font-size:10px;font-variant-numeric:tabular-nums}.demo-dash strong{font-size:12px;letter-spacing:.08em}.demo-dash-fill{position:absolute;inset:auto 0 0;height:3px;background:var(--demo-cyan);transform-origin:left}.demo-dash[data-ready=true]{color:var(--demo-cyan);border-color:#8cebe0a0}.demo-dash[aria-disabled=true]{cursor:default}.demo-volume-row,.demo-quality-row{display:grid;grid-template-columns:115px minmax(80px,1fr) 42px;align-items:center;gap:12px;min-height:45px;color:var(--demo-paper);font-size:13px}.demo-volume-row input{width:100%;margin:0;accent-color:var(--demo-cyan);cursor:pointer}.demo-volume-row output{font-variant-numeric:tabular-nums;text-align:right;color:var(--demo-muted)}.demo-quality-row{grid-template-columns:1fr auto}.demo-quality-row select{color:var(--demo-paper);background:#1d3032;font:inherit;border:1px solid #e7e4d34a;border-radius:2px;padding:8px}.demo-setting-note{color:var(--demo-muted);font-size:11px;line-height:1.6;margin:4px 0 12px!important}.demo-lang-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:45px;color:var(--demo-paper);font-size:13px}.lang-switch{display:inline-flex;border:1px solid #dedcca30;border-radius:2px;overflow:hidden}.lang-switch button{font:inherit;font-size:12px;letter-spacing:.08em;background:transparent;border:0;color:var(--demo-paper);padding:8px 12px;cursor:pointer;pointer-events:auto;min-height:36px}.lang-switch button[aria-pressed=true]{background:#ffffff18;box-shadow:inset 0 0 0 1px var(--demo-cyan);color:var(--demo-cyan)}@media(max-width:760px){.demo-dash{right:18px;bottom:105px;min-height:48px;padding:8px 10px;gap:8px}.demo-tactical-status{left:18px;top:145px}.demo-field-hint{max-width:calc(100% - 36px);font-size:11px}.demo-volume-row{grid-template-columns:90px minmax(60px,1fr) 38px;gap:8px}}.demo-ui button:disabled{opacity:.5;cursor:wait}.demo-ui:focus{outline:none}.demo-ui kbd{min-width:19px;height:20px;font:600 10px/1 var(--demo-body);border:1px solid #ece7d54d;border-radius:2px;justify-content:center;align-items:center;padding:0 4px;display:inline-flex}.demo-icon{flex:none;width:22px;height:22px;display:block}.demo-input-surface{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.demo-title-wash{z-index:-1;background:linear-gradient(90deg,#0913117d,#0d171421 31%,#0000 50%);position:absolute;top:0;right:0;bottom:0;left:0}.demo-title{width:30%;position:absolute;top:23.5%;left:5.2%}.demo-title h1{font:400 clamp(58px,5.95vw,110px) / .98 var(--demo-display);letter-spacing:-.035em;text-shadow:0 3px 12px #080e0b33}.demo-title h1>span,.demo-title h1>strong{white-space:nowrap;font-weight:400;display:block}.demo-title h1>span{letter-spacing:-.02em;margin-bottom:7px;font-size:.64em}.demo-title-colon,.demo-title-period{color:#a44628}.demo-title-menu{flex-direction:column;align-items:stretch;gap:7px;width:min(270px,100%);margin-top:clamp(48px,8.5vh,92px);display:flex}.demo-title-menu button{text-align:left;min-height:48px;font:400 clamp(26px,2.35vw,39px) / 1.3 var(--demo-display);letter-spacing:.065em;background:0 0;border:0;padding:3px 0 3px 36px;transition:color .16s,background .16s;position:relative}.demo-title-menu button:before{content:"";border-right:4px solid var(--demo-cyan);border-top:4px solid var(--demo-cyan);opacity:0;width:11px;height:11px;position:absolute;top:50%;left:1px;transform:translateY(-50%) rotate(45deg)}.demo-title-menu button:is(:hover,:focus-visible),.demo-title-menu button[data-active=true]{color:var(--demo-cyan);background:linear-gradient(90deg,#0000,#58dbd01f 16%,#58dbd00b 70%,#0000)}.demo-title-menu button[data-active=true]:before,.demo-title-menu button:hover:before{opacity:1}.demo-title-menu button[aria-disabled=true]{opacity:.5;cursor:wait}.demo-field-readout{background:#101b1ddd;border:1px solid #e7e4d32b;border-radius:3px;flex-direction:column;gap:9px;width:252px;padding:12px 15px;display:flex;position:absolute;top:24px;left:24px;box-shadow:0 3px 16px #0002}.demo-location{letter-spacing:.02em;justify-content:space-between;align-items:center;gap:16px;font-size:14px;font-weight:700;display:flex}.demo-location [data-node=time]{color:var(--demo-muted);font-variant-numeric:tabular-nums}.demo-integrity{align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.demo-health{background:#ecedd92e;flex:1;height:5px}.demo-health>span{background:var(--demo-cyan);width:100%;height:100%;transition:width .18s;display:block}.demo-integrity strong{text-align:right;font-variant-numeric:tabular-nums;min-width:39px;font-size:14px}.demo-field-readout[data-critical=true] .demo-health>span{background:#ff9b75}.demo-field-readout[data-critical=true] .demo-integrity strong{color:#ffb18a}.demo-pause{background:#101b1ddd;border:1px solid #e7e4d32b;align-items:center;gap:9px;height:43px;padding:0 12px;display:flex;position:absolute;top:24px;right:24px;font-size:14px!important}.demo-pause .demo-icon{width:15px;height:15px}.demo-pause:hover{background:#293e3e}.demo-field-hint{color:#f5ead5;text-shadow:0 2px 5px #000;flex-direction:column;align-items:center;gap:4px;font-size:14px;transition:opacity .5s;display:flex;position:absolute;bottom:105px;left:50%;transform:translate(-50%)}.demo-field-hint>span:first-child{align-items:center;gap:4px;display:flex}.demo-field-hint>span:last-child{color:#eee5d5bf;font-size:12px}.demo-field-hint kbd{background:#101b1dbf}.demo-field-hint[data-moved=true]{opacity:0}.demo-hotbar{background:#101b1dea;border:1px solid #dfdecd47;border-radius:4px;align-items:center;gap:5px;width:410px;height:60px;padding:6px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #0003}.demo-hotbar button{background:0 0;border:1px solid #0000;height:46px}.demo-slot{flex:0 0 53px;justify-content:center;align-items:center;width:53px;padding:6px 5px 5px 14px;display:flex;position:relative;color:#e5e5d2!important}.demo-slot kbd{opacity:.7;border:0;min-width:9px;height:14px;padding:0;font-size:10px;position:absolute;top:3px;left:4px}.demo-slot .demo-icon{width:25px;height:25px}.demo-hotbar .demo-slot[aria-pressed=true]{border-color:var(--demo-build-color);box-shadow:inset 0 -2px var(--demo-build-color);background:#b2efde12;color:var(--demo-build-color)!important}.demo-hotbar button:hover{background:#c1ead41a}.demo-hotbar-evolution{flex:1;justify-content:center;align-items:center;gap:7px;padding:4px;display:flex;color:var(--demo-accent)!important;font-size:14px!important;font-weight:700!important}.demo-hotbar-loadout{justify-content:center;align-items:center;gap:7px;padding:4px 8px;display:flex;border-left-color:#e7e4d333!important;font-size:14px!important}.demo-toast{border-left:2px solid var(--demo-accent);color:var(--demo-paper);white-space:nowrap;background:#101b1de8;padding:8px 16px;font-size:15px;position:absolute;bottom:105px;left:50%;transform:translate(-50%)}.demo-ui:has(.demo-toast:not([hidden])) .demo-field-hint{visibility:hidden}.demo-status{max-width:420px;color:var(--demo-paper);background:#102021d9;padding:8px 12px;font-size:14px;position:absolute;bottom:7%;left:5.2%}.demo-status[data-error=true]{color:#ffd3b3;border-left:3px solid #ce795a}.demo-modal{z-index:5;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;background:#061011a8;place-items:center;padding:24px;display:grid;position:absolute;top:0;right:0;bottom:0;left:0}.demo-panel-sheet{border:1px solid #e7e4d34a;border-top:3px solid var(--demo-cyan);background:#142022f5;border-radius:3px;width:min(560px,100%);max-height:calc(100vh - 48px);padding:28px 32px 32px;overflow:auto;box-shadow:0 25px 100px #0005}.demo-panel-sheet[data-panel=loadout]{width:min(840px,100%)}.demo-panel-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;display:flex}.demo-panel-heading h2{font:400 39px/1 var(--demo-display);letter-spacing:.035em}.demo-close{background:0 0;border:0;align-items:center;gap:8px;min-height:34px;padding:4px 0 4px 9px;display:inline-flex;color:var(--demo-muted)!important;font-size:12px!important}.demo-close:hover{color:var(--demo-cyan)!important}.demo-panel-menu{flex-direction:column;align-items:stretch;gap:8px;display:flex}.demo-panel-menu>button{text-align:left;letter-spacing:.055em;background:#d7decc05;border:1px solid #dedcca24;min-height:48px;padding:10px 15px;font-size:16px}.demo-panel-menu>button:hover,.demo-panel-menu>button:focus-visible{border-color:var(--demo-cyan);color:var(--demo-cyan);background:#68cbb410}.demo-loadout-builds{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.demo-build{text-align:left;background:#cce4d505;border:1px solid #e7e4d338;flex-direction:column;align-items:stretch;gap:12px;padding:15px;display:flex}.demo-build[aria-pressed=true]{border-color:var(--demo-build-color);box-shadow:inset 0 3px var(--demo-build-color);background:#9edfc40b}.demo-build:hover{background:#dde9d711}.demo-build-top{color:var(--demo-build-color);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.demo-build-top strong{width:100%;font:400 24px/1.1 var(--demo-display);letter-spacing:.015em;color:var(--demo-paper)}.demo-build-top .demo-icon{margin-left:auto}.demo-build-subtitle{color:var(--demo-build-color);font-size:12px;line-height:1.5}.demo-build-description{color:#d7d8c9;font-size:14px;line-height:1.55}.demo-loadout-detail{border-top:1px solid #dedcca30;margin-top:20px;padding-top:19px;font-size:15px}.demo-loadout-detail-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.demo-loadout-detail-title h3{font:400 27px/1 var(--demo-display);letter-spacing:.025em}.demo-evolution{border:1px solid var(--demo-accent);background:#a3d4c508;align-items:center;gap:10px;min-height:37px;padding:8px 12px;display:flex;color:var(--demo-accent)!important;font-size:14px!important}.demo-detail-label{color:var(--demo-muted);letter-spacing:.12em;font-size:11px;font-weight:700;margin:12px 0 4px!important}.demo-combo{color:var(--demo-muted);border-top:1px solid #dedcca24;justify-content:space-between;align-items:center;gap:14px;padding-top:12px;display:flex;margin-top:17px!important}.demo-combo strong{font-variant-numeric:tabular-nums;color:var(--demo-accent);font-size:19px}.demo-settings{flex-direction:column;gap:12px;display:flex}.demo-setting-row{background:#cce4d508;border:1px solid #dedcca30;align-items:center;gap:13px;min-height:52px;padding:10px 12px;display:flex;font-size:16px!important}.demo-setting-row>strong,.demo-setting-row>kbd{color:var(--demo-cyan);margin-left:auto}.demo-setting-row:hover{background:#dde9d715}.demo-instructions{flex-direction:column;gap:8px;margin:13px 0 0;display:flex}.demo-instructions>div{justify-content:space-between;align-items:center;gap:20px;display:flex}.demo-instructions dt{color:var(--demo-muted)}.demo-instructions dd{margin:0}.demo-settings>p{color:var(--demo-muted);border-top:1px solid #dedcca30;margin-top:4px;padding-top:15px;font-size:14px}.demo-credits{flex-direction:column;gap:12px;display:flex}.demo-credits p{color:var(--demo-muted);font-size:14px;line-height:1.45}.demo-credits-source{color:var(--demo-text, #e7e4d3);letter-spacing:.06em;font-size:16px}.demo-credits a{color:var(--demo-cyan)}.demo-xp-strip{font-variant-numeric:tabular-nums;border-top:1px solid #e7e4d31c;align-items:center;gap:9px;padding-top:7px;font-size:10px;display:flex}.demo-xp-strip>strong{color:var(--demo-cyan);white-space:nowrap}.demo-xp-strip>span{text-align:right;min-width:43px;color:var(--demo-muted)}.demo-xp{background:#ecedd924;flex:1;height:3px}.demo-xp>span{background:#b5e67b;height:100%;display:block}.demo-equipment-hotbar{width:max-content;max-width:calc(100vw - 48px)}.demo-equipment-slots{align-items:center;gap:3px;display:flex}.demo-hotbar .demo-equipped-chip{width:45px;color:var(--item-color);border-color:#dfdecd24;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:3px;display:flex}.demo-equipped-chip .demo-icon{width:21px;height:21px}.demo-equipped-chip>span{letter-spacing:.04em;font-size:8px;font-weight:800;line-height:1.2}.demo-equipped-chip.is-support{border-style:dashed}.demo-loadout-intro{color:var(--demo-muted);font-size:14px;margin-bottom:18px!important}.demo-equipment-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.demo-run-equipment h3{letter-spacing:.1em;font-size:13px}.demo-run-equipment h3 small{color:var(--demo-muted);margin-left:8px;font-size:11px;font-weight:500}.demo-equipped-row{border-bottom:1px solid #dedcca20;align-items:center;gap:10px;min-height:48px;font-size:13px;display:flex}.demo-equipped-row>.demo-icon{color:var(--item-color);width:20px;height:20px}.demo-equipped-row>strong{flex:1;font-weight:600}.demo-equipped-row>span{color:var(--item-color);white-space:nowrap;font-size:10px}.demo-equipment-empty{color:var(--demo-muted);font-size:13px;margin-top:16px!important}.demo-recipe-heading{border-top:1px solid #dedcca30;justify-content:space-between;align-items:center;margin-top:27px;padding-top:20px;display:flex}.demo-recipe-heading>span{color:var(--demo-cyan);font-size:12px}.demo-recipe-note{color:var(--demo-muted);font-size:12px;line-height:1.6;margin:9px 0 16px!important}.demo-recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.demo-recipe{background:#cce4d505;border:1px solid #dedcca28;flex-direction:column;gap:6px;padding:13px;font-size:12px;display:flex}.demo-recipe>strong{margin-bottom:3px;font-size:13px}.demo-recipe>span{color:var(--demo-muted);justify-content:space-between;gap:12px;display:flex}.demo-recipe b{color:var(--demo-paper);font-variant-numeric:tabular-nums}.demo-recipe.is-complete{border-color:#7de9e059}.demo-recipe.is-complete>strong{color:var(--demo-cyan)}.demo-panel-sheet:is([data-panel=draft],[data-panel=evolve]){width:min(1040px,100%);padding:26px 30px}.demo-panel-sheet:is([data-panel=draft],[data-panel=evolve]) .demo-panel-heading{margin-bottom:16px}.demo-draft-intro{color:var(--demo-muted);align-items:center;gap:17px;margin-bottom:23px;font-size:14px;display:flex}.demo-draft-level{color:var(--demo-cyan);letter-spacing:.1em;background:#7de9e00a;border:1px solid #7de9e047;flex:none;padding:4px 8px;font-size:10px;font-weight:800}.demo-choice-grid{grid-template-columns:repeat(var(--choice-count, 3),minmax(0,1fr));gap:15px;display:grid}.demo-choice{border:1px solid #dedcca38;border-top:3px solid var(--choice-color);text-align:left;background:linear-gradient(155deg,#35444065,#142022);flex-direction:column;align-items:stretch;min-width:0;min-height:348px;padding:18px 20px 0;transition:transform .14s,border-color .14s,background .14s;display:flex}.demo-choice:hover,.demo-choice:focus-visible{border-color:var(--choice-color);background:linear-gradient(155deg,#4259529c,#15282a);transform:translateY(-3px)}.demo-choice:focus-visible{outline-color:var(--choice-color)!important}.demo-choice-top{color:var(--demo-muted);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.demo-choice-top kbd{border-color:var(--choice-color);width:25px;height:25px;color:var(--choice-color)}.demo-choice-symbol{width:58px;height:58px;color:var(--choice-color);background:#08171c73;border:1px solid #dedcca28;place-items:center;margin:18px 0;display:grid}.demo-choice-symbol .demo-icon{width:34px;height:34px}.demo-choice-title{font:400 29px/1.05 var(--demo-display);letter-spacing:.015em}.demo-choice-level{color:var(--choice-color);margin-top:8px;font-size:10px;font-weight:600}.demo-choice-benefit>span{display:block}.demo-choice-benefit>span+span{margin-top:6px}.demo-choice-benefit{color:#dde0d1;flex:1;margin:15px 0 20px;font-size:14px;line-height:1.55}.demo-choice-recipe{color:var(--demo-muted);border-top:1px solid #dedcca29;padding:13px 0;font-size:11px;line-height:1.5}.demo-choice-recipe>small{color:var(--choice-color);letter-spacing:.12em;margin-bottom:5px;font-size:8px;display:block}.demo-choice-take{min-height:45px;color:var(--choice-color);background:#a5b9a70b;border-top:1px solid #dedcca30;justify-content:space-between;align-items:center;gap:10px;margin:0 -20px;padding:12px 20px;font-size:12px;font-weight:700;display:flex}.demo-choice-take .demo-icon{width:18px;height:18px}.demo-draft-footer{color:var(--demo-muted);justify-content:space-between;align-items:center;gap:24px;margin-top:21px;font-size:12px;display:flex}.demo-draft-footer p{align-items:center;gap:5px;display:flex}.demo-reroll{background:#d7decc08;border:1px solid #dedcca45;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:9px 13px;display:flex;font-size:12px!important}.demo-reroll .demo-icon{width:17px;height:17px}.demo-reroll:hover:not(:disabled){border-color:var(--demo-cyan);color:var(--demo-cyan)}.demo-reroll:disabled{cursor:default}.demo-core-cost{color:var(--demo-cyan)}@media(max-height:650px){.demo-title{top:20%}.demo-title-menu{gap:2px;margin-top:6vh}.demo-title-menu button{min-height:40px}.demo-panel-sheet{padding:22px}.demo-panel-heading{margin-bottom:16px}.demo-build{gap:8px;padding:12px}}@media(prefers-reduced-motion:reduce){.demo-ui *,.demo-ui :before,.demo-ui :after{transition:none!important;animation:none!important}}.demo-health{position:relative;overflow:hidden}.demo-health>span{position:absolute;top:0;left:0}.demo-health>.demo-health-lag{background:#ff9d76;transition:width .65s ease-out .18s}.demo-damage-receipt,.demo-xp-receipt{pointer-events:none;text-shadow:0 1px 4px #000;border-radius:2px;padding:3px 6px;font-size:14px;font-weight:800;position:absolute;right:12px}.demo-damage-receipt{color:#ffc3a4;background:#4b2424eb;margin-top:6px;top:100%;left:12px;right:auto}.demo-xp-receipt{color:#d6ffa1;background:#203d35ed;margin-top:6px;top:100%}.demo-xp>span{transition:width .16s ease-out}.demo-end-note{color:#c4cec3;font-size:15px;line-height:1.5}.demo-end-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin:12px 0 22px;display:grid}.demo-end-stats dt{color:#a5b8ad;letter-spacing:.08em;font-size:11px}.demo-end-stats dd{font:400 30px/1 var(--demo-display);color:#f0e5cd;margin:7px 0 0}.demo-hurt-edge{z-index:2;pointer-events:none;opacity:0;position:absolute;top:0;right:0;bottom:0;left:0}.demo-ui[data-environment=rain-night] .demo-title-wash{background:linear-gradient(90deg,#061221bb,#0e223342 32%,#0000 55%)}.demo-ui[data-environment=rain-night] :is(.demo-title-colon,.demo-title-period){color:#efae68}@media(prefers-reduced-motion:reduce){.demo-hurt-edge{display:none}}.demo-title-record{color:var(--demo-muted);font-size:12px;line-height:1.4;letter-spacing:.04em;width:min(270px,100%);margin-top:14px}.demo-mission{color:#d7d8c9;font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1.35}.demo-guardians{flex-direction:column;gap:7px;display:flex}.demo-guardian{--guardian-fill: #ff9b75;--guardian-ink: #ffb18a;grid-template-columns:minmax(0,1fr) 32px;grid-template-areas:"label pct" "bar bar";align-items:center;column-gap:8px;row-gap:4px;font-size:10px;font-weight:700;letter-spacing:.05em;display:grid}.demo-guardian-label{grid-area:label;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-guardian .demo-health{grid-area:bar;height:4px}.demo-guardian .demo-health>span{background:var(--guardian-fill)}.demo-guardian .demo-health>.demo-health-lag{background:#f7efd966}.demo-guardian strong{grid-area:pct;text-align:right;font-variant-numeric:tabular-nums;color:var(--guardian-ink)}.demo-guardian.is-boss{--guardian-fill: linear-gradient(90deg, #ff5a3c, #ffb369);--guardian-ink: #ffc59a;grid-template-columns:minmax(0,1fr) auto 32px;grid-template-areas:"label stages pct" "bar bar bar" "stage stage stage";padding:6px 8px 7px;margin:0 -8px;border:1px solid #ff7a4533;border-radius:3px;background:linear-gradient(180deg,#2a1410aa,#10161600)}.demo-guardian.is-boss .demo-health{height:6px}.demo-guardian.is-boss[data-staggered=true] .demo-health>span:not(.demo-health-lag){filter:saturate(.4) brightness(1.3)}.demo-boss-stages{grid-area:stages;gap:3px;display:flex}.demo-boss-stages i{width:9px;height:5px;border-radius:1px;background:#f7efd92e;display:block;transition:background .3s,box-shadow .3s}.demo-boss-stages i[data-state=active]{background:#ffb369;box-shadow:0 0 6px #ffb36999}.demo-boss-stages i[data-state=spent]{background:#ff5a3c88}.demo-boss-stage-name{grid-area:stage;color:#ffb369;font-size:9px;letter-spacing:.14em}.demo-sector-card{z-index:3;pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:18px 34px 20px;color:var(--demo-paper);background:linear-gradient(180deg,#101b1df0,#101b1dc8);border-top:2px solid var(--demo-accent);border-bottom:1px solid #e7e4d32b;box-shadow:0 10px 40px #0006;display:flex;position:absolute;top:22%;left:50%;transform:translate(-50%);animation:demo-sector-card-in .55s cubic-bezier(.2,.8,.2,1) both}.demo-sector-card[data-kind=boss]{border-top-color:#ff7a45;background:linear-gradient(180deg,#2a1410f2,#101b1dcc)}.demo-sector-kicker{color:var(--demo-accent);font-size:11px;font-weight:700;letter-spacing:.22em}.demo-sector-card[data-kind=boss] .demo-sector-kicker{color:#ffb369}.demo-sector-name{font:400 clamp(30px,4.2vw,46px) / 1 var(--demo-display);letter-spacing:.06em}.demo-sector-sub{max-width:420px;color:var(--demo-muted);font-size:13px;line-height:1.4}@keyframes demo-sector-card-in{0%{opacity:0;transform:translate(-50%,14px) scale(.98)}to{opacity:1;transform:translate(-50%) scale(1)}}@media(prefers-reduced-motion:reduce){.demo-sector-card{animation:none}}.demo-run-score{color:var(--demo-muted);font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.05em;justify-content:space-between;display:flex;gap:12px}.demo-ui[data-progression=true] .demo-tactical-status{top:198px}.demo-ui[data-progression=true]:has(.demo-guardians:not([hidden])) .demo-tactical-status{top:232px}.demo-ui[data-progression=true]:has(.demo-guardian.is-boss) .demo-tactical-status{top:286px}.demo-dash[data-queued=true]{color:#efce91;border-color:#efce9166}.demo-chassis{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.demo-chassis button{text-align:left;min-height:58px;padding:8px 10px;background:#cce4d505;border:1px solid #e7e4d338;font-size:11px;line-height:1.35}.demo-chassis button strong{display:block;font:400 16px/1.15 var(--demo-display);letter-spacing:.04em;color:var(--demo-paper);margin-bottom:2px}.demo-chassis button[aria-pressed=true]{border-color:var(--demo-cyan);box-shadow:inset 0 2px var(--demo-cyan);background:#9edfc40b}.demo-end-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-dash kbd+kbd{margin-left:4px}