.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}.voice-hint{color:var(--gold);opacity:.85;margin-top:6px;font-size:.85em;font-style:normal;animation:1.6s ease-in-out infinite alternate hint-glow;display:block}@keyframes hint-glow{0%{opacity:.45}to{opacity:1}}.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%)}.opening{z-index:50;background:#000;place-items:center;animation:.9s ease-out opening-in;display:grid;position:fixed;inset:0}.opening-video{object-fit:contain;width:100%;height:100%;transition:opacity .9s ease-in}.opening.is-ending .opening-video{opacity:0}.opening-title{left:0;right:0;bottom:max(9%, env(safe-area-inset-bottom));text-align:center;font-family:var(--name-font);letter-spacing:.03em;color:#e9cf8f;text-shadow:0 0 18px #000,0 2px 4px #000,0 0 30px #d9b46a44;opacity:0;pointer-events:none;margin:0;font-size:clamp(22px,3.6vw,44px);font-weight:500;line-height:1.1;transition:opacity 2.6s ease-in-out;position:absolute}.opening-title.is-shown{opacity:.85}.opening.is-ending .opening-title{opacity:0;transition-duration:.9s}@keyframes opening-in{0%{opacity:0}to{opacity:1}}@supports (container-type:size){.intro-mirror{place-self:stretch stretch;width:100%;height:auto;container-type:size}.mirror-face{width:auto;height:min(100cqh,760px,177.778cqw)}.mirror{width:auto;height:min(100cqh,520px,133.333cqw)}.vision{width:auto;height:min(100cqh,760px,177.778cqw)}}.vision-burst{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.vision .vision-img.is-leaving{animation:1.1s ease-in forwards vision-leave}@keyframes vision-leave{to{filter:blur(6px)brightness(.5)saturate(.6);transform:scale(.97)}}.vision .vision-img.is-arriving{animation:1.3s cubic-bezier(.2,.8,.3,1) both vision-arrive,7s ease-in-out 1.3s infinite alternate vision-breathe}.vision.is-speaking .vision-img.is-arriving{animation:1.3s cubic-bezier(.2,.8,.3,1) both vision-arrive,1.1s ease-in-out 1.3s infinite vision-speak}@keyframes vision-arrive{0%{opacity:0;filter:brightness(2.4)blur(4px);transform:scale(1.12)}}.intro-mirror{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.intro-mirror.is-sensing .mirror-face{animation:.85s ease-in-out infinite sensing}@keyframes sensing{0%,to{box-shadow:0 0 50px color-mix(in srgb, var(--tint) 30%, transparent), 0 20px 50px #000c;filter:brightness()}50%{box-shadow:0 0 110px color-mix(in srgb, var(--tint) 80%, transparent), 0 20px 50px #000c;filter:brightness(1.18)}}.vision-title{z-index:2;text-align:center;font-family:var(--title-font);letter-spacing:.08em;color:#ffe9b8;text-shadow:0 0 12px #000, 0 0 24px var(--tint), 0 2px 2px #000;pointer-events:none;font-size:clamp(26px,9cqw,52px);animation:1.6s ease-out .3s both vision-title-in;position:absolute;bottom:9%;left:0;right:0}@keyframes vision-title-in{0%{opacity:0;letter-spacing:.4em;filter:blur(4px)}}.vision{container-type:inline-size}@media (orientation:portrait){.intro-room{padding:0;display:block;position:fixed;inset:0;overflow:hidden}.intro-room .intro-mirror{justify-content:center;align-items:flex-start;width:100%;height:100%;display:flex;position:absolute;inset:0;container-type:normal}.intro-room .intro-mirror .mirror-face,.intro-room .intro-mirror .vision{aspect-ratio:9/16;border-radius:0;width:min(100vw,56.25dvh);max-width:none;height:auto}.intro-room .intro-dialog{max-width:none;padding:48px 12px max(12px, env(safe-area-inset-bottom));background:linear-gradient(#0000,#07060bd9 40%,#07060b 100%);position:absolute;bottom:0;left:0;right:0}.intro-room .mirror-voice{background:#0b0a16e0;font-size:17px}.intro-room .intro-choice{background:linear-gradient(90deg,#221a26f0,#100c12f0);padding:10px 14px;font-size:15px}.intro-room .vision-title{bottom:30%}}@media (orientation:landscape) and (width>=900px){.intro-room{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:4vw;padding-inline:6vw}.intro-room .mirror-voice{padding:18px 22px;font-size:22px}.intro-room .intro-choice{padding:12px 18px;font-size:17px}}.intro-mute{top:max(12px, env(safe-area-inset-top));z-index:2;background:#151018aa;border:1px solid #fff2;border-radius:50%;width:30px;height:30px;padding:0;font-size:14px;position:absolute;right:96px}: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;--name-font:"Grenze Gotisch", "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;white-space:pre-line;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)}}.bag-icon{justify-content:center;align-items:center;width:2.2em;height:2.2em;display:flex}.bag-img{object-fit:contain;max-width:100%;max-height:100%}.receptacle{background:#120c18;border:1px solid #6b4fa8;align-items:center;gap:12px;padding:8px 12px;display:flex;box-shadow:inset 0 0 18px #8b5cf622}.receptacle-icon{filter:drop-shadow(0 0 8px #a78bfa);font-size:2.2em}.receptacle-medallion{filter:drop-shadow(0 0 8px #a78bfa99);width:52px;height:auto}.receptacle-body{flex-direction:column;flex:1;gap:4px;display:flex}.receptacle-name{font-family:var(--title-font);color:#d8c8ff}.receptacle-bar{background:#0a0610;border:1px solid #4b3a6e;height:1.2em;position:relative}.receptacle-fill{background:linear-gradient(90deg,#5b3fa8,#a78bfa,#e0d4ff);transition:width .6s;position:absolute;inset:0 auto 0 0;box-shadow:0 0 10px #a78bfa88}.receptacle-text{text-align:center;text-shadow:0 1px 2px #000;font-size:.8em;line-height:1.2em;display:block;position:relative}.soul-capture{z-index:60;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:pointer;background:#05040a;animation:.6s ease-out opening-in;position:fixed;inset:0;overflow:hidden}.soul-capture-video{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.is-holding .soul-capture-video{animation:heartbeat var(--beat) infinite}.is-holding:after{content:"";pointer-events:none;animation:heartbeat-vignette var(--beat) infinite;background:radial-gradient(#0000 45%,#3a0d1a99 100%);position:absolute;inset:0}@keyframes heartbeat{0%,40%,to{transform:scale(1)}8%{transform:scale(1.025)}30%{transform:scale(1.015)}}@keyframes heartbeat-vignette{0%,45%,to{opacity:.4}8%,30%{opacity:1}}.soul-capture-text{left:50%;bottom:max(24px, env(safe-area-inset-bottom));text-align:center;color:#efe6ff;pointer-events:none;background:#0b0814cc;border:1px solid #d9b46a66;border-radius:6px;width:min(520px,100% - 32px);padding:12px 16px;position:absolute;transform:translate(-50%)}.soul-capture-text p{margin:0 0 6px}.soul-capture-text button{pointer-events:auto}@media (orientation:portrait){.console:not(.is-battle) .screen{aspect-ratio:auto;flex:1;min-height:0}.console:not(.is-battle) .panel{pointer-events:none;background:0 0;border:none;font-size:14px;position:absolute;inset:0}.console:not(.is-battle) .panel>*>*{pointer-events:auto}.console:not(.is-battle) .overworld-ui{padding:0;display:block}.console:not(.is-battle) .ow-status{top:max(8px, env(safe-area-inset-top));border:1px solid var(--border);background:#151018dd;border-radius:4px;padding:6px 10px;position:absolute;left:8px;right:178px}.console:not(.is-battle) .ow-status .hud-level{display:none}.console:not(.is-battle) .ow-buttons{top:max(8px, env(safe-area-inset-top));gap:4px;position:absolute;right:8px}.console:not(.is-battle) .grimoire-button{background:linear-gradient(#2a1d4de6,#150f2ce6);width:54px;height:46px;padding:2px;font-size:11px;line-height:1.1}.console:not(.is-battle) .btn-icon{font-size:17px;display:block}.console:not(.is-battle) .ow-message{left:8px;right:8px;top:calc(max(8px, env(safe-area-inset-top)) + 56px);background:#0c090ed9;padding:8px 12px;font-size:13.5px;line-height:1.35;position:absolute}.console:not(.is-battle) .dpad{left:14px;bottom:max(14px, env(safe-area-inset-bottom));opacity:.8;grid-template-rows:repeat(3,50px);grid-template-columns:repeat(3,50px);position:absolute}.console:not(.is-battle) .harvest-button{right:14px;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 50px)}.console:not(.is-battle) .mute-button{top:auto;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 6px);right:14px}.console:not(.is-battle) .place-title{top:16%}}.rotate-hint{display:none}@media (orientation:portrait) and (pointer:coarse){.rotate-hint{z-index:1000;text-align:center;color:var(--gold);font-family:var(--title-font);background:radial-gradient(at 50% 40%,#1a1630,#07060b 70%);flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:24px;font-size:20px;display:flex;position:fixed;inset:0}.rotate-phone{border:3px solid var(--gold);border-radius:10px;width:56px;height:96px;animation:2.2s ease-in-out infinite rotate-phone;box-shadow:0 0 20px #d9b46a55}@keyframes rotate-phone{0%,25%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}}@media (orientation:landscape) and (height>=300px){.console:not(.is-battle){aspect-ratio:auto;width:100vw;height:100dvh;top:0;transform:none}}.btn-img{object-fit:contain;vertical-align:middle;filter:drop-shadow(0 1px 2px #000a);width:1.6em;height:1.6em}.grimoire-button{align-items:center;gap:6px;display:inline-flex}.round-button-img{object-fit:contain;filter:drop-shadow(0 1px 2px #000a);width:72%;height:72%}.modal-title-icon{object-fit:contain;vertical-align:middle;width:1.5em;height:1.5em}.quest-modal{max-width:480px}.grimoire-tabs{border-bottom:1px solid var(--border);gap:4px;display:flex}.grimoire-tab{font-family:var(--title-font);color:var(--muted);background:0 0;border:1px solid #0000;border-bottom:none;border-radius:6px 6px 0 0;padding:6px 16px}.grimoire-tab.is-active{color:var(--gold);border-color:var(--border);background:#1a1430}.cards-soon{text-align:center;padding:24px 8px}.herbarium{flex-direction:column;gap:10px;display:flex}.herbarium-title{font-family:var(--title-font);color:var(--gold);margin:6px 0 0;font-size:1em}.brew-hint{color:var(--gold);margin:0}.recipe-list{flex-direction:column;gap:6px;display:flex}.recipe{border:1px solid var(--border);background:#0d0a18aa;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;display:flex}.recipe.can-brew{border-color:#7fbf6a88}.recipe-icon{font-size:1.8em}.recipe-body{flex-direction:column;flex:1;gap:3px;display:flex}.recipe-name{font-family:var(--title-font);color:#efe0c0}.recipe-ingredients{flex-wrap:wrap;gap:8px;font-size:.85em;display:flex}.ingredient{color:#d88;align-items:center;gap:4px;display:inline-flex}.ingredient.is-ok{color:#9fd38f}.ingredient-img{object-fit:contain;width:22px;height:22px}.plant-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;display:grid}.plant-card{text-align:center;border:1px solid var(--border);background:#0d0a18aa;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;display:flex}.plant-card.is-unknown .plant-img{filter:brightness(0)opacity(.45)}.plant-img{object-fit:contain;width:54px;height:54px}.plant-name{font-family:var(--title-font);color:#efe0c0;font-size:.85em}.plant-use{font-size:.72em;line-height:1.25}.plant-count{color:var(--gold);font-size:.8em}.brew-backdrop{z-index:30}.brew-dialog{text-align:center;align-items:center;max-width:360px}.brew-dialog h3{font-family:var(--title-font);color:var(--gold);margin:0}.brew-amount{align-items:center;gap:18px;display:flex}.brew-amount button{border-radius:50%;width:40px;height:40px;font-size:1.3em}.brew-number{font-family:var(--title-font);min-width:1.5em;font-size:2em}.brew-actions{gap:10px;display:flex}.dialog-choices{pointer-events:auto;gap:8px;margin-top:8px;display:flex}.dialog-choices button{padding:4px 18px}.bag-potions{flex-wrap:wrap;gap:6px;display:flex}.bag-potion{border:1px solid var(--border);background:#0d0a18aa;border-radius:4px;padding:3px 8px}.recipe-img{object-fit:contain;filter:drop-shadow(0 2px 3px #000a);flex:none;width:46px;height:46px}.brew-img{object-fit:contain;filter:drop-shadow(0 2px 4px #000a);width:72px;height:72px}.bag-potion{align-items:center;gap:6px;display:inline-flex}.bag-potion-img{object-fit:contain;width:30px;height:30px}.potion-button-img{object-fit:contain;width:70%;height:70%}.bag-menu-list{flex-direction:column;gap:6px;max-height:60vh;display:flex;overflow-y:auto}.item-img{object-fit:contain;flex:none;width:44px;height:44px}.bag-weight{margin:0}.quest-modal .receptacle+.receptacle{margin-top:8px}.quest-done-title{color:var(--muted);margin:14px 0 6px;font-size:1em}.quest-done{opacity:.75}.quest-banner{pointer-events:none;white-space:nowrap;z-index:4;opacity:0;background:radial-gradient(#120a06cc 0%,#120a0688 55%,#0000 75%);flex-direction:column;align-items:center;gap:.25em;padding:.7em 2.4em;animation:4.6s ease-in-out forwards place-title;display:flex;position:absolute;top:30%;left:50%;transform:translate(-50%)}.quest-banner-label{font-family:var(--title-font);letter-spacing:.32em;text-transform:uppercase;color:#cfae6a;text-shadow:0 2px 6px #000;font-size:clamp(12px,1.7vw,19px)}.quest-banner-title{font-family:var(--title-font);letter-spacing:.08em;color:#f3dda0;text-shadow:0 0 16px #e0b45a88,0 2px 6px #000,0 0 2px #000;font-size:clamp(22px,3.8vw,44px)}.hud-gale{color:#e9cf8f;white-space:nowrap;text-shadow:0 1px 3px #000;align-items:center;gap:.3em;font-weight:700;display:inline-flex}.hud-gale img{object-fit:contain;filter:drop-shadow(0 0 4px #0009);width:1.6em;height:1.6em}.quest-reward{background:linear-gradient(90deg,#2a1a0acc,#1a1006cc);border:1px solid #b58a3a;border-radius:4px;flex-wrap:wrap;align-items:center;gap:.4em 1.1em;margin-top:.5em;padding:.4em .8em;display:flex}.quest-reward.is-earned{border-color:#e9cf8f;box-shadow:0 0 12px #e9cf8f55}.quest-reward-label{font-family:var(--title-font);letter-spacing:.2em;text-transform:uppercase;color:#cfae6a;font-size:.8em}.quest-reward-item{color:#f3dda0;align-items:center;gap:.35em;font-weight:700;display:inline-flex}.quest-reward-item img{width:1.5em;height:1.5em}.quest-reward-xp{color:#fff;background:#4a7bd8;border-radius:3px;justify-content:center;align-items:center;min-width:1.6em;height:1.4em;padding:0 .25em;font-size:.75em;font-weight:800;display:inline-flex}.level-banner{top:22%}.level-banner .quest-banner-title{color:#fff1bf;text-shadow:0 0 20px #ffd76aaa,0 0 6px #ffcf5a,0 2px 6px #000}.level-sparkles{width:0;height:0;position:absolute;top:50%;left:50%}.level-sparkles i{opacity:0;width:6px;height:6px;animation:level-spark 1.6s ease-out var(--d) 2 forwards;background:radial-gradient(circle,#fff7d6 0%,#ffcf5a 55%,#0000 70%);border-radius:50%;margin:-3px;position:absolute;box-shadow:0 0 8px #ffcf5a}@keyframes level-spark{0%{opacity:0;transform:rotate(var(--a)) translateX(10px) scale(.4)}20%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateX(min(22vw, 260px)) scale(1)}}.card-rarities{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px;display:flex}.card-rarity{flex-direction:column;align-items:center;gap:4px;width:92px;margin:0;display:flex}.card-rarity img{filter:drop-shadow(0 4px 10px #000c);width:100%;height:auto}.card-rarity figcaption{font-family:var(--title-font);letter-spacing:.08em;font-size:.85em}.hud-emblem{object-fit:contain;filter:drop-shadow(0 0 4px #000);flex:none;width:1.9em;height:1.9em}.quest-entry-icon{object-fit:contain;filter:drop-shadow(0 0 6px #d8b36a66);flex:none;width:2.6em;height:2.6em}.quest-modal .grimoire-tabs{margin-bottom:10px}.tcg-card{-webkit-user-select:none;user-select:none;width:100%;position:relative;container-type:inline-size}.tcg-art{object-fit:cover;object-position:center 20%;position:absolute}.tcg-frame{pointer-events:none;position:absolute}.tcg-number{font-family:var(--title-font);letter-spacing:.12em;color:#e9cf8f;letter-spacing:.06em;text-shadow:0 1px 2px #000;justify-content:center;align-items:center;font-size:8cqw;font-weight:700;display:flex;position:absolute}.pack-screen{z-index:60;background:radial-gradient(#1d1426f2 0%,#07050af7 70%);flex-direction:column;justify-content:center;align-items:center;gap:2vh;display:flex;position:fixed;inset:0;container-type:size}.pack{aspect-ratio:768/1376;touch-action:none;cursor:grab;height:66vh;position:relative}.pack img{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pack-top{clip-path:inset(0 0 82%);transition:transform .8s cubic-bezier(.2,.7,.3,1),opacity .8s}.pack-body{clip-path:inset(18% 0 0);transition:transform .9s ease-in,opacity .9s}.pack.is-torn .pack-top{opacity:0;transform:translate(18%,-45%)rotate(14deg)}.pack.is-torn .pack-body{opacity:0;transform:translateY(30%)}.pack-tear{background:linear-gradient(90deg,#fff6d0,#ffd76a);border-radius:2px;height:1%;min-height:3px;position:absolute;top:17.5%;left:0;box-shadow:0 0 10px #ffd76a,0 0 20px #ffb347}.pack.has-glow{filter:drop-shadow(0 0 18px var(--glow));animation:1.1s ease-in-out infinite alternate pack-pulse}@keyframes pack-pulse{to{filter:drop-shadow(0 0 34px var(--glow)) brightness(1.12)}}.pack-hint{text-align:center;color:#e9cf8f;font-family:var(--title-font);text-shadow:0 2px 4px #000;margin:0}.pack-cards{flex-direction:column;align-items:center;gap:2vh;display:flex}.pack-screen{cursor:pointer}.pack-flip{aspect-ratio:.6114;height:64vh;position:relative}.pack-back,.pack-face{backface-visibility:hidden;width:100%;height:100%;transition:transform .35s ease-in,opacity .35s;position:absolute;inset:0}.pack-back{object-fit:contain;animation:.5s ease-out card-arrive}.pack-face{opacity:0;transform:rotateY(90deg)}@keyframes card-arrive{0%{opacity:0;transform:translateY(30%)scale(.6)}}.pack-flip.is-face .pack-back,.pack-flip.is-stored .pack-back{opacity:0;transform:rotateY(90deg)}.pack-flip.is-face .pack-face,.pack-flip.is-stored .pack-face{opacity:1;transition:transform .4s ease-out .35s,opacity .2s .35s;transform:rotateY(0)}.pack-flip.is-special.is-back .pack-back{animation:.5s ease-out card-arrive,.9s ease-in-out .5s infinite card-shake}.pack-flip.is-special.is-face .pack-face{animation:2.4s ease-in-out .8s infinite card-tremor}@keyframes card-tremor{0%,70%,to{translate:0;rotate:0deg}74%{translate:-4px 1px;rotate:-1.2deg}78%{translate:4px -1px;rotate:1.2deg}82%{translate:-3px;rotate:-.8deg}86%{translate:3px 1px;rotate:.8deg}90%{translate:-1px;rotate:0deg}}@keyframes card-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)rotate(-1deg)}40%,80%{transform:translate(5px)rotate(1deg)}}.pack-rays{aspect-ratio:1;z-index:-1;pointer-events:none;background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--rarity) 55%, transparent) 0deg 8deg, transparent 8deg 24deg);opacity:0;width:180%;animation:6s linear .6s infinite rays,.6s ease-out .6s forwards rays-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(circle,#000 0%,#0000 65%);mask:radial-gradient(circle,#000 0%,#0000 65%)}@keyframes rays{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes rays-in{to{opacity:1}}.pack-new{font-family:var(--title-font);letter-spacing:.08em;color:#2a1405;background:linear-gradient(#fff1bf,#e9b84a);border:2px solid #7a5418;border-radius:4px;padding:.25em .8em;font-weight:800;animation:.45s cubic-bezier(.2,1.6,.4,1) .8s both stamp;position:absolute;top:4%;right:-14%;transform:rotate(12deg);box-shadow:0 0 16px #ffd76a}@keyframes stamp{0%{opacity:0;transform:rotate(12deg)scale(2.4)}}.pack-flip.is-stored{animation:1.2s cubic-bezier(.5,0,.8,.4) .2s forwards to-binder}@keyframes to-binder{to{opacity:0;transform:translate(38vw,-40vh)scale(.12)rotate(18deg)}}.card-binder{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:12px;margin-top:10px;display:grid}.binder-slot{text-align:center;flex-direction:column;align-items:center;gap:4px;font-size:.8em;display:flex;position:relative}.binder-slot.is-missing .binder-empty{aspect-ratio:.6;color:#6b5232;width:100%;font-family:var(--title-font);background:#0d0a10;border:1px dashed #6b5232;border-radius:6px;justify-content:center;align-items:center;font-size:1.3em;display:flex}.binder-count{z-index:1;color:#e9cf8f;background:#000c;border-radius:8px;padding:0 6px;font-weight:700;position:absolute;top:4px;right:4px}.binder-slot.is-owned{cursor:zoom-in}.card-zoom{z-index:70;background:#07050ae6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.card-zoom-box{border:6px solid #0000;border-image:var(--frame) 12 / 12px stretch;background:var(--panel-bg);background-clip:padding-box;align-items:center;gap:4vw;max-width:92vw;padding:20px 28px;animation:.25s ease-out zoom-in;display:flex}@keyframes zoom-in{0%{opacity:0;transform:scale(.85)}}.card-zoom-card{width:auto;height:72vh}.card-zoom-info{flex-direction:column;gap:8px;min-width:180px;display:flex}.card-zoom-info h3{font-family:var(--title-font);color:#f3dda0;margin:0;font-size:1.4em}.card-zoom-info span:first-of-type{font-family:var(--title-font);letter-spacing:.15em;text-transform:uppercase}.ow-status .ow-bars{flex:1;min-width:110px;max-width:240px}.ow-status .ow-bars .hp-bar{flex:none;max-width:none;height:1.05em}.ow-status .ow-bars .xp-bar{flex:none;height:.55em;min-height:0}.ow-status .hud-name{flex:none;max-width:9em}.dialog-box,.battle-chat,.modal,.class-details,.mirror-voice,.spell-bar,.hud-body{box-shadow:none;background:0 0;border:14px solid #0000;border-image:url(/assets/interface/cadre_dialogue.webp) 60 fill/22px;border-radius:0}.dialog-box{padding:2px 10px}.dialog-box:after{content:"";pointer-events:none;background:url(/assets/interface/cadre_cristal.webp) 50%/100% 100% no-repeat;width:30px;height:12px;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.console .ow-status{background:0 0;border:10px solid #0000;border-width:10px 14px;border-image:url(/assets/interface/cadre_barre.webp) 22 62 fill/10px 30px/0 16px;border-radius:0;padding:2px 4px}.ow-buttons .grimoire-button{background:0 0;border:9px solid #0000;border-image:url(/assets/interface/cadre_bouton.webp) 50 fill/14px;border-radius:0;padding:0 6px;position:relative}.ow-buttons .grimoire-button:hover{border-image:url(/assets/interface/cadre_bouton_actif.webp) 50 fill/14px}.ow-buttons .grimoire-button:before{content:"";pointer-events:none;background:url(/assets/interface/cadre_cristal_petit.webp) 50%/100% 100% no-repeat;width:16px;height:10px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}@media (height<=520px){.console:not(.is-battle) .ow-status{top:max(14px, env(safe-area-inset-top));left:22px}.console:not(.is-battle) .ow-buttons{top:max(14px, env(safe-area-inset-top));right:10px}}.console:not(.is-battle) .ow-status{width:auto;max-width:54%;right:auto}.liquid{transition:clip-path .45s;position:absolute;inset:0;overflow:hidden}.liquid img{object-fit:fill;width:100%;height:100%;display:block}.ornate-bar{aspect-ratio:904/194;pointer-events:auto;width:100%;position:relative}.ornate-frame{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.ornate-channel{z-index:1;background:#140808;height:28.4%;position:absolute;top:35%;overflow:hidden}.ornate-heros .ornate-channel{width:72.3%;left:21%}.ornate-monstre .ornate-channel{width:72.3%;left:6.7%}.ornate-channel .bar-text{z-index:1;text-shadow:0 1px 2px #000,0 0 3px #000;justify-content:center;align-items:center;font-size:clamp(9px,.9em,14px);display:flex;position:absolute;inset:0}.ornate-medal{aspect-ratio:1;z-index:1;background:#120d0a;border-radius:50%;justify-content:center;align-items:center;height:67%;display:flex;position:absolute;top:16.5%;overflow:hidden}.ornate-medal .diamond{clip-path:none;background:0 0;border:none;width:100%;height:100%;transform:none}.ornate-medal .diamond-img{object-fit:cover;width:100%;height:100%;transform:none}.ornate-channel .hp-line,.ornate-channel .heat{clip-path:none;height:100%;box-shadow:none;background:0 0;border:none;outline:none;margin:0;position:absolute;inset:0;overflow:visible}.ornate-channel .hp-line-fill{display:none}.hud2-emblem.heat-max{filter:drop-shadow(0 0 6px #ff5a1f)brightness(1.2)}.hud2-gauges{flex-direction:column;gap:3px;padding-left:21%;padding-right:6.7%;display:flex}.ether-bar,.xp-bar{background:#0b0710;border:1px solid #8a6a32;border-radius:3px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 4px #000}.ether-bar{height:.95em}.hud2 .xp-bar,.ow-status .xp-bar,.ow-status .ow-bars .xp-bar,.xp-bar{height:.95em;min-height:0}.ether-bar .bar-text,.xp-bar .bar-text{z-index:1;text-shadow:0 1px 2px #000;justify-content:center;align-items:center;font-size:.72em;display:flex;position:absolute;inset:0}.ether-sep{z-index:1;background:linear-gradient(#d8b36a,#6b4f22);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 2px #000}.xp-fill,.dock-ether{display:none}.console .ow-status{background:0 0;border:none;border-image:;flex-direction:column;align-items:stretch;gap:1px;width:clamp(200px,30%,330px);padding:0;display:flex}.ow-status-title{text-shadow:0 1px 3px #000,0 0 4px #000;align-items:baseline;gap:8px;padding-left:21%;display:flex}.ow-status-title .hud-name{flex:none}.ow-status-title .hud-gale{margin-left:auto;padding-right:7%}.ow-status .xp-bar{margin-left:21%;margin-right:6.7%}.ow-status .ornate-bar{margin-top:-1px}.console:not(.is-battle) .ow-status .hud-level{display:inline}.ornate-medal{z-index:3;background:radial-gradient(circle,#2a1d14,#0d0906);height:62%;top:19%;box-shadow:inset 0 0 8px #000}.ornate-monstre .ornate-medal{right:4.2%}.hud2-hero{width:clamp(220px,40cqw,460px)}.hud2-enemy{width:clamp(200px,36cqw,420px)}.ornate-medal{aspect-ratio:auto;width:14.16%;height:66%;top:17%}.ornate-heros .ornate-medal{left:3.65%}.ornate-monstre .ornate-medal{left:auto;right:3.65%}.ornate-medal img{object-fit:contain;width:86%;height:86%}.console:not(.is-battle) .ow-status{width:clamp(180px,24%,270px)}.joystick{left:max(44px, calc(env(safe-area-inset-left) + 20px));bottom:max(16px, env(safe-area-inset-bottom));aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;z-index:5;opacity:.85;background:radial-gradient(circle,#1a1220e6 0%,#0d0910e6 62%,#0000 63%),conic-gradient(#8a6a32,#e9cf8f,#8a6a32,#5a4122,#8a6a32,#e9cf8f,#8a6a32);border-radius:50%;width:clamp(104px,15cqw,150px);position:absolute;box-shadow:0 4px 14px #000a,inset 0 0 0 3px #2a1d10}.joystick-ring{pointer-events:none;border:1px solid #d8b36a55;border-radius:50%;position:absolute;inset:12%;box-shadow:inset 0 0 14px #8b5cf633}.joystick:before{content:"";pointer-events:none;opacity:.7;background:linear-gradient(#e9cf8f,#e9cf8f) top/2px 7px no-repeat,linear-gradient(#e9cf8f,#e9cf8f) bottom/2px 7px no-repeat,linear-gradient(#e9cf8f,#e9cf8f) 0/7px 2px no-repeat,linear-gradient(#e9cf8f,#e9cf8f) 100%/7px 2px no-repeat;border-radius:50%;position:absolute;inset:5%}.joystick-knob{pointer-events:none;background:radial-gradient(circle,#e7c6ff 0%,#a56cf0 22%,#4a1f86 40%,#0000 42%),radial-gradient(circle at 35% 30%,#fff1bf 0%,#d8b36a 30%,#7a5418 75%,#3a2610 100%);border-radius:50%;width:40%;height:40%;transition:transform 60ms linear;position:absolute;top:30%;left:30%;box-shadow:0 3px 8px #000c,0 0 10px #8b5cf655}.joystick:active{opacity:1}.joystick{box-shadow:none;filter:drop-shadow(0 4px 8px #000a);image-rendering:auto;background:url(/assets/interface/joystick/socle.webp) 50%/contain no-repeat}.joystick:before,.joystick-ring{display:none}.joystick-knob{width:44%;height:44%;box-shadow:none;filter:drop-shadow(0 3px 5px #000c);background:50%/contain no-repeat;border-radius:0;top:28%;left:28%}@property --p{syntax:"<percentage>";inherits:false;initial-value:0%}.ornate-medal-fx{z-index:4;pointer-events:none;width:14.16%;height:66%;position:absolute;top:17%;left:3.65%}.heat-ring{aspect-ratio:1;pointer-events:auto;width:178%;-webkit-mask-image:conic-gradient(#000 var(--p), transparent calc(var(--p) + 3%));-webkit-mask-image:conic-gradient(#000 var(--p), transparent calc(var(--p) + 3%));mask-image:conic-gradient(#000 var(--p), transparent calc(var(--p) + 3%));transition:--p .6s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.heat-ring.is-full{filter:brightness(1.35)drop-shadow(0 0 6px #ff5a1f);-webkit-mask-image:none;mask-image:none}.hud2-power{font-family:var(--title-font);color:#f0c46a;white-space:nowrap;text-shadow:0 1px 2px #000;margin-left:6px}.item-cell{width:var(--cell);height:var(--cell);aspect-ratio:1;cursor:pointer;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex:none;padding:0;position:relative}.item-cell-frame{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.item-cell-icon{object-fit:contain;filter:drop-shadow(0 2px 2px #000);width:72%;height:72%;position:absolute;inset:14%}.item-cell.is-empty .item-cell-icon{filter:grayscale()brightness(.4);opacity:.55}.item-cell.is-locked{cursor:default}.item-cell.is-selected{filter:drop-shadow(0 0 calc(var(--cell) * .08) #7d9bff) brightness(1.1)}.item-cell:hover:not(.is-locked){filter:brightness(1.15)}.item-cell-equipped{z-index:2;aspect-ratio:1;color:#cfd6ff;width:24%;font-size:max(8px, calc(var(--cell) * .14));background:#0b0810e6;border:1px solid #8fa0ff;border-radius:50%;place-items:center;line-height:1;display:grid;position:absolute;top:4%;left:4%}.item-sheet-backdrop{z-index:20;background:#04030ab3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.item-sheet{width:min(420px,86%);max-height:92%;box-shadow:0 0 24px #000, 0 0 18px color-mix(in srgb, var(--rarity) 35%, transparent);color:#e2def0;border-style:solid;border-width:16px 22px;border-image:url(/assets/interface/equipement/bouton.webp) 70 90 fill/16px 22px round stretch;flex-direction:column;gap:8px;padding:18px 22px;font-size:max(12px,.9rem);display:flex;overflow-y:auto}.item-sheet-head{--cell:64px;align-items:center;gap:12px;display:flex}.item-sheet-title{flex-direction:column;gap:2px;display:flex}.item-sheet-title strong{font-family:var(--title-font);color:#fff;font-size:1.2em}.item-sheet-rarity{font-family:var(--title-font);color:var(--rarity)}.item-sheet-text{color:#b9b4cc;margin:0;font-style:italic;line-height:1.35}.item-sheet-roll{flex-direction:column;gap:4px;display:flex}.item-sheet-roll strong{font-family:var(--title-font);color:#f0c46a;font-size:1.3em}.item-sheet-bar{background:#0008;border:1px solid #5a5f8a;border-radius:4px;height:8px;overflow:hidden}.item-sheet-bar i{background:linear-gradient(90deg, color-mix(in srgb, var(--rarity) 55%, #000), var(--rarity));height:100%;box-shadow:0 0 6px var(--rarity);display:block}.item-sheet-range{color:#8f8ca8;font-size:.9em}.item-sheet-range b{color:var(--rarity)}.item-sheet-compare{color:#c9c6e4;margin:0}.item-sheet-actions{justify-content:center;gap:10px;margin-top:4px;display:flex}.item-sheet-button{cursor:pointer;min-width:110px;font-family:var(--title-font);color:#dfe3ff;text-shadow:0 1px 2px #000;background:url(/assets/interface/equipement/bouton_eteint.webp) 50%/100% 100% no-repeat;border:0;padding:10px 18px}.item-sheet-button.is-main{color:#fff;background-image:url(/assets/interface/equipement/bouton_allume.webp)}@media (height<=500px){.item-sheet{gap:5px;padding:8px 14px;font-size:12px}.item-sheet-head{--cell:48px}.item-sheet-button{padding:7px 14px}}.bag-screen{z-index:40;background:linear-gradient(#05040c99,#05040cc0),url(/assets/interface/equipement/fond_sanctuaire.webp) 50%/cover no-repeat,#04040a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.bag-frame{background:url(/assets/interface/equipement/panneau_ouvert.webp) 50%/100% 100% no-repeat;width:min(100vw,205dvh);height:min(100dvh,61.7284vw);position:relative;container-type:size}.bag-stage{aspect-ratio:1672/941;height:min(100cqh,56.2799cqw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);container-type:size}.bag-bar-img{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bag-tabs{z-index:6;width:50%;position:absolute;top:2%;left:50%;transform:translate(-50%);container-type:inline-size}.bag-tabs.is-3{width:39%}.bag-tab-on{pointer-events:none;height:69.0236%;transition:left .18s ease-out;position:absolute;top:0}.bag-tabs .bag-tab{height:48%;font-size:max(10px,2.5cqw);top:12%}.bag-tabs.is-3 .bag-tab{font-size:max(11px,3.7cqw)}.bag-tab{cursor:pointer;white-space:nowrap;font-family:var(--title-font);letter-spacing:.02em;color:#a9a6c4;text-shadow:0 1px 2px #000,0 0 4px #000;background:0 0;border:0;padding:0;position:absolute}.bag-tab.is-active{color:#fff;text-shadow:0 0 6px #8f9bff,0 1px 2px #000}.bag-tab:hover{color:#e6e4ff}.bag-nav{z-index:6;width:34%;position:absolute;top:90.2%;left:33%;container-type:inline-size}.bag-nav .bag-tab-on{transition:none}.bag-nav-on{pointer-events:none;width:23.7831%;height:69.0236%;position:absolute;top:0}.bag-nav .bag-tab{height:48%;font-size:max(10px,3cqw);top:12%}.bag-column{aspect-ratio:509/1046;background:50%/100% 100% no-repeat;height:57%;position:absolute;top:21%}.bag-column.is-left{background-image:url(/assets/interface/equipement/colonne_gauche.webp);left:22%}.bag-column.is-right{background-image:url(/assets/interface/equipement/colonne_droite.webp);left:62.4%}.bag-column-slots{--cell:min(82cqw, 23cqh);flex-direction:column;justify-content:space-evenly;align-items:center;display:flex;position:absolute;inset:7% 13% 14% 18%;container-type:size}.bag-column.is-right .bag-column-slots{left:13%;right:18%}.bag-altar{aspect-ratio:850/1438;background:url(/assets/interface/equipement/autel.webp) 50%/100% 100% no-repeat;height:63%;position:absolute;top:17%;left:39.5%}.bag-hero{object-fit:contain;filter:drop-shadow(0 4px 6px #000c);pointer-events:none;z-index:1;height:56%;position:absolute;bottom:15.5%;left:50%;transform:translate(-50%)}.bag-circle{aspect-ratio:1;transform-origin:50% 70%;pointer-events:none;width:66%;position:absolute;bottom:6.5%;left:50%;transform:translate(-50%)perspective(400px)rotateX(70deg)}.bag-circle img{mix-blend-mode:screen;width:100%;height:100%;animation:40s linear infinite bag-circle-spin}@keyframes bag-circle-spin{to{transform:rotate(360deg)}}.bag-power{white-space:nowrap;font-family:var(--title-font);color:#f0c46a;text-shadow:0 1px 3px #000,0 0 10px #7d8bff88;font-size:max(13px,4.2cqh);position:absolute;top:16%;left:50%;transform:translate(-50%)}.bag-quick{box-sizing:border-box;scrollbar-width:none;--cell:min(92cqh, 11.5cqw);border-style:solid;border-width:1.3cqh 2cqh;border-image:url(/assets/interface/equipement/bouton.webp) 70 90 fill/1.3cqh 2cqh round stretch;justify-content:space-evenly;align-items:center;gap:1cqw;width:50%;height:11.6%;display:flex;position:absolute;top:79%;left:25%;overflow-x:auto;container-type:size}.bag-content{min-height:0;display:flex;position:absolute;inset:21% 9% 11%}.bag-list{flex-direction:column;flex:1;gap:8px;padding:4px 8px;display:flex;overflow-y:auto}.bag-stash-grid{--cell:max(44px, 9cqh);flex-wrap:wrap;justify-content:center;gap:8px;padding:4px 0 8px;display:flex}.bag-close{z-index:3;aspect-ratio:352/346;cursor:pointer;color:#dfe3ff;text-shadow:0 0 6px #7d8bff,0 1px 2px #000;filter:drop-shadow(0 2px 4px #000a);background:url(/assets/interface/equipement/bouton_rond.webp) 50%/100% 100% no-repeat;border:0;width:max(34px,7.5cqh);padding:0;font-size:max(13px,2.8cqh);position:absolute;top:2.4cqh;right:2.2cqw}.bag-close:hover{filter:drop-shadow(0 0 6px #7d8bffaa)brightness(1.15)}.bag-familiar{display:block;position:relative}.bag-familiar-icon{font-size:calc(var(--cell) * .32);opacity:.35;filter:grayscale();pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.bag-power{cursor:pointer;background:0 0;border:0;padding:0}.bag-stats-shade{z-index:4;position:absolute;inset:0}.bag-stats-panel{z-index:5;box-sizing:border-box;color:#e2def0;opacity:0;pointer-events:none;border-style:solid;border-width:2.2cqh 3cqh;border-image:url(/assets/interface/equipement/bouton.webp) 70 90 fill/2.2cqh 3cqh;flex-direction:column;gap:2cqh;width:41%;height:73%;padding:3cqh 3.5cqw;font-size:clamp(9px,3.6cqh,16px);transition:transform .28s ease-out,opacity .2s;display:flex;position:absolute;top:16.5%;left:6.5%;transform:translate(-125%);box-shadow:0 0 30px #000c;container-type:size}.bag-stats-panel.is-open{opacity:1;pointer-events:auto;transform:none}.bsp-head{align-items:center;gap:4cqw;display:flex}.bsp-emblem{object-fit:contain;filter:drop-shadow(0 0 6px #7d8bff88);flex:none;width:18cqh;height:18cqh}.bsp-id{flex-direction:column;flex:1;gap:1cqh;min-width:0;display:flex}.bsp-plate{aspect-ratio:6.0887;background:url(/assets/interface/barres/plaque.webp) 50%/100% 100% no-repeat;place-items:center;width:100%;display:grid;position:relative}.bsp-plate strong{font-family:var(--name-font);letter-spacing:.04em;background:linear-gradient(#fff,#c9d2ee 45%,#8b95b8 55%,#e8ecff);color:#0000;filter:drop-shadow(0 1px 1px #000)drop-shadow(0 0 4px #5f7dffaa);-webkit-background-clip:text;background-clip:text;font-size:1.45em;font-weight:700;line-height:1}.bsp-ribbon{aspect-ratio:4.6885;background:url(/assets/interface/barres/ruban.webp) 50%/100% 100% no-repeat;align-self:center;width:72%;margin-top:-.6cqh;display:block}.bsp-ribbon svg{width:100%;height:100%;display:block;overflow:visible}.bsp-ribbon text{font-family:var(--title-font);fill:#d6dcf5;paint-order:stroke;stroke:#000;stroke-width:3px;letter-spacing:.5px;font-size:30px}.bsp-bar{background:#000a;border:1px solid #6a6f9a;border-radius:2cqh;height:4.6cqh;position:relative;overflow:hidden}.bsp-bar i{position:absolute;inset:0 auto 0 0}.bsp-bar.is-power i{background:linear-gradient(#5a8dff,#2a4fc4);box-shadow:0 0 8px #4f7dff}.bsp-bar.is-xp i{background:linear-gradient(#f0c46a,#a87a26)}.bsp-bar b{text-align:center;color:#fff;text-shadow:0 1px 2px #000;font-size:.78em;font-weight:400;line-height:4.6cqh;display:block;position:relative}.bsp-rows{flex-direction:column;gap:.9cqh;display:flex}.bsp-row{grid-template-columns:6.5cqh minmax(0,7.5em) 1fr 2em;align-items:center;gap:2cqw;display:grid}.bsp-row.is-hp{grid-template-columns:6.5cqh 1fr auto}.bsp-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #000);width:6.5cqh;height:6.5cqh}.bsp-label{color:#c9c6e4;white-space:nowrap;text-overflow:ellipsis;font-size:.9em;overflow:hidden}.bsp-track{background:#000a;border:1px solid #5a5f8a;border-radius:1.4cqh;height:2.8cqh;overflow:hidden}.bsp-track i{background:linear-gradient(color-mix(in srgb, var(--bar) 80%, #fff), var(--bar));height:100%;box-shadow:0 0 6px var(--bar);display:block}.bsp-row strong{font-family:var(--title-font);color:#f0c46a;text-align:right}.bsp-elements{justify-content:space-between;gap:2cqw;margin-top:auto;padding-bottom:1cqh;display:flex}.bsp-group{flex-direction:column;align-items:center;gap:.8cqh;display:flex}.bsp-group-title{font-family:var(--title-font);color:#c9c6e4;font-size:.8em;line-height:1}.bsp-medals{gap:1.5cqw;display:flex}.bag-element{flex-direction:column;align-items:center;gap:.4cqh;display:flex}.bag-element-medal{object-fit:contain;border-radius:50%;width:9cqh;height:9cqh}.bag-element.is-force .bag-element-medal{box-shadow:0 0 0 2px #4fd18b,0 0 10px #4fd18b}.bag-element.is-faiblesse .bag-element-medal{box-shadow:0 0 0 2px #ff4b4b,0 0 10px #ff4b4b}.bag-element-name{color:#b9b4cc;font-size:.68em;line-height:1}@media (height<=500px){.bag-quick{width:62%;left:19%}}.bag-money{z-index:7;font-family:var(--title-font);color:#f0c46a;background:#0b0810cc;border:1px solid #5a5f8a;border-radius:2cqh;gap:1.6cqw;padding:.6cqh 1.4cqw;font-size:max(11px,2.6cqh);display:flex;position:absolute;top:3cqh;left:3cqw}.bag-money span{white-space:nowrap;align-items:center;gap:.4em;display:flex}.bag-money img{height:1.2em}.item-sheet-soon{font-family:var(--title-font);color:#fff;text-align:center;font-size:1.2em}.chest-screen{z-index:60;cursor:pointer;-webkit-user-select:none;user-select:none;background:radial-gradient(at 50% 55%,#1c1630f0,#05040cfa 70%);flex-direction:column;justify-content:center;align-items:center;gap:2vh;display:flex;position:fixed;inset:0}.chest-title{font-family:var(--title-font);color:#e9dcc0;text-shadow:0 2px 6px #000;margin:0;font-size:clamp(18px,5vh,32px)}.chest-choice{flex-wrap:wrap;justify-content:center;gap:1.5vh 2vw;max-width:96vw;display:flex}.chest-pick{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:.5vh;padding:0;display:flex}.chest-pick img{filter:drop-shadow(0 6px 8px #000a);height:min(21vh,10vw,190px);transition:transform .15s}.chest-pick:hover img{filter:drop-shadow(0 0 12px #8fa0ff88)drop-shadow(0 6px 8px #000a);transform:translateY(-4px)scale(1.04)}.chest-pick span{font-family:var(--title-font);color:#c9c6e4;font-size:clamp(11px,2.6vh,16px)}.chest-later{cursor:pointer;font-family:var(--title-font);color:#dfe3ff;background:url(/assets/interface/equipement/bouton_eteint.webp) 50%/100% 100% no-repeat;border:0;margin-top:1vh;padding:8px 22px}.chest-stage{aspect-ratio:345/393;height:52vh;position:relative}.chest-img{filter:drop-shadow(0 10px 14px #000c);width:100%;height:auto;position:absolute;bottom:0;left:0}.chest-img.is-open{opacity:0}.chest-screen.is-ready .chest-img.is-closed{animation:1.6s ease-in-out infinite chest-breathe}@keyframes chest-breathe{50%{filter:drop-shadow(0 0 14px #8fa0ff66)drop-shadow(0 10px 14px #000c);transform:translateY(-1.5%)}}.chest-screen.is-shake .chest-img.is-closed{transform-origin:50% 100%;animation:1s ease-in-out both chest-shake}@keyframes chest-shake{0%,20%,45%,to{transform:none}6%{transform:rotate(-2deg)}12%{transform:rotate(2deg)}17%{transform:rotate(-1deg)}55%{transform:rotate(-4deg)translateY(-2%)}63%{transform:rotate(4deg)translateY(-3%)}71%{transform:rotate(-3deg)translateY(-1%)}80%{transform:rotate(2deg)}90%{transform:scale(1.03,.97)}}.chest-screen.is-shake .chest-img.is-closed,.chest-screen.is-burst .chest-img.is-closed{filter:drop-shadow(0 0 16px #bcc6ff)drop-shadow(0 10px 14px #000c)}.chest-burst{z-index:3;pointer-events:none;width:0;height:0;position:absolute;top:58%;left:50%}.chest-burst:before{content:"";background:radial-gradient(#fff,#fff8 30%,#0000 70%);border-radius:50%;width:18vh;height:18vh;animation:.5s ease-out forwards chest-lock;position:absolute;top:-9vh;left:-9vh}@keyframes chest-lock{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1.6)}}.chest-burst i{width:.8vh;height:.8vh;transform:rotate(var(--a)) translateY(0);animation:chest-spark .7s ease-out var(--d) forwards;background:#fff6d0;border-radius:50%;position:absolute;box-shadow:0 0 8px #ffd76a}@keyframes chest-spark{to{transform:rotate(var(--a)) translateY(-16vh);opacity:0}}.chest-screen.is-open .chest-img.is-closed,.chest-screen.is-reveal .chest-img.is-closed{opacity:0}.chest-screen.is-open .chest-img.is-open,.chest-screen.is-reveal .chest-img.is-open{opacity:1;transform-origin:50% 100%;animation:.35s cubic-bezier(.2,1.6,.4,1) chest-pop}@keyframes chest-pop{0%{transform:scale(.94,1.08)}}.chest-flash{z-index:4;background:radial-gradient(circle at 50% 55%, #fff, color-mix(in srgb, var(--rarity) 60%, #fff) 30%, transparent 70%);pointer-events:none;animation:.5s ease-out forwards chest-flash;position:fixed;inset:0}@keyframes chest-flash{0%{opacity:.95}to{opacity:0}}.chest-column{transform-origin:50% 100%;z-index:1;pointer-events:none;background:linear-gradient(to top, #fff 0%, var(--rarity) 25%, color-mix(in srgb, var(--rarity) 40%, transparent) 70%, transparent);filter:blur(6px);mix-blend-mode:screen;border-radius:50% 50% 20% 20%;width:46%;height:115%;animation:.7s ease-out both chest-column,2s ease-in-out .7s infinite alternate chest-column-calm;position:absolute;bottom:42%;left:50%;transform:translate(-50%)}@keyframes chest-column{0%{opacity:0;transform:translate(-50%)scaleY(0)}40%{opacity:1}}@keyframes chest-column-calm{0%{opacity:.75}to{opacity:.45}}.chest-orb{aspect-ratio:1;z-index:5;--cell:82%;background:radial-gradient(circle, #fff 0%, color-mix(in srgb, var(--rarity) 70%, #fff) 35%, color-mix(in srgb, var(--rarity) 45%, transparent) 60%, transparent 72%);border-radius:50%;place-items:center;width:42%;animation:.8s cubic-bezier(.2,1.3,.4,1) both chest-orb;display:grid;position:absolute;top:-6%;left:50%;transform:translate(-50%)}@keyframes chest-orb{0%{opacity:0;transform:translate(-50%,120%)scale(.2)}}.chest-orb .item-cell{filter:drop-shadow(0 0 10px var(--rarity));animation:.45s cubic-bezier(.2,1.6,.4,1) both chest-item}@keyframes chest-item{0%{opacity:0;transform:scale(.2)}}.chest-rays{aspect-ratio:1;z-index:0;pointer-events:none;background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--rarity) 45%, transparent) 0deg 7deg, transparent 7deg 22deg);width:230%;animation:9s linear infinite chest-rays,.8s ease-out both rays-in;position:absolute;top:14%;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(circle,#000 0%,#0000 62%);mask:radial-gradient(circle,#000 0%,#0000 62%)}@keyframes chest-rays{to{transform:translate(-50%,-50%)rotate(360deg)}}.chest-hint{text-align:center;min-height:4.5em;font-family:var(--title-font);color:#e9cf8f;text-shadow:0 2px 4px #000;margin:0;font-size:clamp(12px,2.8vh,18px)}.chest-result{flex-direction:column;align-items:center;gap:2px;animation:.4s ease-out both chest-item;display:flex}.chest-result strong{color:#fff;font-size:1.2em}.chest-result b{color:#f0c46a}@media (height<=500px){.chest-stage{height:50vh}.chest-hint{min-height:0;font-size:12px}}.chest-screen.is-key{cursor:default}.chest-key{aspect-ratio:1;z-index:3;touch-action:none;cursor:grab;width:72%;filter:drop-shadow(0 0 calc(4px + var(--turn) * 14px) #d2d9ff);border-radius:50%;position:absolute;top:57%;left:50%;transform:translate(-50%,-50%)}.chest-key svg{width:100%;height:100%;overflow:visible}.chest-key-track{fill:none;stroke:#ffffff26;stroke-width:2px;stroke-dasharray:3 4}.chest-key-fill{fill:none;stroke:#f3f0ff;stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:276.5;transform-origin:50%;transition:stroke-dashoffset 80ms;transform:rotate(-90deg)}.chest-key-notch{fill:#2a2440;stroke:#c9c6e4;stroke-width:1.5px}.chest-key-notch.is-on{fill:#fff;stroke:#fff;filter:drop-shadow(0 0 4px #fff)}.chest-key-hand{pointer-events:none;color:#fff;text-align:center;text-shadow:0 0 8px #fff,0 0 14px #8fa0ff;font-size:clamp(16px,5vh,30px);line-height:1;display:block;position:absolute;inset:0}.chest-screen.is-key .chest-img.is-closed{filter:drop-shadow(0 0 calc(var(--turn) * 22px) #fffa) drop-shadow(0 10px 14px #000c) brightness(calc(1 + var(--turn) * .25));transform:rotate(calc(var(--turn) * 1.5deg));animation:none}.chest-screen.is-cinematic{background:#000}.tinted-video{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tinted-video video{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.tinted-video canvas,.tinted-video video[style*="opacity: 1"]{object-fit:contain;width:100%;height:100%}.tinted-video canvas{aspect-ratio:16/9;width:auto;min-width:0;max-width:100vw;height:auto;max-height:100vh}@supports (height:100dvh){.tinted-video canvas{max-height:100dvh}}.tinted-video video[style*="opacity: 1"]{position:static}.chest-screen.is-reward{cursor:default;background:radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--rarity) 22%, #0b0918) 0%, #05040cfa 65%)}.chest-reward{min-width:min(420px,80vw);box-shadow:0 0 40px #000, 0 0 30px color-mix(in srgb, var(--rarity) 35%, transparent);color:#e2def0;border-style:solid;border-width:16px 22px;border-image:url(/assets/interface/equipement/bouton.webp) 70 90 fill/16px 22px;flex-direction:column;align-items:center;gap:.8vh;padding:3vh 4vw;font-size:clamp(12px,2.7vh,17px);animation:.45s cubic-bezier(.2,1.4,.4,1) both chest-item;display:flex;position:relative}.chest-reward .chest-rays{z-index:-1;width:160%;top:22%}.chest-reward-item{--cell:clamp(80px, 26vh, 170px);filter:drop-shadow(0 0 18px var(--rarity))}.chest-reward-name{font-family:var(--title-font);color:#fff;font-size:1.35em}.chest-reward-rarity{font-family:var(--title-font);color:var(--rarity)}.chest-reward-perfection{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;display:grid}.chest-reward-perfection span{color:#c9c6e4}.chest-reward-perfection b{font-family:var(--title-font);color:var(--rarity)}.chest-reward-power b{font-family:var(--title-font);color:#f0c46a;font-size:1.3em}.chest-reward-power small{color:#8f8ca8}@media (height<=500px){.chest-reward{gap:2px;padding:6px 18px}}.chest-mode{color:#c9c6e4;cursor:pointer;background:#0b0810cc;border:1px solid #5a5f8a;border-radius:12px;margin-top:.5vh;padding:4px 12px;font-size:clamp(11px,2.4vh,14px)}.chest-mode b{color:#fff;font-weight:400;font-family:var(--title-font)}.chest-stage.is-quick{height:62vh}.chest-quick-anim{z-index:2;transform-origin:50% 95%;position:absolute;inset:0}.chest-quick-frame{background-repeat:no-repeat;position:absolute;inset:0}.chest-quick-glow{aspect-ratio:1;z-index:0;background:radial-gradient(closest-side, color-mix(in srgb, var(--rarity) 55%, transparent), transparent);opacity:0;width:140%;animation:rays-in .6s ease-out calc(var(--ms,1.3s) * .6) forwards;border-radius:50%;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.is-quick .chest-quick-glow{animation-delay:.9s}.chest-flash.is-late{opacity:0;animation:.6s ease-out 1.15s forwards chest-flash}.chest-orb.is-late{animation:.8s cubic-bezier(.2,1.3,.4,1) 1.4s both chest-orb;top:2%}.chest-rays.is-late{opacity:0;animation:9s linear infinite chest-rays,.8s ease-out 1.3s forwards rays-in}.bag-drag-source{touch-action:none;display:block}.bag-drag-source.is-dragging{opacity:.35}.bag-drop{border-radius:12%;transition:filter .15s,transform .15s;display:block}.bag-drop.is-target{filter:drop-shadow(0 0 10px #8fd0ff)brightness(1.25);animation:.8s ease-in-out infinite alternate bag-drop-pulse;transform:scale(1.08)}@keyframes bag-drop-pulse{to{filter:drop-shadow(0 0 16px #bfe6ff)brightness(1.4)}}.bag-drag-ghost{z-index:100;pointer-events:none;filter:drop-shadow(0 6px 10px #000c)drop-shadow(0 0 8px #8fd0ff);width:64px;height:64px;position:fixed;transform:translate(-50%,-60%)scale(1.1)}.chest-keys{font-family:var(--title-font);color:#c9c6e4;text-shadow:0 1px 2px #000;margin:0;font-size:clamp(11px,2.6vh,15px)}.chest-pick:disabled{cursor:default}.chest-pick.is-locked img{filter:brightness(.75)drop-shadow(0 6px 8px #000a)}.chest-pick.is-spin img{filter:brightness(1.25)drop-shadow(0 0 16px #fff)drop-shadow(0 0 30px #8fa0ff);transform:translateY(-6px)scale(1.08)}.chest-pick.is-spin span{color:#fff}.chest-roulette{padding:10px 26px;font-size:clamp(12px,2.8vh,17px)}.chest-options{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chest-mode.is-on{border-color:#f0c46a;box-shadow:0 0 8px #f0c46a88}.chest-pick.is-lucky img{filter:drop-shadow(0 0 12px #f0c46a)drop-shadow(0 6px 8px #000a)}.chest-pick.is-lucky span{color:#f0c46a}.chest-buried-text{font-family:var(--title-font);color:#e9dcc0;text-shadow:0 2px 6px #000;margin:0;font-size:clamp(15px,4vh,24px);font-style:italic;animation:.8s ease-out both chest-item}.chest-buried{cursor:pointer;aspect-ratio:700/465;background:0 0;border:0;height:46vh;padding:0;position:relative}.chest-buried img{filter:drop-shadow(0 0 14px #5fd16b66);width:100%;height:auto;animation:1.8s ease-in-out infinite chest-breathe}.bag-lucky-key{color:#f0c46a;font-family:var(--title-font);align-items:center;gap:10px;display:flex}.bag-lucky-key .item-sheet-button{min-width:0;padding:6px 14px}.bag-power small{color:#c9c6e4;margin-right:.3em;font-size:.55em}.chest-special{color:#f0c46a;font-size:clamp(11px,2.5vh,15px)}.chest-keys img,.chest-special img,.bag-lucky-key img{vertical-align:middle;filter:drop-shadow(0 1px 2px #000);height:1.6em;margin-right:.3em}.chest-special{align-items:center;display:inline-flex}.gem-bar{width:100%;display:block;position:relative}.gem-bar-window{z-index:0;background:#07060c;border-radius:999px;position:absolute;overflow:hidden}.gem-bar-fill{object-fit:fill;width:100%;height:100%;transition:clip-path .7s cubic-bezier(.2,.8,.3,1);position:absolute;inset:0}.gem-bar-frame{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.gem-bar-text{z-index:2;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;white-space:nowrap;place-items:center;font-size:.75em;display:grid;position:absolute;inset:0}.bsp-bar.gem-bar,.bsp-track.gem-bar{background:0 0;border:0;border-radius:0;height:auto;overflow:visible}@media (height<=500px){.bag-stats-panel{gap:1.2cqh;padding-top:2cqh;padding-bottom:2cqh}.bsp-plate{justify-self:center;width:86%}.bsp-ribbon{width:62%}.bsp-id{gap:.6cqh}}.chest-pick.is-greyed img{filter:grayscale()brightness(.45)}.chest-pick.is-greyed span{color:#6f6b88}.chest-keys img{margin-left:.2em}.bag-soon{text-align:center;justify-content:center;align-items:center}.bag-soon strong{font-family:var(--title-font);color:#fff;font-size:1.4em}.dev-note{color:var(--muted);margin:0 0 6px;font-size:.85em}.arena-ui{pointer-events:none;font-size:clamp(10px,1.3cqw,15px);position:absolute;inset:0}.panel>.arena-ui>*>*{pointer-events:auto}.arena-left,.arena-right{top:max(8px, env(safe-area-inset-top));bottom:max(8px, env(safe-area-inset-bottom));flex-direction:column;gap:6px;display:flex;position:absolute}.arena-left{left:max(10px, env(safe-area-inset-left));width:19%}.arena-right{right:max(10px, env(safe-area-inset-right));justify-content:flex-end;width:20%}.arena-hero{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 8px;display:grid}.arena-hero>.status-icons{grid-column:1/-1}.arena-medal{aspect-ratio:1;background:radial-gradient(circle at 40% 35%,#2a3046,#090a12);border:2px solid #c9d2e3;border-radius:50%;place-items:center;width:3.4em;display:grid;position:relative;box-shadow:0 0 0 1px #20263a,0 0 8px #3d7bff88,inset 0 0 8px #000}.arena-emblem{object-fit:contain;width:82%;height:82%}.arena-medal .heat-ring{width:150%}.arena-gauges .gem-bar-text{font-size:.78em}.arena-name{font-family:var(--name-font);color:#f3dca0;text-shadow:0 1px 3px #000,0 0 4px #000;padding-left:21%;font-size:1.15em}.arena-gauges{flex-direction:column;gap:2px;min-width:0;display:flex}.arena-moves{align-items:center;gap:4px;display:flex}.arena-boot{fill:#6fdc6a;stroke:#12300f;stroke-width:1.2px;stroke-linejoin:round;filter:drop-shadow(0 0 3px #6fdc6a88)drop-shadow(0 1px 1px #000);width:1.5em;height:1.5em;transition:fill .3s,opacity .3s}.arena-boot-cuff{fill:#a8f0a2}.arena-boot-sole{fill:#2f6b2b}.arena-boot.is-used{fill:#3a3d46;opacity:.55;filter:none}.arena-boot.is-used .arena-boot-cuff,.arena-boot.is-used .arena-boot-sole{fill:#2a2c33}.arena-enemies{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.arena-enemy{background:#0b0814b3;border:1px solid #d9b46a44;border-radius:6px;align-items:center;gap:6px;padding:2px 6px;display:flex}.arena-enemy.is-down{opacity:.35}.arena-enemy-img{object-fit:contain;justify-content:center;align-items:center;width:2.2em;height:2.2em;display:flex}.arena-enemy-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.arena-enemy-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85em;overflow:hidden}.arena-enemy-hp{background:#2a0808;border:1px solid #8a6a32;border-radius:3px;height:1.15em;position:relative;overflow:hidden;box-shadow:inset 0 0 3px #000}.arena-enemy-fill{background:linear-gradient(#f05252,#b01e1e);transition:width .4s;position:absolute;inset:0 auto 0 0}.arena-enemy-text{text-shadow:0 1px 2px #000,0 0 3px #000;justify-content:center;align-items:center;font-size:.75em;line-height:1;display:flex;position:absolute;inset:0}.arena-log{background:#0b0814d9;border:1px solid #d9b46a66;border-radius:6px;min-height:4.2em;margin-top:auto;padding:6px 8px;line-height:1.3}.arena-log p{margin:0}.arena-hint{color:#f3dca0}.arena-spells{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.arena-spell{aspect-ratio:1;background:#140f1a;border:2px solid #8a6a32;border-radius:8px;padding:0;position:relative;overflow:hidden}.arena-spell.is-empty{background:#0b081466;border-color:#8a6a3244}.arena-spell:disabled{filter:grayscale(.8);opacity:.5}.arena-spell.is-aiming{border-color:#ffd27a;box-shadow:0 0 10px #ff9a3c,inset 0 0 8px #ff9a3c88}.arena-spell-img{object-fit:cover;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.6em;display:flex}.arena-spell-cost{text-shadow:0 1px 2px #000,0 0 3px #000;font-size:.8em;font-weight:700;position:absolute;bottom:0;right:2px}.arena-spell-badge{background:#000a;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.arena-row{align-items:center;gap:6px;display:flex}.arena-row .potion-button{flex:none;width:2.9em}.arena-parry,.arena-end,.arena-flee{color:#f3dca0;font-family:var(--title-font);background:linear-gradient(#2a2030,#140f1a);border:1px solid #8a6a32;border-radius:6px}.arena-parry{flex:1;padding:.55em .3em}.arena-end{background:linear-gradient(#5a3a1a,#2a1a0c);border-color:#d9b46a;padding:.65em .3em;font-size:1.05em;font-weight:700}.arena-flee{opacity:.85;padding:.3em;font-size:.85em}.arena-ui button:disabled{cursor:default}.arena-top{justify-content:flex-end;gap:6px;margin-bottom:auto;display:flex}.arena-view{color:#f3dca0;background:#0b0814cc;border:1px solid #8a6a32;border-radius:6px;padding:.4em .8em;font-size:.9em}.arena-top .arena-flee{padding:.4em .8em;font-size:.9em}.arena-bottom{left:50%;bottom:max(10px, env(safe-area-inset-bottom));display:flex;position:absolute;transform:translate(-50%)}.arena-bottom .arena-end{min-width:9em;padding:.6em 1.6em;font-size:1.15em;box-shadow:0 4px 14px #000c,0 0 12px #d9b46a44}.panel>.arena-ui>.arena-left,.panel>.arena-ui>.arena-right{pointer-events:none}.arena-enemy-bar{margin-top:1px}.arena-enemy-bar .gem-bar-text{font-size:.72em}.arena-ether .gem-bar-fill{filter:hue-rotate(62deg)saturate(1.15)}