:root{color-scheme:dark}*{margin:0;box-sizing:border-box}html,body,#root{height:100%}body{background:#14121c;color:#e8e4f0;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}canvas{display:block}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:20px 24px}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.hud-title h1{font-size:20px;letter-spacing:.35em;font-weight:700;color:#cfd6e4;text-shadow:0 0 18px rgba(90,140,255,.35)}.hud-title p{font-size:12px;opacity:.55;margin-top:4px}.hud-enemy{min-width:220px;text-align:right}.hud-enemy span{font-size:11px;letter-spacing:.12em;opacity:.7;text-transform:uppercase}.hud-bottom{display:flex;flex-direction:column;gap:10px}.hud-vitals{display:flex;flex-direction:column;gap:6px;max-width:340px}.bar{height:10px;border-radius:5px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width 90ms linear}.bar-hp .bar-fill{background:linear-gradient(90deg,#b3372f,#e0554a)}.bar-stamina .bar-fill{background:linear-gradient(90deg,#3f7d43,#6fbf6a)}.bar-enemy{height:8px;margin-top:5px}.bar-enemy .bar-fill{background:linear-gradient(90deg,#8a5a2b,#c2a86b)}.hud-riposte{font-size:13px;font-weight:700;letter-spacing:.14em;color:#ffd75e;text-shadow:0 0 14px rgba(255,215,94,.6);animation:riposte-pulse .5s ease-in-out infinite alternate}@keyframes riposte-pulse{0%{opacity:.65}to{opacity:1}}.hud-foot{font-size:11px;opacity:.45}.hud-state{color:#8fd0ff}.hud-density{color:#d8c9a3}.pause-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0810b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:20}.pause-panel{background:#181522f2;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:28px 34px;min-width:340px;text-align:center;display:flex;flex-direction:column;gap:18px}.pause-panel h2{letter-spacing:.3em;font-size:18px;color:#cfd6e4}.pause-section h3{font-size:12px;letter-spacing:.15em;text-transform:uppercase;opacity:.7;margin-bottom:10px}.density-row{display:flex;gap:6px;justify-content:center}.density-btn{pointer-events:auto;padding:7px 12px;font-size:12px;border-radius:7px;border:1px solid rgba(255,255,255,.16);background:#ffffff0d;color:#cfd6e4;cursor:pointer}.density-btn:hover{background:#ffffff1f}.density-btn.active{background:#5a4fcf;border-color:#7d73e8;color:#fff}.resume-btn{pointer-events:auto;padding:10px 18px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#e8e4f0;font-size:14px;letter-spacing:.08em;cursor:pointer}.resume-btn:hover{background:#ffffff29}.pause-hint{font-size:11px;opacity:.45}.pause-overlay,.pause-panel button{pointer-events:auto}.boss-bar{position:fixed;top:16px;left:50%;transform:translate(-50%);width:min(460px,70vw);text-align:center;z-index:5}.boss-name{font-size:13px;letter-spacing:.28em;color:#e8d9c8;text-shadow:0 0 12px rgba(255,120,80,.4);margin-bottom:6px}.boss-plan{color:#ffd75e;animation:riposte-pulse .4s ease-in-out infinite alternate}.bar-boss{height:12px}.bar-boss .bar-fill{background:linear-gradient(90deg,#7a2f28,#c24a3a)}.boss-meta{display:flex;justify-content:space-between;align-items:center;margin-top:5px;font-size:10px}.boss-pips{color:#ffd75e;letter-spacing:.3em}.boss-drift{display:flex;align-items:center;gap:6px;color:#4fc3f7;letter-spacing:.12em}.drift-meter{display:inline-block;width:70px;height:5px;background:#4fc3f726;border-radius:3px;overflow:hidden}.drift-fill{display:block;height:100%;background:#4fc3f7}.codex-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#08060ecc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:30;pointer-events:auto}.codex-panel{background:#161320f7;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:22px 26px;width:min(860px,92vw);max-height:86vh;display:flex;flex-direction:column;gap:14px}.codex-vanquished{text-align:center;font-size:14px;font-weight:700;letter-spacing:.24em;color:#ffd75e;text-shadow:0 0 18px rgba(255,215,94,.55);animation:riposte-pulse .6s ease-in-out infinite alternate}.codex-body{display:grid;grid-template-columns:220px 1fr;gap:18px;overflow:hidden}.codex-list{list-style:none;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.codex-item{width:100%;text-align:left;padding:8px 10px;border-radius:8px;border:1px solid transparent;background:#ffffff0a;color:#cfd6e4;cursor:pointer;display:flex;flex-direction:column;gap:2px}.codex-item:hover{background:#ffffff17}.codex-item.selected{border-color:#7d73e8;background:#7d73e824}.codex-item.locked{opacity:.55}.codex-wing{font-size:9px;letter-spacing:.18em;text-transform:uppercase;opacity:.6}.codex-boss{font-size:13px}.codex-detail{overflow-y:auto;padding-right:6px}.codex-detail h2{font-size:17px;color:#e8e4f0;margin-bottom:6px}.codex-sub{font-size:12px;opacity:.75}.codex-period{font-size:11px;opacity:.5;margin:4px 0 10px}.codex-bullets{list-style:disc;padding-left:18px;display:flex;flex-direction:column;gap:8px;font-size:12.5px;line-height:1.5}.codex-stack{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.chip{font-size:10.5px;padding:3px 9px;border-radius:999px;background:#7d73e82e;border:1px solid rgba(125,115,232,.4);color:#cfc8ff}.codex-links{display:flex;gap:14px;margin-top:14px}.codex-links a{color:#8fd0ff;font-size:12px}.codex-locked-msg{font-size:13px;opacity:.65;margin-top:8px}.codex-contact{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;padding:10px 14px;border:1px solid rgba(125,115,232,.35);border-radius:10px;background:#7d73e814;font-size:12px}.codex-contact strong{font-size:14px;color:#e8e4f0}.codex-pdf{margin-left:auto;color:#ffd75e;font-weight:600}.skip-resume{position:fixed;top:14px;right:16px;z-index:6;pointer-events:auto;padding:8px 14px;border-radius:8px;border:1px solid rgba(255,215,94,.5);background:#1e1a10cc;color:#ffd75e;font-size:12px;letter-spacing:.06em;cursor:pointer}.skip-resume:hover{background:#3c3218e6}.portal-hint{position:fixed;bottom:96px;left:50%;transform:translate(-50%);font-size:13px;letter-spacing:.12em;color:#d9c8ff;text-shadow:0 0 14px rgba(139,91,224,.7)}