:root{--bg:#0b0d10;--panel:#12151adb;--panel-border:#ffffff14;--ink:#e7e9ec;--ink-dim:#9aa1ab;--accent:#c9a86a;--good:#7fb17a;--warn:#d9a441;--bad:#d9603a;--radius:10px;--mono:ui-monospace, "JetBrains Mono", "SF Mono", Menlo, monospace;--sans:system-ui, -apple-system, "Segoe UI", sans-serif;--do-glass-fill:#1717174d;--do-glass-fill-solid:#171717f2;--do-card-fill:#ffffff0d;--do-card-fill-strong:#0000003d;--do-diag-fill:#0006;--do-border:#ffffff26;--do-border-soft:#ffffff1a;--do-blur:18px;--do-radius-lg:24px;--do-radius-md:16px;--do-radius-sm:10px;--do-shadow:0 24px 80px -20px #000000b3;--do-fg:#f5f5f5;--do-fg-dim:#a3a3a3;--do-accent:#f59e0b;--do-good:#34d399;--do-warn:#fbbf24;--do-bad:#fb7185;--do-motion-fast:.16s}:root[data-ui-quality=low]{--do-blur:0px}:root[data-ui-quality=low] .do-panel{background:var(--do-glass-fill-solid)}.do-panel{color:var(--do-fg);background:linear-gradient(135deg, #ffffff1c, #ffffff09), var(--do-glass-fill);border:1px solid var(--do-border);border-radius:var(--do-radius-lg);box-shadow:var(--do-shadow), inset 0 1px 0 #ffffff1a;-webkit-backdrop-filter:blur(var(--do-blur)) saturate(1.22);backdrop-filter:blur(var(--do-blur)) saturate(1.22);position:relative}.do-panel[data-variant=solid]{background:var(--do-glass-fill-solid);-webkit-backdrop-filter:none;backdrop-filter:none}.do-panel[data-size=sm]{width:min(520px,92vw)}.do-panel[data-size=md]{width:min(860px,92vw)}.do-panel[data-size=lg]{width:min(980px,94vw)}.do-panel__scrim{pointer-events:none;border-radius:inherit;background:linear-gradient(#ffffff0b,#0000 32%,#0000002e);position:absolute;inset:0}.do-panel__head,.do-panel__body{z-index:1;position:relative}.do-panel__head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.do-panel__title{letter-spacing:-.03em;margin:0;font-size:26px}.do-panel__actions{gap:8px;display:flex}.do-eyebrow{color:var(--do-accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-size:12px}.do-card{background:linear-gradient(145deg, #ffffff18, #ffffff06), var(--do-card-fill);border:1px solid var(--do-border-soft);border-radius:var(--do-radius-md);min-width:0;-webkit-backdrop-filter:blur(calc(var(--do-blur) * .56)) saturate(1.12);backdrop-filter:blur(calc(var(--do-blur) * .56)) saturate(1.12);padding:14px;box-shadow:inset 0 1px #ffffff14}.do-card__title,.do-card h3{margin:0 0 12px;font-size:15px}.do-card__body{gap:10px;display:grid}.do-btn,.btn{font-family:var(--sans);color:var(--do-fg);background:var(--do-card-fill);border:1px solid var(--do-border-soft);border-radius:var(--do-radius-sm);cursor:pointer;transition:background var(--do-motion-fast) ease, border-color var(--do-motion-fast) ease, box-shadow var(--do-motion-fast) ease;padding:12px 14px;font-size:14px}.do-btn:hover,.btn:hover{background:#ffffff17}.do-btn:focus-visible,.btn:focus-visible{outline:2px solid var(--do-accent);outline-offset:2px}.do-btn:disabled,.btn:disabled{opacity:.4;cursor:default}.do-btn--primary{border-color:color-mix(in srgb, var(--do-accent) 58%, transparent)}.do-btn--toggle.is-selected,.btn.selected{border-color:var(--do-accent);background:#f59e0b1f}.do-diag{background:linear-gradient(180deg, #070a0e80, #070a0e57), var(--do-diag-fill);border-radius:var(--do-radius-md);min-height:132px;font:12px/1.5 var(--mono);-webkit-backdrop-filter:blur(calc(var(--do-blur) * .67)) saturate(1.08);backdrop-filter:blur(calc(var(--do-blur) * .67)) saturate(1.08);border:1px solid #f59e0b3d;gap:8px;margin:0;padding:12px;display:grid;box-shadow:inset 0 1px #ffffff0f,0 12px 34px #00000038}.do-diag__row{grid-template-columns:minmax(120px,.8fr) 1fr;gap:12px;display:grid}.do-diag dt{color:var(--do-fg-dim)}.do-diag dd{color:var(--do-fg);overflow-wrap:anywhere;margin:0}.do-diag__row[data-tone=good] dd{color:var(--do-good)}.do-diag__row[data-tone=warn] dd{color:var(--do-warn)}.do-diag__row[data-tone=bad] dd{color:var(--do-bad)}.do-hud,.do-chip,.do-toast{color:var(--do-fg-dim);border:1px solid var(--do-border-soft);border-radius:var(--do-radius-sm);background:#12151ab8;box-shadow:0 12px 34px #00000038}.hint.do-chip{border-radius:999px}.do-hud .val,.do-chip b{color:var(--do-fg)}.btn[data-scanning=true],.do-btn[data-scanning=true]{border-color:#f59e0b94;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #f59e0b29,0 0 18px #f59e0b24}.btn[data-scanning=true]:after,.do-btn[data-scanning=true]:after{content:"";background:linear-gradient(90deg, transparent, var(--do-accent), transparent);border-radius:999px;height:2px;animation:1.1s ease-in-out infinite do-sweep;position:absolute;inset:auto 12px 6px}.do-searching{align-items:center;gap:8px;display:inline-flex}.do-searching__dot{background:var(--do-accent);border-radius:999px;width:8px;height:8px;animation:1s ease-in-out infinite do-pulse;box-shadow:0 0 16px #f59e0b80}@keyframes do-sweep{0%{opacity:.2;transform:translate(-70%)}50%{opacity:1}to{opacity:.2;transform:translate(70%)}}@keyframes do-pulse{0%,to{opacity:.45;transform:scale(.86)}50%{opacity:1;transform:scale(1)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.do-panel,.do-card,.do-diag{background:var(--do-glass-fill-solid)}}@media (prefers-reduced-transparency:reduce){.do-panel,.do-card,.do-diag{background:var(--do-glass-fill-solid);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.btn[data-scanning=true]:after,.do-btn[data-scanning=true]:after,.do-searching__dot{animation:none}.do-btn,.btn{transition:none}}:root{--bg:#0b0d10;--panel:#12151adb;--panel-border:#ffffff14;--ink:#e7e9ec;--ink-dim:#9aa1ab;--accent:#c9a86a;--good:#7fb17a;--warn:#d9a441;--bad:#d9603a;--radius:10px;--mono:ui-monospace, "JetBrains Mono", "SF Mono", Menlo, monospace;--sans:system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;margin:0;overflow:hidden}#app{isolation:isolate;position:fixed;inset:0}#app>canvas{z-index:0;position:absolute;inset:0}.hud{transform:scale(var(--hud-scale,1));transform-origin:0 0;font-family:var(--mono);pointer-events:none;min-width:150px;padding:8px 12px;font-size:11px;line-height:1.6;position:fixed;top:12px;left:12px}.hud .val{color:var(--ink)}.hud.hud--no-overlay{box-shadow:none;background:0 0;border-color:#0000;min-width:0;padding:0}.hud .over{color:var(--warn)}.hint{transform:translateX(-50%) scale(var(--hint-scale,1));transform-origin:bottom;font-family:var(--sans);padding:6px 16px;font-size:13px;position:fixed;bottom:14px;left:50%}.hint b{color:var(--ink);font-weight:600}.toast{font-family:var(--sans);border-left:3px solid var(--accent);opacity:0;padding:10px 16px;font-size:13px;transition:opacity .25s;position:fixed;top:16px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.toast.success{border-left-color:var(--good)}.toast.warn{border-left-color:var(--warn)}.toast.error{border-left-color:var(--bad)}.battle{font-family:var(--sans);background:radial-gradient(120% 90% at 50% 0,#0003,#000000e6);justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.battle.show{display:flex}.battle__stage{width:min(680px,92vw);margin-bottom:24px;padding:22px}.combatant{color:var(--ink);justify-content:space-between;align-items:baseline;padding:4px 2px;display:flex}.combatant__name{letter-spacing:.01em;font-weight:600}.combatant__lvl{color:var(--ink-dim);margin-left:8px;font-size:12px}.hpbar{background:#ffffff14;border-radius:999px;height:8px;margin:4px 0 14px;overflow:hidden}.hpbar__fill{background:var(--good);height:100%;transition:width .3s}.hpbar__fill.low{background:var(--warn)}.hpbar__fill.crit{background:var(--bad)}.battle__log{min-height:40px;color:var(--ink-dim);margin:10px 2px 16px;font-size:13px;line-height:1.5}.battle__actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.btn--capture{border-color:#c9a86a80}.vault-panel{z-index:18;font-family:var(--sans);background:radial-gradient(120% 90% at 50% 0,#00000038,#000000d1);justify-content:center;align-items:center;display:none;position:fixed;inset:0}.vault-panel.show{display:flex}.vault-panel__panel{width:min(980px,94vw);max-height:min(760px,90vh);padding:22px;overflow:auto}.vault-panel__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.vault-panel__header h2{letter-spacing:-.03em;margin:0;font-size:26px}.vault-panel__eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-size:12px}.vault-panel__columns{grid-template-columns:1fr 1fr;gap:18px;display:grid}.vault-panel__column{min-width:0}.vault-panel__column h3{margin:0 0 12px;font-size:15px}.vault-panel__list{gap:10px;display:grid}.vault-panel__empty{color:var(--ink-dim);margin:0;font-size:13px}.vault-card{gap:8px;padding:12px;display:grid}.vault-card__meta{color:var(--ink);justify-content:space-between;gap:10px;display:flex}.vault-card__meta span,.vault-card__hp-label{color:var(--ink-dim);font-size:12px}.vault-card__hp{margin:0}.settings-menu{z-index:20;font-family:var(--sans);background:radial-gradient(120% 90% at 50% 0,#00000042,#000000c7);justify-content:center;align-items:center;display:none;position:fixed;inset:0}.settings-menu.show{display:flex}.settings-menu__panel{width:min(860px,92vw);max-height:min(780px,90vh);padding:22px;overflow:auto}.settings-menu__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.settings-menu__header h2{letter-spacing:-.03em;margin:0;font-size:26px}.settings-menu__eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-size:12px}.settings-menu__grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.settings-tabs{border:1px solid var(--panel-border);background:#ffffff0a;border-radius:999px;gap:8px;margin:0 0 18px;padding:4px;display:flex}.settings-tabs__tab{font-family:var(--sans);color:var(--ink-dim);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;padding:9px 12px}.settings-tabs__tab.active{color:var(--ink);background:#ffffff17}.settings-section{display:none}.settings-section.active{display:block}.settings-menu__nav{gap:8px;display:flex}.settings-menu h3{margin:0 0 12px;font-size:15px}.settings-menu label{color:var(--ink-dim);gap:6px;margin-bottom:14px;font-size:13px;display:grid}.settings-menu input[type=range]{width:100%;accent-color:var(--accent)}.settings-menu input[type=checkbox]{accent-color:var(--accent)}.settings-menu__check{grid-template-columns:none;align-items:center;display:flex!important}.settings-menu__controller{color:var(--ink);border:1px solid var(--panel-border);border-radius:var(--radius);background:#ffffff0d;margin:0 0 12px;padding:12px}.settings-menu__hint{color:var(--ink-dim);margin:0;font-size:13px;line-height:1.5}.settings-menu__diagnostics{min-height:132px;margin:0}.btn.is-searching{border-color:#ffffff52;position:relative;overflow:hidden}.btn.is-searching:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);border-radius:999px;height:2px;animation:1.1s ease-in-out infinite controller-search-sweep;position:absolute;inset:auto 12px 6px}@keyframes controller-search-sweep{0%{opacity:.2;transform:translate(-70%)}50%{opacity:1}to{opacity:.2;transform:translate(70%)}}@media (prefers-reduced-motion:reduce){.btn.is-searching:after{opacity:.75;animation:none}}@media (max-width:680px){.settings-menu__grid,.vault-panel__columns{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.toast,.hpbar__fill{transition:none}}