:root{--ink: #f4ead7;--ink-dim: #cabfb0;--panel: rgba(20, 16, 30, .66);--ally: #7fd0ff;--foe: #ff8f6d;--gold: #ffcf8a;--hp: linear-gradient(90deg, #56d98a, #9fe6a0);--mp: linear-gradient(90deg, #5aa2ff, #8fd0ff);--font: "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}.hud2{position:absolute;inset:0;font-family:var(--font);color:var(--ink);pointer-events:none;user-select:none}.enemy-band{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;gap:10px}.party-band{position:absolute;left:14px;bottom:14px;display:flex;gap:10px}.command-band{position:absolute;right:14px;bottom:14px;left:320px;display:flex;justify-content:flex-end;align-items:flex-end;min-height:74px}.unit{pointer-events:auto;background:var(--panel);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.09);border-left-width:3px;border-radius:11px;padding:7px 10px;min-width:152px;transition:box-shadow .15s,transform .15s,opacity .3s}.unit.ally{border-left-color:var(--ally)}.unit.foe{border-left-color:var(--foe);min-width:132px}.unit.active{box-shadow:0 0 0 2px var(--gold),0 6px 20px #0006;transform:translateY(-2px)}.unit.dead{opacity:.4;filter:grayscale(.7)}.unit-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.uname{font-weight:700;font-size:13.5px}.urole{font-size:10px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.06em}.bar{position:relative;height:14px;background:#0006;border-radius:5px;overflow:hidden;margin-top:4px}.bar .fill{position:absolute;inset:0 auto 0 0;width:100%;transition:width .35s ease}.bar.hp .fill{background:var(--hp)}.bar.mp .fill{background:var(--mp)}.bar .txt{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;padding-right:6px;font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.menu-wrap{pointer-events:auto;text-align:right}.prompt{font-size:12.5px;color:var(--gold);font-weight:700;margin-bottom:6px;letter-spacing:.03em}.prompt.res{color:var(--ink-dim);font-style:italic}.menu{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.obtn{pointer-events:auto;cursor:pointer;text-align:left;background:var(--panel);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 12px;color:var(--ink);display:flex;flex-direction:column;gap:1px;min-width:104px;transition:all .13s}.obtn:hover:not(.disabled),.obtn:focus:not(.disabled){border-color:var(--gold);background:#3c2a1ccc;transform:translateY(-2px);outline:none}.obtn.disabled{opacity:.4;cursor:not-allowed}.obtn .ol{font-weight:700;font-size:13.5px}.obtn .os{font-size:10px;color:var(--gold)}.debug-chips{position:absolute;top:12px;right:12px;display:flex;gap:8px}.chip{pointer-events:auto;background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:4px 10px;font-size:11px;color:var(--ink-dim)}.chip.speed{display:flex;gap:3px;padding:3px 6px}.speed-btn{pointer-events:auto;cursor:pointer;border:none;background:transparent;color:var(--ink-dim);font-weight:700;font-size:11px;border-radius:999px;padding:2px 8px}.speed-btn.on{background:var(--gold);color:#2a1c10}.fx-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:4}.fx-number{position:absolute;transform:translate(-50%,-50%);font-family:var(--font);font-weight:800;text-shadow:0 2px 5px rgba(0,0,0,.85);animation:floatUp 1.05s ease-out forwards;white-space:nowrap}.fx-dmg{color:#ffe4b0;font-size:25px}.fx-crit{color:#ff7a5c;font-size:35px}.fx-heal{color:#8ff0b0;font-size:25px}.fx-guard{color:#9fd0ff;font-size:18px;letter-spacing:.07em}.fx-block{color:#c9c2d6;font-size:17px}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-25%) scale(.6)}15%{opacity:1;transform:translate(-50%,-55%) scale(1.05)}to{opacity:0;transform:translate(-50%,-165%) scale(1)}}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(60% 60% at 50% 45%,#0c081480,#08050ed1);pointer-events:auto;animation:fade .4s ease}.overlay.hidden{display:none}.obox{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.otitle{font-size:52px;font-weight:800;text-shadow:0 4px 24px rgba(0,0,0,.6)}.obox.victory .otitle{color:#ffe08a}.obox.defeat .otitle{color:#ff8f6d}.obtn.primary{background:var(--gold);color:#2a1c10;border-color:var(--gold);align-items:center}@keyframes fade{0%{opacity:0}to{opacity:1}}.gallery-panel{position:absolute;top:14px;left:14px;width:320px;max-width:42vw;background:#0a0a12d1;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px;pointer-events:auto;font-family:var(--font);color:var(--ink)}.gtitle{font-weight:800;letter-spacing:.06em;color:var(--gold);margin-bottom:10px}.gcard h3{margin:0 0 6px;font-size:17px}.gstate{display:inline-block;font-weight:700;font-size:11px;padding:3px 9px;border-radius:999px;letter-spacing:.04em}.gstate.pending{background:#6b2b1c;color:#ffd3c4}.gstate.ok{background:#1f5b32;color:#b6f0c6}.gurl{font:11px ui-monospace,monospace;color:var(--ink-dim);margin:7px 0}.gmetrics{font-size:11.5px;color:#bfe6c9}.gissue{font-size:11px;margin-top:2px}.gissue.error{color:#ff9a86}.gissue.warn{color:#ffd98a}.gclips{font-size:11px;color:var(--ink-dim);margin-top:8px;line-height:1.4}.gallery-controls{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:8px;pointer-events:auto}.gbtn{cursor:pointer;background:#0a0a12cc;border:1px solid rgba(255,255,255,.15);color:var(--ink);font-weight:700;font-size:12.5px;border-radius:9px;padding:8px 14px}.gbtn:hover,.gbtn.on{border-color:var(--gold);background:#3c2a1ccc}.busy .unit{pointer-events:none}@media (max-width: 620px){.party-band{left:8px;bottom:8px;gap:6px}.command-band{left:8px;right:8px;bottom:92px;justify-content:center}.enemy-band{top:8px;gap:6px}.unit{min-width:116px;padding:5px 7px}.uname{font-size:12px}.obtn{min-width:44%}.menu{justify-content:center}.otitle{font-size:38px}.gallery-panel{max-width:88vw;width:88vw}}.reel-overlay{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#0a0812d1;color:#ffe9c4;font:700 15px/1.4 var(--font, sans-serif);padding:8px 16px;border-radius:10px;border:1px solid rgba(255,233,196,.35);pointer-events:none;z-index:40}.artreview-chip{position:absolute;top:14px;left:14px;z-index:30;pointer-events:auto;text-decoration:none;background:linear-gradient(178deg,#f3e6c8,#e4d2ac);color:#2a1c12;border:2px solid #7c5a32;box-shadow:inset 0 0 0 2px #d9b36c,0 4px 12px #08050e73;border-radius:10px;padding:7px 12px;font:600 11px/1.35 var(--font);max-width:190px}.artreview-chip b{display:block;font-size:12.5px}.artreview-chip:hover{filter:brightness(1.05)}@media (max-width: 620px){.artreview-chip{top:auto;bottom:96px;left:10px;max-width:150px}}.adv-hud{position:absolute;inset:0;pointer-events:none;z-index:25}.adv-badge{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#140e08d1;color:#ffce7a;border:1.5px solid #7c5a32;border-radius:9px;padding:6px 14px;font:800 11px/1.3 var(--font);letter-spacing:.1em}.adv-hints{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#0c0814a8;color:#e8ddc4;border-radius:9px;padding:6px 14px;font:600 11.5px/1.4 var(--font);white-space:nowrap}.adv-hints b{color:#ffce7a}.adv-joy-base{position:fixed;width:116px;height:116px;border-radius:50%;border:2px solid rgba(255,233,196,.5);background:#140e0847;pointer-events:none;z-index:26}.adv-joy-nub{position:absolute;width:44px;height:44px;border-radius:50%;background:#ffe9c4bf;box-shadow:0 2px 8px #0006}.adv-interact{position:absolute;bottom:108px;left:50%;transform:translate(-50%);pointer-events:auto;background:linear-gradient(178deg,#f3e6c8,#e4d2ac);color:#2a1c12;border:2px solid #7c5a32;border-radius:11px;padding:11px 20px;font:800 15px/1 var(--font);box-shadow:inset 0 0 0 2px #d9b36c,0 6px 16px #08050e80;cursor:pointer}.adv-interact .key{display:inline-block;background:#2a1c12;color:#ffe9c4;border-radius:6px;padding:2px 7px;margin-left:8px;font-size:12px}.adv-recenter{position:absolute;right:14px;bottom:96px;width:46px;height:46px;pointer-events:auto;border-radius:50%;border:2px solid #7c5a32;background:#140e08b3;color:#ffe9c4;font-size:22px;cursor:pointer}.adv-toast{position:absolute;top:64px;left:50%;transform:translate(-50%);background:#173a24eb;color:#d9f7e4;border:2px solid #4fd97c;border-radius:11px;padding:10px 18px;font:700 13.5px/1.4 var(--font);max-width:84vw;text-align:center}.adv-toast.show{animation:advToast 3.4s ease forwards}@keyframes advToast{0%{opacity:0;transform:translate(-50%,-8px)}8%{opacity:1;transform:translate(-50%)}85%{opacity:1}to{opacity:0}}@media (max-width: 620px){.adv-hints{display:none}.adv-badge{font-size:9.5px;top:8px}}