.intro{color:var(--text);position:fixed;inset:0;overflow:hidden}.intro-tap{background:#000;border:none;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;display:flex}.intro-title{font-family:var(--title-font);letter-spacing:.12em;color:var(--gold);opacity:0;text-shadow:0 0 24px #d9b46a55;font-size:clamp(34px,7vw,64px);animation:2.4s forwards intro-fade}.intro-hint{color:var(--muted);opacity:0;font-size:16px;animation:1.6s 1.6s forwards intro-fade,2.4s ease-in-out 3.2s infinite intro-breathe}@keyframes intro-fade{to{opacity:1}}@keyframes intro-breathe{50%{opacity:.35}}.intro-room{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));background:radial-gradient(60% 50% at 50% 40%,#1a1630 0%,#0000 70%),radial-gradient(circle at 12% 70%,#ff9a3c22,#0000 30%),radial-gradient(circle at 88% 70%,#ff9a3c22,#0000 30%),#07060b;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);justify-items:center;gap:12px;animation:1.5s both intro-fade;display:grid}.skip-intro{top:max(12px, env(safe-area-inset-top));z-index:2;color:var(--muted);background:0 0;border:1px solid #fff2;border-radius:4px;padding:4px 10px;font-size:14px;position:absolute;right:16px}.candle{background:linear-gradient(#e9dcc0,#b9a888);border-radius:3px;width:14px;height:46px;position:absolute;bottom:18%}.candle:after{content:"";background:radial-gradient(circle,#fff1c1 0%,#ffb347aa 12%,#ff7b1c33 35%,#0000 70%);border-radius:50%;width:90px;height:90px;animation:1.8s infinite alternate flicker;position:absolute;bottom:100%;left:50%;transform:translate(-50%,35%)}.candle-left{left:9%}.candle-right{right:9%}@media (orientation:portrait){.candle{opacity:.6;top:30%;bottom:auto}}@keyframes flicker{0%{opacity:.85;transform:translate(-50%,35%)scale(1)}40%{opacity:1;transform:translate(-52%,33%)scale(1.06)}70%{opacity:.75;transform:translate(-49%,36%)scale(.96)}to{opacity:.95;transform:translate(-50%,34%)scale(1.03)}}.intro-mirror{justify-content:center;align-items:center;height:100%;min-height:0;display:flex}.mirror{--tint:#8fa8ff;aspect-ratio:3/4;max-width:100%;height:min(100%,520px,133.333vw - 42.6667px);box-shadow:0 0 0 3px #2a1a08, 0 0 0 6px #8a6a32, 0 20px 60px #000c, 0 0 80px color-mix(in srgb, var(--tint) 35%, transparent);background:radial-gradient(at 30% 20%,#f3d79b 0%,#0000 35%),conic-gradient(from 200deg,#6b4a1f,#d9b46a,#7a5524,#f0d28e,#5b3c17,#c9a15a,#6b4a1f);border-radius:50%;padding:6%;transition:box-shadow 1s;animation:2s both mirror-appear;position:relative}@keyframes mirror-appear{0%{opacity:0;filter:blur(4px);transform:scale(.94)}}.mirror-glass{background:radial-gradient(ellipse at 50% 45%, color-mix(in srgb, var(--tint) 30%, #0b0f22) 0%, #05060f 75%);border-radius:50%;width:100%;height:100%;transition:background 1s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #2a1a08,inset 0 0 40px #000}.mirror.is-speaking .mirror-glass{animation:1.2s ease-in-out infinite mirror-speak}@keyframes mirror-speak{50%{filter:brightness(1.35)}}.mirror-mist{background:conic-gradient(from 0deg, transparent, color-mix(in srgb, var(--tint) 40%, transparent), transparent 40%, color-mix(in srgb, var(--tint) 25%, transparent), transparent 75%);filter:blur(28px);opacity:.7;transition:background 1s;animation:14s linear infinite mist-turn;position:absolute;inset:-30%}.mirror-mist-2{opacity:.5;animation-duration:21s;animation-direction:reverse}@keyframes mist-turn{to{transform:rotate(360deg)}}.mirror-particles{width:100%;height:100%;position:absolute;inset:0}.mirror-ripple{aspect-ratio:1;border:3px solid color-mix(in srgb, var(--tint) 80%, white);border-radius:50%;width:20%;animation:1.1s ease-out forwards ripple;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ripple{to{opacity:0;border-width:1px;width:160%}}.mirror-sheen{pointer-events:none;background:linear-gradient(125deg,#fff2 0%,#0000 30% 70%,#ffffff0d 100%);border-radius:50%;position:absolute;inset:0}.mirror-gem{aspect-ratio:1;background:radial-gradient(circle at 35% 35%, #fff, color-mix(in srgb, var(--tint) 85%, black) 55%, #000);width:7%;box-shadow:0 0 12px var(--tint);border:2px solid #2a1a08;transition:background 1s,box-shadow 1s;position:absolute;transform:rotate(45deg)}.mirror-gem-top{width:9%;top:-2%;left:46.5%}.mirror-gem-left{top:46%;left:-1.5%}.mirror-gem-right{top:46%;right:-1.5%}.reflections{justify-content:space-around;align-items:flex-end;animation:1.6s both intro-fade;display:flex;position:absolute;inset:18% 8% 0}.reflection{opacity:.75;background:0 0;border:none;width:42%;padding:0;transition:opacity .3s,transform .3s}.reflection svg{fill:#0a0d22;width:100%;stroke:color-mix(in srgb, var(--tint) 70%, white);stroke-width:1.2px;filter:drop-shadow(0 0 6px var(--tint));display:block}.reflection:hover,.reflection:focus-visible{opacity:1;outline:none;transform:translateY(-4px)}.mirror-portrait{object-fit:cover;object-position:center 20%;mix-blend-mode:screen;opacity:.9;width:100%;height:100%;animation:2.2s both portrait-emerge;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 40%,#000 35%,#0000 72%);mask-image:radial-gradient(at 50% 40%,#000 35%,#0000 72%)}.mirror-portrait.is-cutout{object-fit:contain;object-position:center bottom;mix-blend-mode:normal;opacity:1;width:84%;height:90%;filter:drop-shadow(0 0 14px color-mix(in srgb, var(--tint) 70%, transparent));inset:10% 8% 0;-webkit-mask-image:linear-gradient(#000 80%,#0000);mask-image:linear-gradient(#000 80%,#0000)}@keyframes portrait-emerge{0%{opacity:0;filter:blur(10px)brightness(2);transform:scale(1.08)}}.intro-dialog{z-index:1;flex-direction:column;gap:10px;width:100%;max-width:640px;display:flex;position:relative}.mirror-voice{text-align:left;min-height:3.6em;font-family:var(--text-font);color:#f1e3c0;text-shadow:0 0 10px #d9b46a44;background:#0b0a16cc;border:1px solid #5a4a2a;border-radius:6px;padding:12px 16px;font-size:clamp(17px,2.4vw,22px);font-style:italic;line-height:1.4;position:relative}.voice-next{color:var(--gold);font-style:normal;animation:.8s infinite alternate bob;position:absolute;bottom:6px;right:12px}.intro-choices{flex-direction:column;gap:6px;animation:.5s both intro-fade;display:flex}.quiz-progress{font-family:var(--title-font);color:var(--muted);letter-spacing:.06em;font-size:12px}.intro-choice{text-align:left;border:1px solid var(--border);background:linear-gradient(90deg,#221a26cc,#100c12cc);border-radius:5px;padding:9px 14px;font-size:16px;transition:border-color .2s,box-shadow .2s}.intro-choice:hover,.intro-choice:focus-visible{border-color:var(--gold);outline:none;box-shadow:0 0 12px #d9b46a44}@media (orientation:landscape){.intro-room{grid-template-rows:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;padding-inline:5vw}.intro-mirror{height:86%}.candle{bottom:10%}}@media (prefers-reduced-motion:reduce){.mirror-mist,.mirror.is-speaking .mirror-glass,.candle:after{animation:none}}.vision{--tint:#8fa8ff;aspect-ratio:4/5;max-width:100%;height:min(100%,640px);box-shadow:0 0 60px color-mix(in srgb, var(--tint) 35%, transparent), 0 20px 50px #000c;border-radius:46% 46% 6px 6px/30% 30% 6px 6px;transition:box-shadow 1.2s;animation:2s both mirror-appear;position:relative;overflow:hidden}.vision-img{object-fit:cover;object-position:center 35%;width:100%;height:100%;animation:1.4s both vision-in,7s ease-in-out 1.4s infinite alternate vision-breathe;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 70% at 50% 45%,#000 60%,#0000 100%);mask-image:radial-gradient(75% 70% at 50% 45%,#000 60%,#0000 100%)}@keyframes vision-in{0%{opacity:0;filter:blur(8px)brightness(1.8);transform:scale(1.06)}}@keyframes vision-breathe{to{transform:scale(1.035)}}.vision.is-dormant .vision-img{filter:brightness(.35)saturate(.4)blur(1px);transition:filter 2s}.vision.is-speaking .vision-img{animation:1.4s both vision-in,1.1s ease-in-out infinite vision-speak}@keyframes vision-speak{50%{filter:brightness(1.18)}}.vision-particles{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.vision-ripple{aspect-ratio:1;border:3px solid color-mix(in srgb, var(--tint) 80%, white);border-radius:50%;width:18%;animation:1.1s ease-out forwards ripple;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.vision-reflections{inset:30% 14% 22%}.vision-portrait{object-fit:contain;object-position:center bottom;width:64%;height:62%;filter:drop-shadow(0 0 16px color-mix(in srgb, var(--tint) 80%, transparent));animation:2.2s both portrait-emerge;position:absolute;top:14%;left:18%;right:18%;-webkit-mask-image:linear-gradient(#000 75%,#0000);mask-image:linear-gradient(#000 75%,#0000)}@media (prefers-reduced-motion:reduce){.vision-img{animation:none!important}}.vision-particles{opacity:.55;mix-blend-mode:screen;transform-origin:bottom;transform:scale(.6)}.intro-crest{opacity:0;filter:drop-shadow(0 0 24px #4d7dff66);width:min(86vw,760px);max-width:100%;animation:2.6s forwards crest-in,4s ease-in-out 2.6s infinite alternate crest-glow}@keyframes crest-in{0%{opacity:0;filter:blur(6px)drop-shadow(0 0 #0000);transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes crest-glow{to{filter:drop-shadow(0 0 38px #6aa8ffaa)}}.vision{aspect-ratio:9/16;border-radius:10px;height:min(100%,760px)}.vision-img{object-position:center 30%;-webkit-mask-image:radial-gradient(90% 85% at 50% 45%,#000 70%,#0000 100%);mask-image:radial-gradient(90% 85% at 50% 45%,#000 70%,#0000 100%)}.vision-portrait{height:55%;top:20%}.intro-choice.is-accept{border-color:var(--gold)}@media (orientation:landscape){.intro-mirror{height:94%}}.mirror-face{--tint:#ffe9b8;--glass:radial-gradient(ellipse 19.5% 29.5% at 50% 46%, #000 72%, transparent 100%);aspect-ratio:9/16;max-width:100%;height:min(100%,760px);box-shadow:0 0 50px color-mix(in srgb, var(--tint) 30%, transparent), 0 20px 50px #000c;border-radius:10px;transition:box-shadow 1s;animation:2s both mirror-appear;position:relative;overflow:hidden}.face-room,.face-layer{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.face-room{-webkit-mask-image:radial-gradient(100% 100%,#000 85%,#0000 100%);mask-image:radial-gradient(100% 100%,#000 85%,#0000 100%)}.face-layer{-webkit-mask-image:var(--glass);-webkit-mask-image:var(--glass);mask-image:var(--glass);opacity:0;transition:opacity .55s}.face-layer.is-shown{opacity:1}.face-video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .9s;position:absolute;inset:0;-webkit-mask-image:radial-gradient(100% 100%,#000 85%,#0000 100%);mask-image:radial-gradient(100% 100%,#000 85%,#0000 100%)}.face-video.is-shown{opacity:1}.face-awakening{transition:opacity 3.2s ease-in-out,transform 3.2s ease-in-out,filter 3.2s ease-in-out}.face-awakening:not(.is-shown){filter:brightness(1.6)blur(3px);transform:scale(1.05)}.face-bloom{pointer-events:none;mix-blend-mode:screen;opacity:0;background:radial-gradient(30% 38% at 50% 46%,#fff8e6 0%,#ffe3a8cc 30%,#b9c8ff55 60%,#0000 85%);animation:3.4s ease-in-out forwards mirror-bloom;position:absolute;inset:0}@keyframes mirror-bloom{0%{opacity:0;transform:scale(.85)}40%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}.mirror-face.is-dormant .face-glow,.mirror-face.is-dormant .face-particles{opacity:0}.mirror-face .face-layer[src*=bouche]{transition-duration:70ms}.mirror-face.is-dormant .face-layer,.mirror-face.is-dormant .face-room{filter:brightness(.15)saturate(.3)blur(2px)}.mirror-face .face-room,.mirror-face .face-layer{transition:filter 3.4s ease-in-out,opacity .55s}.face-glow{background:radial-gradient(ellipse 19% 29% at 50% 46%, color-mix(in srgb, var(--tint) 40%, transparent), transparent 100%);mix-blend-mode:soft-light;opacity:.9;pointer-events:none;transition:background 1s;animation:3.5s ease-in-out infinite alternate glow-breathe;position:absolute;inset:0}@keyframes glow-breathe{0%{opacity:.55}to{opacity:1}}.face-ripple{aspect-ratio:1;border:3px solid color-mix(in srgb, var(--tint) 80%, white);width:12%;box-shadow:0 0 20px var(--tint);pointer-events:none;border-radius:50%;animation:1.2s ease-out forwards face-ripple;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}@keyframes face-ripple{to{opacity:0;border-width:1px;width:48%}}.face-reflections{flex-direction:column;gap:6px;animation:1s both intro-fade;display:flex;position:absolute;bottom:30%;left:32%;right:32%}.face-reflection{font-family:var(--title-font);color:#fff6e0;text-shadow:0 0 6px #000;background:#1a120acc;border:1px solid #d9b46a;border-radius:4px;padding:6px 4px;font-size:clamp(11px,1.2vw,14px)}.face-reflection:hover{box-shadow:0 0 12px #d9b46a}@media (prefers-reduced-motion:reduce){.face-glow{animation:none}}.face-particles{filter:drop-shadow(0 0 3px #000a)saturate(1.4);pointer-events:none;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(30% 40% at 50% 46%,#000 60%,#0000 100%);mask-image:radial-gradient(30% 40% at 50% 46%,#000 60%,#0000 100%)}.continue-save{left:50%;bottom:max(28px, env(safe-area-inset-bottom));z-index:3;white-space:nowrap;position:fixed;transform:translate(-50%)}:root{--bg:#08060a;--panel:#151018;--panel-2:#1d1620;--border:#4a3a2a;--border-hi:#c9a15a;--gold:#d9b46a;--text:#ece8f4;--muted:#98a2c4;--hp:#d62828;--hp-dark:#5c0d0d;--title-font:"Cinzel", Georgia, serif;--text-font:"EB Garamond", Georgia, serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--text-font);-webkit-tap-highlight-color:transparent;margin:0}body{overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}button:disabled{cursor:default}.image-fallback{background:radial-gradient(circle,#2c2030,#100c12);justify-content:center;align-items:center;display:flex}.element-chip{background:color-mix(in srgb, var(--chip) 30%, #100c12);border:1px solid color-mix(in srgb, var(--chip) 70%, transparent);color:color-mix(in srgb, var(--chip) 35%, white);white-space:nowrap;border-radius:3px;padding:0 .6em;font-size:.8em;line-height:1.5;display:inline-block}.crystal{vertical-align:-.2em;filter:drop-shadow(0 0 3px #d8b36aaa);width:auto;height:1.15em;display:inline-block}.crystal-empty{filter:grayscale()brightness(.35);opacity:.6}.ether-gauge .crystal:not(.crystal-empty){animation:.5s ease-out crystal-light,2.8s ease-in-out .5s infinite crystal-shine}.ether-gauge .crystal:nth-child(2n){animation-delay:0s,1.2s}.ether-gauge .crystal:nth-child(3n){animation-delay:0s,2s}@keyframes crystal-light{0%{filter:brightness(2.5)drop-shadow(0 0 8px #8fd3ff);transform:scale(1.6)}}@keyframes crystal-shine{50%{filter:brightness(1.35)drop-shadow(0 0 6px #6aa8ff)}}@media (prefers-reduced-motion:reduce){.ether-gauge .crystal{animation:none!important}}.ether-gauge{gap:.18em;display:inline-flex}.hp-bar{background:var(--hp-dark);border:1px solid #000;border-radius:2px;outline:1px solid #6d4c2a;height:1.15em;position:relative;overflow:hidden}.hp-fill{background:linear-gradient(#ff5a5a, var(--hp) 55%, #9c1414);height:100%;transition:width .45s}.hp-text{text-shadow:0 1px 2px #000;justify-content:center;align-items:center;font-size:.8em;display:flex;position:absolute;inset:0}.primary-button{font-family:var(--title-font);border:1px solid var(--border-hi);background:linear-gradient(#3a2414,#1a0e08);border-radius:4px;padding:.6em 1.4em;font-weight:700;box-shadow:0 0 12px #c9a15a55}.primary-button:disabled{opacity:.45}.muted{color:var(--muted)}.title-screen{background:radial-gradient(ellipse at top, #2a1830 0%, var(--bg) 70%);flex-direction:column;align-items:center;height:100%;padding:24px 16px 40px;display:flex;overflow-y:auto}.game-title{font-family:var(--title-font);letter-spacing:.08em;color:var(--gold);text-shadow:0 0 18px #ff8a3c66;margin:8px 0 0;font-size:clamp(32px,7vw,56px)}.subtitle{color:var(--muted);text-align:center;margin:4px 0 20px}.class-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;width:100%;max-width:900px;display:grid}.class-card{background:var(--panel);border:1px solid var(--border);border-radius:6px;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;display:flex;position:relative}.class-card.is-selected{border-color:var(--gold);box-shadow:0 0 14px #d9b46a55}.class-portrait{aspect-ratio:3/4;object-fit:cover;object-position:top;border-radius:4px;width:100%;font-size:34px}.class-name{font-family:var(--title-font);text-align:center;font-size:12px}.soon{color:var(--muted);background:#000a;border-radius:3px;padding:1px 6px;font-size:11px;position:absolute;top:8px}.class-details{background:var(--panel);border:1px solid var(--border);border-radius:8px;gap:16px;width:100%;max-width:900px;margin-top:20px;padding:16px;display:flex}.class-details-portrait{aspect-ratio:3/5;object-fit:cover;border-radius:6px;flex-shrink:0;width:150px;font-size:60px}.class-details-body{flex-direction:column;gap:10px;display:flex}.class-details-body h2{font-family:var(--title-font);color:var(--gold);margin:0}.class-details-body p{margin:0;line-height:1.35}.chips{gap:6px;display:flex}.gender-toggle{gap:8px;display:flex}.gender-toggle button{background:var(--panel-2);border:1px solid var(--border);border-radius:4px;flex:1;padding:6px}.gender-toggle .is-active{border-color:var(--border-hi);background:#3a2414}.name-input{font:inherit;color:var(--text);border:1px solid var(--border);background:#070b1c;border-radius:4px;padding:8px 10px;font-size:16px}.start-button{align-self:flex-start}@media (width<=560px){.class-details{flex-direction:column;align-items:center}.class-details-portrait{width:140px}.start-button{align-self:stretch}}.console{flex-direction:column;width:100%;height:100%;margin:0 auto;display:flex;position:relative;container-type:inline-size}.screen{aspect-ratio:3/2;background:#000;width:100%;position:relative;overflow:hidden}.phaser-mount,.phaser-mount canvas{width:100%;height:100%;position:absolute;inset:0}.panel{background:linear-gradient(#0e0a10, var(--bg));border-top:2px solid var(--border);flex-direction:column;flex:1;min-height:0;font-size:15px;display:flex}.mute-button{border:1px solid var(--border);background:#151018cc;border-radius:50%;width:34px;height:34px;padding:0;font-size:16px;position:absolute;top:30%;right:1.5%}.hud{pointer-events:none;align-items:flex-start;gap:2%;width:47%;font-size:clamp(9px,2.6cqw,17px);display:flex;position:absolute;top:2.5%}.hud-hero{left:1.5%}.hud-enemy{right:1.5%}.hud-portrait{aspect-ratio:1;object-fit:cover;object-position:center 15%;border:2px solid var(--gold);border-radius:50%;flex-shrink:0;width:22%;font-size:1.6em;box-shadow:0 0 10px #d8b36a88}.hud-body{border:1px solid var(--border);background:linear-gradient(90deg,#151018ee,#151018aa);border-radius:4px;flex-direction:column;flex:1;gap:.25em;padding:.35em .6em;display:flex}.hud-enemy .hud-body{background:linear-gradient(270deg,#151018ee,#151018aa)}.hud-title{justify-content:space-between;align-items:center;gap:.5em;display:flex}.hud-name{font-family:var(--title-font);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.hud-level{color:var(--muted);white-space:nowrap;font-size:.85em}.hud-row{justify-content:space-between;align-items:center;gap:.4em;display:flex}.charges{gap:.2em;display:inline-flex}.charge{background:#2a1a12;border:1px solid #7a3b16;border-radius:50%;width:.55em;height:.55em}.charge.is-full{background:radial-gradient(#ffe08a,#ff7b1c);border-color:#ffb347;box-shadow:0 0 5px #ff7b1c}.charges.is-exhausted{opacity:.5}.xp-bar{background:#0e0a10;border:1px solid #1d2a55;border-radius:2px;height:.35em;min-height:3px;overflow:hidden}.xp-fill{background:linear-gradient(90deg,#3b6fe0,#8fd3ff);height:100%;transition:width 1.2s;box-shadow:0 0 6px #5aa0ff}.ow-bars{flex-direction:column;flex:1;gap:3px;max-width:200px;display:flex}.ow-bars .hp-bar{max-width:none}.statuses{gap:.3em;min-height:0;display:flex}.status{border-radius:3px;padding:0 .4em;font-size:.75em}.statuses{flex-wrap:wrap}.status{white-space:nowrap}.status-feu{color:#ffc49a;background:#6b1d06;border:1px solid #ff7b1c88}.status-cendre{color:#d6d2cc;background:#2e2e36;border:1px solid #8a858088}.status-bonus{color:#ffe08a;background:#3d2a05;border:1px solid #d9b46a88}.status-malus{color:#ff9aa8;background:#3a0d18;border:1px solid #ff5a7088}.school-chip{--chip:#ff7b1c}.school-chip.is-cendre{--chip:#a9a29a}.school-chip.is-mix{--chip:#d98a5a}.battle-menu{grid-template-columns:1fr auto;gap:8px;height:min(100%,300px);padding:8px;display:grid}.battle-content{min-width:0;display:flex}.dialog-box{text-align:left;border:1px solid var(--border);background:#0c090ee6;border-radius:6px;flex:1;padding:10px 14px;font-size:1.05em;line-height:1.35;position:relative;box-shadow:inset 0 0 0 1px #0007}.dialog-next{color:var(--gold);animation:.8s infinite alternate bob;position:absolute;bottom:6px;right:10px}@keyframes bob{to{transform:translateY(3px)}}.spell-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.spell-card{text-align:left;border:1px solid var(--border);background:linear-gradient(135deg,#221a26,#100c12);border-radius:5px;align-items:center;gap:8px;min-height:48px;padding:5px;display:flex;position:relative}.spell-card:not(:disabled):hover,.spell-card.is-selected{border-color:var(--border-hi);box-shadow:0 0 10px #d8b36a55}.spell-card:disabled:not(.spell-empty){opacity:.45}.spell-card.is-equipped{border-color:var(--gold)}.spell-empty{color:var(--muted);background:#0e0a10;border-style:dashed;justify-content:center;font-size:.85em}.spell-icon{object-fit:cover;border:1px solid #6d4c2a;border-radius:4px;flex-shrink:0;width:38px;height:38px;font-size:20px}.spell-info{flex-direction:column;gap:2px;min-width:0;display:flex}.spell-name{font-family:var(--title-font);font-size:.82em;font-weight:700;display:block}.spell-meta{align-items:center;gap:6px;display:flex}.spell-cost{white-space:nowrap;font-size:.9em}.cooldown-badge{font-family:var(--title-font);color:var(--gold);border-radius:inherit;background:#08060ab3;justify-content:center;align-items:center;font-size:1.4em;font-weight:700;display:flex;position:absolute;inset:0}.spell-card:disabled:has(.cooldown-badge){opacity:1}.equipped-badge{color:var(--gold);font-weight:700;position:absolute;top:3px;right:5px}.bag{flex:1;align-items:flex-start;display:flex}.item-card{text-align:left;border:1px solid var(--border);background:linear-gradient(135deg,#221a26,#100c12);border-radius:5px;align-items:center;gap:10px;padding:8px 14px;display:flex}.item-card:disabled{opacity:.45}.item-icon{font-size:26px}.item-desc{color:var(--muted);font-size:.9em;display:block}.battle-actions{border:1px solid var(--border);background:#0e0a10;border-radius:6px;flex-direction:column;gap:4px;min-width:112px;max-height:240px;padding:4px;display:flex}.action{font-family:var(--title-font);text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;flex:1;align-items:center;gap:8px;padding:4px 10px;font-size:.9em;display:flex}.action:not(:disabled):hover,.action.is-active{border-color:var(--border-hi);background:linear-gradient(90deg,#1d3a9a,#10205a);box-shadow:0 0 10px #d8b36a55}.action:disabled{opacity:.4}.action-icon{font-size:1.1em}.overworld-ui{grid-template:"status grimoire""message message""dpad dpad"1fr/1fr auto;align-items:center;gap:10px;height:100%;padding:10px 12px;display:grid}.ow-status{grid-area:status;align-items:center;gap:8px;display:flex}.ow-status .hp-bar{flex:1;max-width:200px}.ow-buttons{grid-area:grimoire;gap:6px;display:flex}.grimoire-button{font-family:var(--title-font);border:1px solid var(--gold);background:linear-gradient(#2a1d4d,#150f2c);border-radius:4px;padding:6px 12px}.ow-message{cursor:default;flex:none;grid-area:message}.dpad{grid-area:dpad;grid-template-rows:repeat(3,58px);grid-template-columns:repeat(3,58px);place-self:center;display:grid}.pad{border:1px solid var(--border);touch-action:none;background:linear-gradient(#251c26,#110c12)}.pad{justify-content:center;align-items:center;padding:0;display:flex}.pad:after{content:"";border:9px solid #0000;width:0;height:0}.pad-up{border-radius:8px 8px 0 0;grid-area:1/2}.pad-up:after{border-bottom-color:var(--text);transform:translateY(-4px)}.pad-left{border-radius:8px 0 0 8px;grid-area:2/1}.pad-left:after{border-right-color:var(--text);transform:translate(-4px)}.pad-right{border-radius:0 8px 8px 0;grid-area:2/3}.pad-right:after{border-left-color:var(--text);transform:translate(4px)}.pad-down{border-radius:0 0 8px 8px;grid-area:3/2}.pad-down:after{border-top-color:var(--text);transform:translateY(4px)}.modal-backdrop{z-index:10;background:#000a;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.modal{background:linear-gradient(#0f1838,#080d22);border:1px solid #6b5232;border-radius:8px;flex-direction:column;gap:12px;width:100%;max-width:880px;max-height:100%;padding:14px;display:flex;overflow-y:auto;box-shadow:0 0 0 3px #0008,0 0 40px #c9a15a33}.modal-header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.modal-header h2{font-family:var(--title-font);color:var(--gold);flex:1;margin:0;font-size:1.2em}.equipped-count{color:var(--muted)}.close-button{border:1px solid var(--border);background:0 0;border-radius:4px;width:32px;height:32px}.passive-box{background:#1f0f08aa;border:1px solid #7a3b16;border-radius:6px;padding:8px 12px;line-height:1.35}.passive-label{font-family:var(--title-font);background:#7a3b16;border-radius:3px;margin-right:8px;padding:1px 6px;font-size:.75em}.spellbook-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.spell-details{border-top:1px solid var(--border);align-items:center;gap:12px;padding:10px 12px;display:flex}.spell-details>div{flex:1}.spell-details-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spell-details p{margin:6px 0 0;line-height:1.35}@media (width<=640px){.spellbook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spell-details{flex-direction:column;align-items:stretch}}@media (orientation:landscape) and (height>=300px){.console{aspect-ratio:3/2;width:min(100vw,150dvh);height:auto;top:50%;transform:translateY(-50%)}.screen{aspect-ratio:auto;position:absolute;inset:0}.panel{pointer-events:none;background:0 0;border:none;font-size:clamp(11px,1.9cqw,17px);position:absolute;inset:0}.panel>*>*{pointer-events:auto}.battle-menu{grid-template-rows:minmax(0,1fr);gap:1%;height:24%;padding:0;position:absolute;bottom:3%;left:6.5%;right:2%}.battle-content>*{min-height:0}.spell-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:.6cqw}.spell-grid .spell-card{gap:.8cqw;min-height:0;padding:.4cqw}.spell-grid .spell-icon{width:4.6cqw;height:4.6cqw;font-size:2cqw}.spell-grid .spell-name{font-size:1.35cqw}.spell-grid .spell-meta{font-size:1.15cqw}.battle-actions{gap:.2cqw;width:15cqw;min-width:0;padding:.4cqw}.action{gap:.6cqw;padding:0 .8cqw;font-size:1.45cqw}.battle-content>.dialog-box{padding:1cqw 1.4cqw;font-size:1.6cqw}.battle-content>.dialog-box,.spell-grid,.bag{background:#0c090ee6;border-radius:6px}.spell-grid,.bag{border:1px solid var(--border);padding:.6cqw}.overworld-ui{padding:0;display:block}.ow-status{border:1px solid var(--border);background:#151018dd;border-radius:4px;width:38%;padding:6px 10px;position:absolute;top:2%;left:1.5%}.ow-buttons{position:absolute;top:2%;right:1.5%}.ow-message{font-size:.95em;position:absolute;bottom:3%;left:24%;right:24%}.dpad{opacity:.75;grid-template-rows:repeat(3,6.5cqw);grid-template-columns:repeat(3,6.5cqw);position:absolute;bottom:3%;left:2%}.battle-actions{max-height:none}}.hud-enemy .hud-title{justify-content:flex-start}.hud-enemy .hud-title .element-chip{margin-left:auto}.ether-gauge{align-items:center;gap:.25em}.ether-gauge .crystal{height:1.45em}.spell-cost .crystal{height:1.35em}.spell-cost.is-reduced{color:#8fd3ff;font-weight:700}.card-badge{color:#ff9aa8;font-size:1em}.dev-console{max-width:620px}.dev-section{flex-direction:column;gap:8px;display:flex}.dev-section h3{font-family:var(--title-font);color:var(--gold);margin:0;font-size:.95em}.dev-row{align-items:center;gap:8px;display:flex}.dev-wrap{flex-wrap:wrap}.dev-row button,.dev-row select,.dev-row input{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:4px;padding:6px 12px}.dev-row button:hover{border-color:var(--border-hi)}.dev-row input[type=number]{width:90px}.dev-value{font-family:var(--title-font);min-width:70px}.dev-toggle{align-items:center;gap:6px;display:flex}.dev-hint{margin:0;font-size:.85em}.hud-emblem{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 0 6px #ff7b1c88);flex-shrink:0;width:24%;margin:-3% -1% 0 -2%}.round-button{aspect-ratio:1;width:clamp(34px,4.6cqw,54px);font-family:var(--title-font);color:var(--text);background:radial-gradient(circle at 40% 35%,#2a2f45,#0b0d18);border:2px solid #6b5a3a;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:clamp(11px,1.35cqw,16px);font-weight:700;display:inline-flex;box-shadow:0 2px 8px #000a,inset 0 0 6px #0008}.round-button.is-on{border-color:var(--gold);color:var(--gold);box-shadow:0 0 10px #d9b46a88}.round-button:disabled{opacity:.45}.secondary-button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:4px;padding:.6em 1.2em}.secondary-button:disabled{opacity:.45}.hud2{pointer-events:none;align-items:flex-start;gap:.6em;font-size:clamp(9px,1.35cqw,16px);display:flex;position:absolute}.hud2 button,.hud2 [title]{pointer-events:auto}.hud2-hero{width:clamp(180px,34cqw,420px);top:1.5%;left:1%}.hud2-enemy{width:clamp(170px,31cqw,380px);top:12%;right:1%}.hud2-emblem{filter:drop-shadow(0 0 6px #ff7b1c88);flex-shrink:0;width:22%}.hud2-body{flex-direction:column;flex:1;gap:.25em;min-width:0;display:flex}.hud2-title{text-shadow:0 1px 3px #000;justify-content:space-between;align-items:baseline;gap:.5em;display:flex}.hud2-enemy .hud2-title{justify-content:flex-end}.hud2-name{font-family:var(--title-font);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.hud2-level{font-family:var(--title-font);color:#e8dcc0;white-space:nowrap}.hud2-row{justify-content:space-between;align-items:center;gap:.4em;display:flex}.hp-line,.xp-bar{clip-path:polygon(0 0,100% 0,calc(100% - .6em) 100%,0 100%);background:#2a0808;border:1px solid #000;outline:1px solid #7a6040;height:1.25em;position:relative;overflow:hidden}.hud2-enemy .hp-line{clip-path:polygon(.6em 0,100% 0,100% 100%,0 100%)}.hp-line-fill{background:linear-gradient(#ff5a5a,#c81e1e 55%,#7a0e0e);height:100%;transition:width .5s}.hud2 .xp-bar{background:#120a18;border-radius:0;height:1.05em;min-height:0}.hud2 .xp-fill{box-shadow:none;background:linear-gradient(#6fb6ff,#2a62d8 60%,#163a8a)}.bar-text{font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000;justify-content:center;align-items:center;font-size:.82em;display:flex;position:absolute;inset:0}.diamond{aspect-ratio:1;border:2px solid var(--gold);background:#120c14;flex-shrink:0;width:19%;margin:.4em .5em;position:relative;overflow:hidden;transform:rotate(45deg);box-shadow:0 0 10px #000c,inset 0 0 8px #000}.diamond-img{object-fit:cover;width:142%;height:142%;font-size:1.6em;position:absolute;inset:-21%;transform:rotate(-45deg)}.status-icons{flex-wrap:wrap;gap:.25em;min-height:1.6em;display:flex}.status-icon{border-radius:3px;justify-content:center;align-items:center;width:1.7em;height:1.7em;font-size:.95em;display:inline-flex;position:relative;box-shadow:inset 0 0 4px #000}.status-count{background:#000c;border-radius:3px;padding:.05em .25em;font-size:.72em;font-weight:700;line-height:1;position:absolute;bottom:-.3em;right:-.25em}.battle-top-buttons{gap:.8cqw;display:flex;position:absolute;top:1.5%;right:1%}.turn-column{flex-direction:column;gap:.6cqw;display:flex;position:absolute;top:25%;left:1%}.turn-slot{aspect-ratio:1;opacity:.75;background:#0b0d18;border:2px solid #3a3550;border-radius:4px;width:clamp(30px,5cqw,60px);transition:transform .2s,opacity .2s,border-color .2s;position:relative;overflow:hidden}.turn-slot.is-active{opacity:1;border-color:var(--gold);transform:translate(15%);box-shadow:0 0 10px #d9b46a88}.turn-slot.is-dead{opacity:.3;filter:grayscale()}.turn-img{object-fit:cover;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.4em;display:flex}.turn-hp{background:#e03131;height:3px;position:absolute;bottom:0;left:0}.battle-ui{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"dock dock""chat side";gap:8px;height:100%;padding:8px;font-size:14px;display:grid}.battle-chat{scrollbar-width:thin;background:#08060acc;border:1px solid #3a3550;border-radius:6px;grid-area:chat;min-height:0;padding:.5em .7em;font-size:.95em;line-height:1.3;overflow-y:auto}.chat-line{color:var(--muted);margin:0 0 .2em}.chat-line.is-last{color:var(--text)}.spell-dock{flex-direction:column;grid-area:dock;align-items:center;gap:4px;display:flex}.dock-ether{gap:.35em;display:flex}.spell-bar{background:linear-gradient(#0e1020ee,#06070eee);border:1px solid #4a3f2a;border-radius:6px;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;width:100%;padding:6px;display:grid;box-shadow:0 -2px 12px #000a}.spell-slot{background:0 0;border:none;border-right:1px solid #ffffff12;border-radius:0;flex-direction:column;align-items:center;gap:.15em;min-width:0;padding:.2em .1em;display:flex}.spell-slot:last-child{border-right:none}.spell-slot.is-empty{min-height:5em}.spell-slot:disabled{opacity:.45}.spell-slot:not(:disabled):hover .slot-icon{border-color:var(--gold);box-shadow:0 0 10px #ff7b1c88}.slot-icon{aspect-ratio:1;border:1px solid #6b4a2a;border-radius:4px;width:min(100%,3.6em);position:relative;overflow:hidden}.slot-img{object-fit:cover;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.6em;display:flex}.slot-badge{font-family:var(--title-font);color:var(--gold);background:#08060ab3;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.slot-name{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;min-height:2.2em;font-size:.72em;line-height:1.1;display:-webkit-box;overflow:hidden}.slot-cost{color:#8fb8ff;white-space:nowrap;font-size:.8em;font-weight:700}.slot-cost .crystal{height:1.2em}.slot-cost.is-reduced{color:#8fffd0}.battle-side{grid-area:side;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;gap:6px;display:grid}.bag-button{grid-area:1/1}.potion-button{grid-area:2/1;font-size:1.2em;position:relative}.potion-count{background:#000c;border-radius:3px;padding:0 .3em;font-size:.65em;position:absolute;bottom:-2px;right:-2px}.parry-button{aspect-ratio:1;width:clamp(76px,10cqw,120px);color:var(--gold);background:radial-gradient(circle at 45% 40%,#2c2a33,#0a0a10 70%);border:3px solid #8a6a3a;border-radius:50%;flex-direction:column;grid-area:1/2/3;justify-content:center;align-items:center;padding:0;display:flex;position:relative;box-shadow:0 0 0 2px #2a1d0e,0 4px 14px #000c,inset 0 0 12px #000}.parry-button:disabled{opacity:.45}.parry-button:not(:disabled):active{transform:scale(.95)}.compass{aspect-ratio:1;clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);filter:drop-shadow(0 0 4px #d9b46a);background:linear-gradient(135deg,#fff1c1,#d9b46a 45%,#7a5524);width:62%}.parry-label{font-family:var(--title-font);letter-spacing:.06em;text-transform:uppercase;font-size:.62em;position:absolute;bottom:12%}.target-picker,.bag-menu,.pause-menu{align-items:stretch;max-width:560px}.target-picker h2,.bag-menu h2,.pause-menu h2{font-family:var(--title-font);color:var(--gold);margin:0;font-size:1.15em}.pause-menu{max-width:340px}.target-list{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.target-card{border:1px solid var(--border);background:linear-gradient(#221a26,#100c12);border-radius:6px;flex-direction:column;align-items:center;gap:6px;padding:10px;display:flex}.target-card:hover{border-color:var(--gold);box-shadow:0 0 12px #d9b46a55}.target-img{object-fit:contain;justify-content:center;align-items:center;width:90px;height:90px;font-size:3em;display:flex}.target-name{font-family:var(--title-font);font-weight:700}.target-hp{background:#2a0808;border-radius:3px;width:100%;height:6px;overflow:hidden}.target-hp span{background:#e03131;height:100%;display:block}@media (orientation:landscape) and (height>=300px){.console.is-battle .panel>.battle-ui{padding:0;font-size:clamp(10px,1.35cqw,16px);display:block;position:absolute;inset:0}.battle-ui>*{pointer-events:auto;position:absolute}.battle-chat{width:21cqw;height:22%;bottom:2.5%;left:1%}.spell-dock{bottom:1.5%;left:23.5%;right:21%}.battle-side{bottom:3%;right:1.2%}.bag-button,.potion-button{width:clamp(34px,5cqw,60px)}.parry-button{width:clamp(70px,11cqw,130px)}}.battle-ui{grid-template-rows:auto minmax(0,1fr)}.battle-chat{max-height:220px}.battle-side{align-self:start}.turn-img{object-fit:contain;background:radial-gradient(#3a2f55,#0b0d18)}.dock-ether .crystal{height:1.5em}.portrait-ring{aspect-ratio:1;border-radius:50%;flex-shrink:0;width:22%;transition:box-shadow .5s,filter .5s;position:relative}.portrait-ring .hud2-emblem{width:100%;display:block}.portrait-ring.heat-3{box-shadow:0 0 10px 1px #ff3b1c55}.portrait-ring.heat-4{animation:.9s ease-in-out infinite alternate ring-flicker;box-shadow:0 0 16px 3px #ff3b1c88}.portrait-ring.heat-max{animation:.55s ease-in-out infinite alternate ring-pulse;box-shadow:0 0 0 2px #ffb347,0 0 22px 6px #ff5a1fcc,0 0 40px 10px #ff3b1c66}@keyframes ring-flicker{to{box-shadow:0 0 20px 4px #ff5a1f99}}@keyframes ring-pulse{0%{box-shadow:0 0 0 2px #ffb347,0 0 18px 5px #ff5a1fbb,0 0 30px 8px #ff3b1c55}to{box-shadow:0 0 0 3px #ffe08a,0 0 28px 9px #ff7b1cee,0 0 50px 14px #ff3b1c88}}.ember-gauge{pointer-events:auto;position:absolute;inset:0}.ember{--r:58%;aspect-ratio:1;width:17%;transform:rotate(var(--angle)) translateX(var(--r)) rotate(calc(-1 * var(--angle)));border-radius:50%/60% 60% 40% 40%;margin:-8.5% 0 0 -8.5%;transition:background .5s,box-shadow .5s;position:absolute;top:50%;left:50%}.ember-cold{background:radial-gradient(circle at 40% 35%,#5a5550,#232020 70%);box-shadow:inset 0 0 2px #000}.ember-orange{background:radial-gradient(circle at 40% 35%,#ffe08a,#ff9a3c 45%,#a8440f 85%);animation:.6s ease-out ember-light;box-shadow:0 0 6px #ff9a3c}.ember-red{background:radial-gradient(circle at 40% 35%,#fff1c1,#ff5a1f 40%,#9c1414 85%);animation:.6s ease-out ember-light,.7s ease-in-out .6s infinite alternate ember-glow;box-shadow:0 0 8px 1px #ff3b1c}@keyframes ember-light{0%{filter:brightness(2.6);transform:rotate(var(--angle)) translateX(var(--r)) rotate(calc(-1 * var(--angle))) scale(1.7)}}@keyframes ember-glow{to{box-shadow:0 0 12px 3px #ff5a1f}}.ember-sparks{pointer-events:none;background:radial-gradient(circle,#ffd27a 0 1.5px,#0000 2px) 10% 100%/30% 50% no-repeat,radial-gradient(circle,#ff9a3c 0 1.5px,#0000 2px) 60% 100%/30% 50% no-repeat,radial-gradient(circle,#ffe08a 0 1px,#0000 1.5px) 85% 100%/30% 50% no-repeat;height:40%;animation:1.4s linear infinite sparks-rise;position:absolute;bottom:-10%;left:20%;right:20%}@keyframes sparks-rise{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-120%)}}.is-overheat .ember{animation:.6s ease-in forwards ember-merge}@keyframes ember-merge{to{transform:rotate(90deg) translateX(var(--r)) rotate(-90deg) scale(.4);opacity:0}}.ember-core{aspect-ratio:.7;clip-path:polygon(50% 0,72% 35%,85% 70%,70% 100%,30% 100%,15% 70%,28% 35%);filter:drop-shadow(0 0 6px #ff7b1c);background:radial-gradient(at 50% 70%,#fff1c1 0%,#ffb347 30%,#ff5a1f 55%,#0000 75%);width:34%;margin-left:-17%;animation:.5s ease-out .4s both core-in,.18s ease-in-out .9s infinite alternate core-flicker;position:absolute;bottom:-26%;left:50%}@keyframes core-in{0%{opacity:0;transform:scale(0)}}@keyframes core-flicker{to{transform:scaleY(1.12)scaleX(.93)}}.overheat-word{font-family:var(--title-font);letter-spacing:.12em;white-space:nowrap;color:#ffe08a;text-shadow:0 0 6px #ff5a1f,0 0 14px #ff3b1c,0 2px 2px #000;pointer-events:none;z-index:3;font-size:1.15em;font-weight:700;animation:1.6s ease-out forwards word-flash;position:absolute;top:20%;left:105%}@keyframes word-flash{0%{opacity:0;transform:translate(-50%)scale(1.6)}15%{opacity:1;transform:translate(-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-30%)}}@media (prefers-reduced-motion:reduce){.portrait-ring,.ember,.ember-sparks,.ember-core,.overheat-word{animation:none!important}}.title-crest{filter:drop-shadow(0 0 18px #4d7dff55);width:min(80vw,560px);max-width:100%;display:block}.heat{flex-direction:column;gap:2px;display:flex;position:relative}.heat .hp-line{transition:outline-color .5s,box-shadow .5s}.heat-1 .hp-line,.heat-2 .hp-line{outline-color:#b8641e}.heat-3 .hp-line{outline-color:#ff7b1c;box-shadow:0 0 6px #ff5a1f88}.heat-4 .hp-line{outline-color:#ffb347;box-shadow:0 0 10px 2px #ff5a1fbb}.heat-max .hp-line{outline:2px solid #ffe08a;animation:.45s ease-in-out infinite alternate heat-pulse;box-shadow:0 0 14px 4px #ff5a1f,0 0 28px 8px #ff3b1c88}@keyframes heat-pulse{to{box-shadow:0 0 20px 6px #ff7b1c,0 0 40px 12px #ff3b1caa}}.heat-notches{gap:3px;height:.32em;padding-right:.6em;display:flex}.heat-notch{background:#2a2020;border-radius:2px;flex:1;transition:background .4s;box-shadow:inset 0 0 2px #000}.heat-notch.is-lit{background:linear-gradient(90deg,#ffb347,#ff5a1f);animation:.5s ease-out notch-light;box-shadow:0 0 5px #ff7b1c}.heat-4 .heat-notch.is-lit,.heat-max .heat-notch.is-lit{background:linear-gradient(90deg,#ff7b1c,#c81e1e)}@keyframes notch-light{0%{filter:brightness(2.6);transform:scaleY(1.8)}}.heat-flames{clip-path:polygon(0 0,100% 0,calc(100% - .6em) 100%,0 100%);pointer-events:none;z-index:2;mix-blend-mode:screen;align-items:flex-end;height:1.25em;display:flex;position:absolute;top:0;left:0;right:.6em;overflow:hidden}.heat-flame{opacity:0;transform-origin:50% 100%;height:0;animation:flame-lick calc(.5s + (var(--i) * 40ms)) ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.13s);background:radial-gradient(at 50% 100%,#fff1c1 0%,#ffb347 25%,#ff5a1f 55%,#0000 72%);flex:1;margin:0 -.35em;transition:height .6s,opacity .6s}@keyframes flame-lick{0%{transform:scaleY(.7)scaleX(1.15)}to{transform:scaleY(1.1)scaleX(.9)}}.heat-1 .heat-flame:nth-child(3n+1){opacity:.35;height:70%}.heat-2 .heat-flame:nth-child(odd){opacity:.45;height:85%}.heat-3 .heat-flame{opacity:.55;height:100%}.heat-4 .heat-flame{opacity:.7;height:130%}.heat-max .heat-flame{opacity:.9;height:170%}.heat-max .heat-flames{clip-path:none;height:1.75em;top:-.5em}.heat-2:after,.heat-3:after,.heat-4:after,.heat-max:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffd27a 0 1.5px,#0000 2px) 10% 100%/25% 60% no-repeat,radial-gradient(circle,#ff9a3c 0 1.5px,#0000 2px) 55% 100%/25% 60% no-repeat,radial-gradient(circle,#ffe08a 0 1px,#0000 1.5px) 90% 100%/25% 60% no-repeat;height:.9em;animation:1.2s linear infinite sparks-rise;position:absolute;top:-.9em;left:10%;right:15%}.heat .overheat-word{top:2.6em;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.heat-flame,.heat .hp-line,.heat:after{animation:none!important}}.class-portrait.is-emblem{object-fit:contain;aspect-ratio:1;filter:drop-shadow(0 0 6px #0008)}.class-card:disabled{opacity:.8}.class-card:disabled .class-portrait.is-emblem{filter:grayscale(.25)brightness(.9)drop-shadow(0 0 6px #0008)}:root{--bg:#08060a;--panel:#151018;--panel-2:#1d1620;--border:#4a3a2a;--border-hi:#c9a15a;--gold:#d8b36a;--text:#efe6d6;--muted:#a89c8c;--violet:#8b5cf6;--frame:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect x='1.5' y='1.5' width='45' height='45' fill='none' stroke='%23b8925a'/%3E%3Crect x='4.5' y='4.5' width='39' height='39' fill='none' stroke='%235a4128'/%3E%3Cpath d='M4.5 0.5L8.5 4.5L4.5 8.5L0.5 4.5ZM43.5 0.5L47.5 4.5L43.5 8.5L39.5 4.5ZM4.5 39.5L8.5 43.5L4.5 47.5L0.5 43.5ZM43.5 39.5L47.5 43.5L43.5 47.5L39.5 43.5Z' fill='%23e2c27a' stroke='%23140d06' stroke-width='0.8'/%3E%3C/svg%3E");--frame-thin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect x='1.5' y='1.5' width='45' height='45' fill='none' stroke='%236b5232'/%3E%3Cpath d='M1.5 6V1.5H6M42 1.5H46.5V6M46.5 42V46.5H42M6 46.5H1.5V42' fill='none' stroke='%23d8b36a' stroke-width='1.5'/%3E%3C/svg%3E");--panel-bg:linear-gradient(180deg, #1a1420f2, #0c090ef2)}.mirror-voice,.dialog-box,.modal,.class-details,.battle-chat,.spell-bar,.hud-body{border:6px solid #0000;border-image:var(--frame) 12 / 12px stretch;background:var(--panel-bg);background-clip:padding-box;border-radius:0;box-shadow:0 6px 24px #000c,inset 0 0 24px #8b5cf614}.mirror-voice{background:linear-gradient(#17101ee6,#09070ce6) padding-box padding-box}.battle-chat{background:linear-gradient(#120d16d9,#08060ad9) padding-box padding-box}.hud-enemy .hud-body{background:var(--panel-bg);background-clip:padding-box}.modal{box-shadow:0 0 0 1px #000,0 0 60px #000,0 0 40px #8b5cf622}.modal-backdrop{background:radial-gradient(#0a060ecc,#000e)}.intro-choice,.class-card,.secondary-button,.grimoire-button,.close-button{border:3px solid #0000;border-image:var(--frame-thin) 8 / 8px stretch;color:var(--text);background:linear-gradient(#1b1520e6,#0d0a10e6) padding-box padding-box;border-radius:0}.intro-choice{font-family:var(--text-font)}.intro-choice:hover,.intro-choice:focus-visible,.class-card:not(:disabled):hover,.secondary-button:not(:disabled):hover,.grimoire-button:hover{border-image:var(--frame) 12 / 10px stretch;background:linear-gradient(#2a1d30f0,#120c16f0) padding-box padding-box;box-shadow:0 0 16px #8b5cf640}.class-card.is-selected{border-image:var(--frame) 12 / 10px stretch;box-shadow:0 0 18px #d8b36a40}.soon{color:var(--gold);font-family:var(--title-font);letter-spacing:.05em;background:#0b0809d9;border-radius:0}.primary-button{border:3px solid #0000;border-image:var(--frame) 12 / 10px stretch;color:#f6e4b8;letter-spacing:.06em;text-shadow:0 1px 2px #000;background:linear-gradient(#3a2414,#1a0e08) padding-box padding-box;border-radius:0;box-shadow:0 0 18px #c9a15a33}.primary-button:not(:disabled):hover{background:linear-gradient(#5a3618,#24120a) padding-box padding-box}.title-screen{background:radial-gradient(ellipse at top, #2a1830 0%, #120b14 40%, var(--bg) 75%)}.class-details-portrait,.class-portrait{border-radius:0}.round-button{background:radial-gradient(circle at 40% 35%,#2c2228,#0b080c);border-color:#8a6a3a}.pad{background:linear-gradient(#251c26e6,#110c12e6);border-color:#6b5232}.pad:active{background:#3a2a40}.hud2 .xp-bar{background:#120a18}.hud2 .xp-fill{background:linear-gradient(#b48cff,#7b4fd8 60%,#45247e)}.harvest-button{pointer-events:auto;animation:1.4s ease-in-out infinite alternate harvest-pulse;position:absolute;bottom:120px;right:16px}@keyframes harvest-pulse{0%{box-shadow:0 0 8px #8fe38f55}to{box-shadow:0 0 22px #8fe38fcc}}.bag-modal{max-width:520px}.bag-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.bag-item{border:1px solid var(--border);background:#0c090e;grid-template-columns:2em 1fr auto;grid-template-areas:"icon name count""icon use count";align-items:center;column-gap:10px;padding:6px 10px;display:grid}.bag-icon{grid-area:icon;font-size:1.6em}.bag-name{font-family:var(--title-font);color:var(--gold);grid-area:name}.bag-use{grid-area:use;font-size:.85em}.bag-count{font-family:var(--title-font);grid-area:count;font-size:1.1em}.place-title{pointer-events:none;white-space:nowrap;z-index:3;opacity:0;align-items:center;gap:.8em;animation:4.2s ease-in-out forwards place-title;display:flex;position:absolute;top:12%;left:50%;transform:translate(-50%)}.place-title-text{font-family:var(--title-font);letter-spacing:.18em;color:#e9cf8f;text-shadow:0 0 14px #d8b36a66,0 2px 6px #000,0 0 2px #000;font-size:clamp(20px,3.4vw,40px)}.place-title-line{background:linear-gradient(90deg,#0000,#d8b36acc,#0000);width:clamp(30px,8vw,110px);height:1px}@keyframes place-title{0%{opacity:0;filter:blur(2px);transform:translate(-50%,8px)}20%{opacity:1;filter:blur();transform:translate(-50%)}72%{opacity:1}to{opacity:0;transform:translate(-50%,-4px)}}