@font-face{font-family:Cinzel Decorative;font-style:normal;font-display:swap;font-weight:900;src:url(./cinzel-decorative-latin-900-normal-MnIZQgjg.woff2) format("woff2"),url(./cinzel-decorative-latin-900-normal-BBdTCSMn.woff) format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(./cinzel-latin-700-normal-Dkw14w9r.woff2) format("woff2"),url(./cinzel-latin-700-normal-C-gK7hA8.woff) format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:900;src:url(./cinzel-latin-900-normal-BI3z7Tow.woff2) format("woff2"),url(./cinzel-latin-900-normal-t_fSDEbn.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:500;src:url(./nunito-latin-500-normal-EugFkASW.woff2) format("woff2"),url(./nunito-latin-500-normal-B5klmw3Q.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(./nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(./nunito-latin-700-normal-OcDqTBcA.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(./nunito-latin-800-normal-D-J0wlBY.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(./nunito-latin-900-normal-BVB1fGs6.woff2) format("woff2"),url(./nunito-latin-900-normal-CVn49sIn.woff) format("woff")}:root{--ink: #0b1020;--night: #121a33;--glass: rgba(12, 18, 36, .84);--glass-strong: rgba(10, 14, 28, .94);--line: rgba(255, 230, 170, .22);--gold: #f5d27a;--gold-2: #ffb35c;--cream: #fff7e3;--muted: #b9bfd6;--rose: #ff6f86;--mana: #7fc8ff;--main-q: #ffd35c;--side-q: #6fc3ff;--display: "Cinzel", Georgia, serif;--story: Georgia, "Palatino Linotype", "Book Antiqua", serif;--deco: "Cinzel Decorative", "Cinzel", Georgia, serif;--ui: "Nunito", "Trebuchet MS", system-ui, sans-serif;font-family:var(--ui);color:var(--cream);background:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;height:100%}body{background:var(--ink);overflow:hidden}button{font:inherit;color:inherit}button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}kbd{display:inline-block;min-width:20px;padding:2px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.25);border-bottom-width:3px;background:#ffffff14;font:800 11px var(--ui);text-align:center;color:var(--cream)}.app-shell{position:relative;width:100vw;height:100svh;overflow:hidden}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid var(--line);cursor:pointer;font:800 14px var(--ui);letter-spacing:.02em;transition:transform .18s,box-shadow .18s,background .18s;overflow:hidden}.btn b{font-size:18px;transition:transform .18s}.btn:hover{transform:translateY(-2px)}.btn:hover b{transform:translate(4px)}.btn:active{transform:translateY(0) scale(.97)}.btn.primary{background:linear-gradient(135deg,#ffe49a,#f5b54a 55%,#e0843a);color:#2a1a08;border-color:#ffe7a8;box-shadow:0 8px 30px #f5b44a59,inset 0 1px #fff9}.btn.primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);transform:translate(-120%);animation:sheen 3.4s ease-in-out infinite}.btn.primary:hover{box-shadow:0 10px 40px #f5b44a8c,inset 0 1px #fff9}.btn.big{min-height:58px;padding:0 30px;font-size:16px}.btn.ghost{background:#ffffff0f;color:var(--cream)}.btn.ghost:hover{background:#ffffff24}.icon-button{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;border:1px solid var(--line);background:var(--glass);cursor:pointer;font-size:16px;transition:transform .15s,background .15s}.icon-button:hover{transform:translateY(-2px);background:#1e2846d9}.eyebrow{display:inline-flex;align-items:center;gap:10px;font:800 11px var(--ui);letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}.eyebrow:before,.eyebrow:after{content:"";width:26px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.eyebrow:after{transform:scaleX(-1)}.menu-page{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center}.title-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.menu-page>*:not(.title-backdrop):not(.confetti):not(.overlay){position:relative;z-index:1}.title-top{width:min(1180px,calc(100% - 32px));display:flex;justify-content:space-between;align-items:center;padding:18px 0}.brand{display:flex;align-items:center;gap:12px}.brand-gem{width:40px;height:40px;display:grid;place-items:center;font-size:20px;color:#2a1a08;background:linear-gradient(135deg,#ffe49a,#e0843a);clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);animation:gem-spin 6s ease-in-out infinite}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font:700 15px var(--display);letter-spacing:.12em}.brand small{font-size:11px;color:var(--muted);letter-spacing:.08em}.title-hero{width:min(900px,calc(100% - 32px));text-align:center;padding:clamp(20px,6vh,70px) 0 28px;display:flex;flex-direction:column;align-items:center}.title-logo{margin:18px 0 14px;font:900 clamp(58px,11vw,140px)/.86 var(--deco);letter-spacing:-.01em;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 6px 30px rgba(245,190,90,.35))}.title-logo span{background:linear-gradient(100deg,#fff4d0,#f5d27a 30%,#fff9e6,#e8a14a 60%,#f5d27a,#fff4d0);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 6s linear infinite,float 6s ease-in-out infinite}.title-logo span:last-child{animation-delay:-.6s,-1.5s;font-size:.72em;letter-spacing:.12em}.title-hero p{max-width:620px;margin:0 0 28px;color:#dde2f5;font-size:clamp(14px,1.6vw,17px);line-height:1.7;text-shadow:0 2px 10px rgba(0,0,0,.5)}.menu-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.chapter-cards{width:min(1080px,calc(100% - 32px));display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:10px 0 20px}.chapter-card{position:relative;text-align:left;padding:110px 20px 18px;border-radius:22px;border:1px solid var(--line);background:var(--glass);cursor:pointer;overflow:hidden;display:flex;flex-direction:column;gap:4px;transition:transform .25s,box-shadow .25s,border-color .25s;animation:rise-in .7s both}.chapter-card:nth-child(2){animation-delay:.12s}.chapter-card:nth-child(3){animation-delay:.24s}.chapter-card:hover:not(:disabled){transform:translateY(-6px) rotate(-.4deg);border-color:var(--spell);box-shadow:0 18px 50px #00000073,0 0 40px color-mix(in srgb,var(--spell) 35%,transparent)}.chapter-card.locked{cursor:not-allowed;filter:grayscale(.7) brightness(.7)}.chapter-card small{font:800 11px var(--ui);letter-spacing:.24em;text-transform:uppercase;color:var(--spell)}.chapter-card strong{font:700 22px var(--display)}.chapter-card em{font-style:normal;color:var(--muted);font-size:13px}.card-art{position:absolute;inset:0 0 auto;height:100px;overflow:hidden}.theme-meadow .card-art{background:linear-gradient(180deg,#f7b86a,#8fb065)}.theme-woods .card-art{background:linear-gradient(180deg,#1d3b3a,#4d6a50)}.theme-summit .card-art{background:linear-gradient(180deg,#1a1740,#6a4bb0)}.card-art:after{content:"";position:absolute;inset:auto 0 0;height:60px;background:linear-gradient(transparent,#0c1224f2)}.card-art i{position:absolute;border-radius:50%}.card-art i:nth-child(1){width:60px;height:60px;right:26px;top:12px;background:radial-gradient(circle,#fff5d0,#fff0c800 70%);animation:pulse 3s ease-in-out infinite}.card-art i:nth-child(2),.card-art i:nth-child(3){bottom:-40px;width:200px;height:90px;background:#0a14148c}.card-art i:nth-child(2){left:-30px;animation:sway 7s ease-in-out infinite}.card-art i:nth-child(3){right:-50px;width:260px;background:#0a1414b3;animation:sway 9s ease-in-out infinite reverse}.card-foot{margin-top:12px;display:flex;justify-content:space-between;align-items:center}.card-spell{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border-radius:999px;background:#ffffff12;font-weight:800;font-size:12px}.card-spell b{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--spell);color:#1a1208;font-size:13px;box-shadow:0 0 14px var(--spell)}.card-stars i{font-style:normal;color:#fff3;font-size:16px}.card-stars i.on{color:var(--gold);text-shadow:0 0 10px var(--gold)}.chapter-card.done:before{content:"✓ Cleared";position:absolute;top:12px;left:12px;z-index:2;padding:4px 10px;border-radius:999px;background:#0a0e1cbf;color:#b9f29d;font:800 11px var(--ui)}.title-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;padding:12px 16px 26px;color:var(--muted);font-size:12px}.title-foot kbd{margin-right:4px}.title-actions{width:min(500px,100%);margin-top:4px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.title-actions .btn{width:100%;min-width:0;min-height:70px;padding-left:12px;padding-right:12px;font-size:18px}.title-page .title-actions .play-button{width:100%}.tutorial-page{padding:0 16px 32px}.tutorial-top{width:min(1180px,100%);display:flex;justify-content:space-between;align-items:center;padding:18px 0}.tutorial-heading{width:min(760px,100%);text-align:center;padding:16px 0 22px}.tutorial-heading h1{margin:12px 0 8px;font:900 clamp(34px,6vw,62px)/1 var(--display);color:var(--cream);text-shadow:0 5px 24px rgba(0,0,0,.5)}.tutorial-heading p{margin:0 auto;max-width:650px;color:#d6dbef;line-height:1.6}.tutorial-select-card{width:min(860px,100%);display:grid;grid-template-columns:1fr 220px;gap:22px;align-items:stretch;padding:24px;border:1px solid var(--line);border-radius:22px;background:#0a0e1cc2;box-shadow:0 24px 70px #00000059}.tutorial-selected-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.tutorial-large-face{width:104px;height:104px;margin-bottom:12px;font-size:54px;border-width:3px}.tutorial-selected-hero>small{color:var(--gold);font:800 11px var(--ui);letter-spacing:.18em;text-transform:uppercase}.tutorial-selected-hero h2{margin:4px 0;font:900 34px var(--display)}.tutorial-selected-hero p{max-width:440px;margin:0 0 16px;color:var(--muted);line-height:1.55}.tutorial-selected-hero .btn{margin-top:18px}.tutorial-kit{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.tutorial-kit span{padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--cream);background:#ffffff0f;font-size:11px}.tutorial-note{margin-top:12px;color:var(--muted);font-size:11px}.tutorial-layout{width:min(1180px,100%);display:grid;grid-template-columns:210px 1fr;gap:18px;align-items:start}.tutorial-roster{display:flex;flex-direction:column;gap:8px;padding:8px;border:1px solid var(--line);border-radius:18px;background:#0a0e1cb3}.tutorial-hero{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid transparent;border-radius:12px;background:transparent;text-align:left;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.tutorial-hero:hover{transform:translate(3px);background:#ffffff14}.tutorial-hero.on{border-color:var(--gold);background:#f5d27a1f}.tutorial-hero .portrait{width:42px;height:42px;font-size:23px}.tutorial-hero span:last-child{display:flex;flex-direction:column;gap:2px}.tutorial-hero b{font:700 15px var(--display)}.tutorial-hero small{color:var(--muted);font-size:11px}.practice-board{min-width:0;padding:20px;border:1px solid var(--line);border-radius:22px;background:#0a0e1cc2;box-shadow:0 24px 70px #00000052}.practice-hero{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.1)}.practice-face{width:58px;height:58px;font-size:32px}.practice-hero small{color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:10px}.practice-hero h2{margin:2px 0;font:800 25px var(--display)}.practice-hero p{margin:0;color:var(--muted);font-size:13px}.dummy-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:24px 0 18px}.dummy{display:flex;flex-direction:column;align-items:center;gap:5px;padding:18px 10px 12px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:radial-gradient(circle at 50% 10%,#f5d27a29,#ffffff0a);transition:transform .2s,box-shadow .2s}.dummy.lit{animation:dummy-hit .35s ease both}.dummy-head{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:#f5d27a;background:#5d4a43;border:3px solid #bb9260;font-size:22px;box-shadow:inset 0 -8px #00000029}.dummy b{font:700 13px var(--display)}.dummy small{color:var(--muted);font-size:10px}.dummy-health{width:100%;height:7px;overflow:hidden;border-radius:99px;background:#ffffff1f}.dummy-health i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e56865,#f4c46f);transition:width .3s ease}.practice-status{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;padding:12px 14px;border-radius:12px;background:#ffffff0f}.practice-status>span{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px}.practice-status>span b{color:var(--mana)}.practice-status>span i{width:100px;height:7px;overflow:hidden;border-radius:99px;background:#ffffff1f}.practice-status>span em{display:block;height:100%;border-radius:inherit;background:var(--mana);transition:width .25s}.practice-status p{margin:0;color:#d9def2;font-size:12px}.tutorial-spells{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:14px}.tutorial-spell{display:flex;flex-direction:column;gap:9px;padding:14px;border:1px solid color-mix(in srgb,var(--spell) 35%,transparent);border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--spell) 10%,rgba(255,255,255,.04)),#ffffff06);transition:transform .2s,border-color .2s,box-shadow .2s}.tutorial-spell.cast{transform:translateY(-3px);border-color:var(--spell);box-shadow:0 0 22px color-mix(in srgb,var(--spell) 25%,transparent)}.tutorial-spell-head{display:flex;align-items:center;gap:10px}.tutorial-spell-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#181326;background:var(--spell);box-shadow:0 0 16px color-mix(in srgb,var(--spell) 45%,transparent);font-size:20px}.tutorial-spell h3{margin:0;font:700 16px var(--display)}.tutorial-spell-head small{color:var(--muted);font-size:10px}.tutorial-spell p{flex:1;margin:0;color:#d6dbef;font-size:12px;line-height:1.5}.spell-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px}.tutorial-cast{min-height:38px;padding:0 12px;font-size:12px}.tutorial-cast:disabled{cursor:not-allowed;opacity:.65;transform:none}@keyframes dummy-hit{0%,to{transform:translate(0)}35%{transform:translate(-4px) rotate(-1deg)}70%{transform:translate(4px) rotate(1deg)}}@media(max-width:760px){.practice-guide-toggle{top:130px;left:8px}.practice-guide{top:176px;left:8px;width:min(270px,calc(100vw - 16px));max-height:calc(100% - 216px);padding:9px}.practice-guide header strong{font-size:16px}.practice-guide article{padding:6px 0}.practice-guide article p{font-size:10px}.tutorial-page{padding-left:10px;padding-right:10px}.tutorial-top{padding-top:10px}.tutorial-top .eyebrow{font-size:9px;letter-spacing:.16em}.tutorial-layout{grid-template-columns:1fr}.tutorial-select-card{grid-template-columns:1fr;padding:16px}.tutorial-select-card .tutorial-roster{order:2}.tutorial-large-face{width:82px;height:82px;font-size:44px}.tutorial-roster{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:5px}.tutorial-hero{flex-direction:column;justify-content:center;gap:4px;padding:6px 3px;text-align:center}.tutorial-hero:hover{transform:none}.tutorial-hero .portrait{width:34px;height:34px;font-size:19px}.tutorial-hero b{font:800 11px var(--ui)}.tutorial-hero small{display:none}.practice-board{padding:14px}.dummy-row{gap:6px;padding:16px 0 12px}.dummy{padding:12px 5px 9px}.dummy-head{width:38px;height:38px;font-size:17px}.dummy b{font-size:10px}.dummy small{font-size:9px}.practice-status{grid-template-columns:1fr;gap:7px}.tutorial-spells{grid-template-columns:1fr}}.panel{background:var(--glass-strong);border:1px solid var(--line);border-radius:26px;box-shadow:0 30px 80px #0000008c,inset 0 1px #ffffff14}.victory-panel{margin:auto;width:min(620px,calc(100% - 32px));padding:36px 32px;text-align:center;animation:pop-in .6s cubic-bezier(.2,1.4,.4,1) both}.victory-panel h1{margin:16px 0 10px;font:900 clamp(32px,5vw,50px)/1.05 var(--display);background:linear-gradient(100deg,#fff4d0,#f5d27a,#fff9e6,#e8a14a);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 5s linear infinite}.victory-panel h1 em{font-style:normal;display:block}.victory-panel p{color:#d6dbef;line-height:1.7;margin:0 auto 18px;max-width:480px}.star-row{display:flex;justify-content:center;gap:12px;margin:10px 0 22px}.star-row span{font-size:48px;color:#ffffff26;animation:star-pop .6s cubic-bezier(.2,1.6,.4,1) both}.star-row span.on{color:var(--gold);text-shadow:0 0 24px var(--gold),0 0 4px #fff}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}.stat-row div{padding:12px 8px;border-radius:16px;background:#ffffff0f;display:flex;flex-direction:column;gap:4px}.stat-row b{font:900 22px var(--display);color:var(--cream)}.stat-row small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;overflow:hidden}.confetti i{position:absolute;top:-20px;width:8px;height:14px;border-radius:2px;animation:confetti linear infinite;opacity:.9}.play-page{position:absolute;top:0;right:0;bottom:0;left:0}.game-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#000;touch-action:none;user-select:none;-webkit-user-select:none}.practice-guide{position:absolute;top:174px;left:14px;z-index:3;width:min(320px,calc(100vw - 28px));max-height:calc(100% - 344px);overflow-y:auto;padding:12px;border:1px solid var(--line);border-radius:16px;background:#0a0e1ce0;box-shadow:0 14px 35px #0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.practice-guide-toggle{position:absolute;top:124px;left:14px;z-index:4;display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:0 11px;border:1px solid var(--line);border-radius:12px;background:#0a0e1ce0;color:var(--cream);cursor:pointer;font:800 12px var(--ui);box-shadow:0 8px 20px #00000059}.practice-guide-toggle:hover{background:#1e2846eb}.guide-toggle-track{position:relative;width:34px;height:19px;display:block;border-radius:999px;background:#ffffff2e;border:1px solid rgba(255,255,255,.24);transition:background .2s,border-color .2s}.guide-toggle-track b{position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:#c5c9d8;transition:transform .2s,background .2s}.practice-guide-toggle.guide-button-on{border-color:var(--gold);color:var(--gold)}.practice-guide-toggle.guide-button-on .guide-toggle-track{background:#b9f29d59;border-color:#b9f29d}.practice-guide-toggle.guide-button-on .guide-toggle-track b{transform:translate(15px);background:#b9f29d}.practice-guide header{display:flex;justify-content:space-between;align-items:start;gap:12px;padding-bottom:9px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.12)}.practice-guide header span{display:flex;flex-direction:column;gap:2px}.practice-guide header small{color:var(--gold);font:800 9px var(--ui);letter-spacing:.16em;text-transform:uppercase}.practice-guide header strong{font:800 19px var(--display)}.practice-guide header em{color:#b9f29d;font:800 10px var(--ui);font-style:normal}.guide-button-on{border-color:var(--gold);background:#f5d27a2e;color:var(--gold)}.practice-guide article{display:flex;gap:9px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)}.practice-guide article:last-child{border-bottom:0}.guide-icon{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#171323;background:var(--spell);font-size:16px}.practice-guide article>div{min-width:0}.practice-guide article b{font:800 12px var(--display);color:var(--cream)}.practice-guide article b kbd{margin-left:4px;padding:1px 4px;min-width:17px;font-size:9px}.practice-guide article p{margin:3px 0 0;color:#c8cde0;font-size:11px;line-height:1.4}.world-canvas{display:block;width:100%;height:100%;touch-action:none}.hud-top{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;pointer-events:none;z-index:3}.hud-top>*{pointer-events:auto}.vitals{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:999px;background:var(--glass);border:1px solid var(--line);box-shadow:0 8px 26px #00000059}.portrait{position:relative;width:50px;height:50px;flex:none;display:grid;place-items:center;padding:0;cursor:pointer;border-radius:50%;font-size:28px;background:radial-gradient(circle at 35% 30%,#ffe8b8,#d9864a 60%,#7a3a52);border:2px solid var(--gold);box-shadow:0 0 18px #f5d27a73}.portrait span{animation:bob 2.6s ease-in-out infinite}.shield-ring{position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;border:3px solid #9fe8b0;box-shadow:0 0 18px #9fe8b0;animation:spin 2s linear infinite;border-style:dashed}.bars{display:flex;flex-direction:column;gap:6px}.portrait:hover{border-color:#fff1c0}.health{position:relative;width:170px;height:16px;border-radius:99px;background:#28060cbf;border:1px solid rgba(255,140,150,.35);overflow:hidden}.health i{position:absolute;inset:0 auto 0 0;border-radius:99px}.health .lag{background:#ffe1c0;transition:width .8s ease .3s}.health .fill{background:linear-gradient(180deg,#ff8a8a,#e8334f 55%,#b81d3c);transition:width .15s}.health b{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:900 11px var(--ui);color:#fff;text-shadow:0 1px 2px #000}.vitals.critical .health{border-color:#ff5f74;animation:blink .9s steps(2) infinite}.mana{position:relative;width:170px;height:11px;border-radius:99px;background:#ffffff1a;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.mana i{position:absolute;inset:0 auto 0 0;border-radius:99px;background:linear-gradient(90deg,#5b8cff,#7fc8ff,#c9b6ff);box-shadow:0 0 12px #7fc8ffb3;transition:width .2s;overflow:hidden}.mana b{position:absolute;right:6px;top:-1px;font:900 10px var(--ui);color:#fff;text-shadow:0 1px 2px #000}.hud-center{position:absolute;left:50%;transform:translate(-50%);top:0;display:flex;flex-direction:column;align-items:center;gap:8px;width:clamp(160px,calc(100vw - 560px),560px);pointer-events:none}.tracker{position:absolute;right:14px;top:214px;z-index:3;width:min(240px,30vw);max-height:calc(100% - 330px);overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:0;border:0;background:none;text-align:right;cursor:pointer}.trk{display:flex;flex-direction:column;gap:1px;text-shadow:0 1px 3px #000,0 0 8px rgba(0,0,0,.8)}.trk b{font:800 12.5px var(--ui)}.trk>span{font:700 12px var(--ui);color:#e8ecf8}.trk em{font-style:normal;font-weight:900;margin-left:6px;color:#fff}.trk-main b{color:var(--main-q)}.trk-side b{color:var(--side-q)}.trk-side.ready>span{color:var(--side-q)}.zone-banner{display:flex;align-items:center;gap:12px;font:700 clamp(18px,2.4vw,26px) var(--display);letter-spacing:.1em;text-transform:uppercase;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.8),0 0 30px rgba(245,210,122,.5);animation:zone-in 2.8s ease both;white-space:nowrap}.zone-banner span{color:var(--gold);font-size:.6em}.hud-buttons{display:flex;gap:8px}.boss-bar{width:100%;animation:drop-in .5s cubic-bezier(.2,1.4,.4,1) both}.boss-label{display:flex;justify-content:center;align-items:baseline;gap:10px;margin-bottom:4px}.boss-label strong{font:900 17px var(--display);letter-spacing:.14em;text-transform:uppercase;color:#ffe6d8;text-shadow:0 2px 10px #000,0 0 20px rgba(255,90,70,.6)}.boss-label em{font:900 10px var(--ui);letter-spacing:.2em;font-style:normal;color:#ff6b5b;animation:blink .6s steps(2) infinite}.boss-track{position:relative;height:14px;border-radius:99px;background:#0a050acc;border:1px solid rgba(255,150,120,.6);overflow:hidden;box-shadow:0 0 20px #ff463c59}.boss-track i{position:absolute;inset:0 auto 0 0;border-radius:99px}.boss-track .lag{background:#fff1c0;transition:width 1s ease .35s}.boss-track .fill{background:linear-gradient(90deg,#ff4d5e,#ff8a4a);transition:width .15s}.phase-2 .boss-track .fill{background:linear-gradient(90deg,#c8264a,#ff4d8a,#ff8a4a);background-size:200% 100%;animation:shimmer 1.2s linear infinite}.boss-track .mark{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#ffffff80}.combo{position:absolute;right:24px;top:46%;z-index:3;display:flex;flex-direction:column;align-items:center;pointer-events:none;animation:combo-pop .35s cubic-bezier(.2,1.8,.4,1) both}.combo b{font:900 46px/1 var(--display);color:var(--gold);text-shadow:0 0 20px rgba(255,180,80,.8),0 3px 0 #7a3a10}.combo small{font:900 12px var(--ui);letter-spacing:.3em;color:#fff}.toasts{position:absolute;left:50%;bottom:158px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:4;pointer-events:none;width:min(520px,90vw)}.toast{padding:9px 18px;border-radius:999px;background:var(--glass-strong);border:1px solid var(--line);font-weight:800;font-size:13px;text-align:center;box-shadow:0 8px 20px #0006;animation:toast-in .35s cubic-bezier(.2,1.4,.4,1) both}.toast.tone-good{border-color:#b9f29d99;color:#e9ffd9}.toast.tone-warn{border-color:#ffaa788c;color:#ffe1cf}.toast.tone-epic{font:700 16px var(--display);padding:12px 24px;border-color:var(--gold);color:#fff3cf;box-shadow:0 0 30px #f5d27a59}.near-prompt{position:absolute;left:50%;bottom:104px;transform:translate(-50%);z-index:4;display:flex;align-items:center;gap:10px;padding:8px 18px 8px 8px;border-radius:999px;border:1px solid var(--gold);background:var(--glass-strong);cursor:pointer;box-shadow:0 0 24px #f5d27a4d;animation:prompt-bob 1.6s ease-in-out infinite;white-space:nowrap}.near-prompt kbd{background:var(--gold);color:#2a1a08;border-color:#fff1c0}.near-prompt span{font-weight:800;color:var(--gold);font-size:13px}.near-prompt b{font:700 14px var(--display)}.spellbar{position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:3;display:flex;gap:10px;padding:10px 14px;border-radius:24px;background:var(--glass);border:1px solid var(--line);box-shadow:0 10px 30px #0006}.spell{position:relative;width:60px;height:60px;border-radius:18px;border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--spell) 30%,#1a2240),#0d1224);cursor:pointer;display:grid;place-items:center;transition:transform .12s,box-shadow .2s,border-color .2s;touch-action:manipulation}.spell:active{transform:scale(.92)}.spell.ready{border-color:color-mix(in srgb,var(--spell) 80%,white);box-shadow:0 0 16px color-mix(in srgb,var(--spell) 50%,transparent),inset 0 0 12px color-mix(in srgb,var(--spell) 30%,transparent)}.spell.active{border-color:#fff;box-shadow:0 0 0 2px var(--spell),0 0 26px var(--spell),inset 0 0 18px color-mix(in srgb,var(--spell) 55%,transparent);animation:spell-on 1.4s ease-in-out infinite}@keyframes spell-on{50%{box-shadow:0 0 0 2px var(--spell),0 0 12px var(--spell),inset 0 0 10px color-mix(in srgb,var(--spell) 35%,transparent)}}.spell.locked{opacity:.45;filter:grayscale(1)}.spell.poor:not(.locked) .spell-icon-wrap b{opacity:.45}.spell-icon-wrap{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;display:grid;place-items:center;overflow:hidden}.spell-icon-wrap b{font-size:26px;color:var(--spell);text-shadow:0 0 12px var(--spell)}.hud-lite .health i,.hud-lite .mana i,.hud-lite .xp i,.hud-lite .boss-track i,.hud-lite .siege-track i{transition:none}.hud-lite .spell.active,.hud-lite .ach-pop:before,.hud-lite .phase-2 .boss-track .fill,.hud-lite .btn.primary:after{animation:none}.spell .cd{position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(rgba(4,6,14,.78) var(--cd),transparent 0)}.spell kbd{position:absolute;top:-8px;right:-6px;font-size:10px;padding:1px 5px;background:#141b33}.spell small{position:absolute;bottom:3px;left:0;right:0;text-align:center;font:900 10px var(--ui);color:var(--mana);text-shadow:0 1px 2px #000}.spell.slot-main{width:70px;height:70px;margin-top:-10px}.touch-controls{display:none}.stick-zone{position:absolute;left:0;bottom:0;width:55%;height:62%;touch-action:none;pointer-events:auto}.virtual-stick{position:absolute;left:118px;top:calc(100% - 128px);width:190px;height:190px;margin:-95px 0 0 -95px;border-radius:50%;background:radial-gradient(circle,#ffffff14,#0a0e1c80);border:3px solid rgba(255,230,170,.4);pointer-events:none;opacity:.55;transition:opacity .2s}.virtual-stick.active{opacity:1;transition:none}.virtual-stick:before{content:"";position:absolute;top:30px;right:30px;bottom:30px;left:30px;border-radius:50%;border:2px dashed rgba(255,230,170,.28)}.stick-thumb{position:absolute;left:50%;top:50%;width:80px;height:80px;margin:-40px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff6d8,#f5b54a);box-shadow:0 0 24px #f5b44aa6,inset 0 -4px 8px #783c0a59;pointer-events:none}.touch-actions{position:absolute;right:18px;bottom:18px;width:250px;height:250px;pointer-events:none}.spell.touch{position:absolute;width:58px;height:58px;border-radius:50%;pointer-events:auto;margin:0}.spell.touch.slot-main{right:0;bottom:0;width:96px;height:96px;margin-top:0}.spell.touch.slot-main .spell-icon-wrap b{font-size:40px}.spell.touch.slot-dash{right:117px;bottom:19px}.spell.touch.slot-inner{right:86px;bottom:86px}.spell.touch.slot-side{right:19px;bottom:117px}.spell.touch.slot-top{right:82px;bottom:176px}.spell.touch.potion{right:184px;bottom:19px;width:58px;height:58px}@media(pointer:coarse){.spellbar{display:none}.touch-controls{display:block}.near-prompt{bottom:auto;top:44%}.toasts{bottom:auto;top:30%}}.chapter-banner{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center;background:radial-gradient(ellipse at center,#050810a6,#05081000 70%);animation:fade-out-late 3.8s ease both}.chapter-banner small{font:800 14px var(--ui);letter-spacing:.5em;text-transform:uppercase;color:var(--gold);animation:rise-in .8s .1s both}.chapter-banner h2{margin:10px 0 6px;font:900 clamp(40px,8vw,92px)/1 var(--deco);background:linear-gradient(100deg,#fff4d0,#f5d27a,#fff9e6,#e8a14a);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:letter-in 1s .25s both,shimmer 4s linear infinite;filter:drop-shadow(0 4px 20px rgba(0,0,0,.7))}.chapter-banner p{margin:0;font:italic 700 clamp(16px,2vw,22px) var(--display);color:#e8ecff;animation:rise-in .8s .6s both}.chapter-banner i{margin-top:18px;width:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:line-grow 1.2s .7s forwards}.boss-banner{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.letterbox{position:absolute;left:0;right:0;height:13%;background:#000;animation:letterbox 3s ease both}.letterbox.top{top:0;transform-origin:top}.letterbox.bottom{bottom:0;transform-origin:bottom}.boss-name{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;animation:boss-slam 3s cubic-bezier(.2,1.3,.4,1) both}.boss-name small{font:800 13px var(--ui);letter-spacing:.4em;text-transform:uppercase;color:#ffb4a0}.boss-name h2{margin:6px 0 0;font:900 clamp(40px,8vw,96px)/1 var(--deco);color:#fff0e8;text-shadow:0 0 40px rgba(255,60,50,.9),0 6px 0 #5a0d12}.spell-banner{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:grid;place-items:center;background:#04060e8c;animation:fade-in .3s both;cursor:pointer}.spell-card{position:relative;width:min(420px,calc(100% - 40px));padding:40px 28px 28px;text-align:center;border-radius:28px;background:var(--glass-strong);border:1px solid var(--spell);box-shadow:0 0 80px color-mix(in srgb,var(--spell) 45%,transparent);overflow:hidden;animation:pop-in .6s cubic-bezier(.2,1.5,.4,1) both}.spell-rays{position:absolute;left:50%;top:90px;width:600px;height:600px;margin:-300px;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--spell) 22%,transparent) 0 8deg,transparent 8deg 22deg);animation:spin 14s linear infinite;mask-image:radial-gradient(circle,#000 20%,transparent 60%);-webkit-mask-image:radial-gradient(circle,#000 20%,transparent 60%)}.spell-card>*:not(.spell-rays){position:relative}.spell-icon{width:104px;height:104px;margin:0 auto 14px;display:grid;place-items:center;border-radius:50%;font-size:54px;color:#1a1208;background:radial-gradient(circle at 40% 35%,#fff,var(--spell));box-shadow:0 0 50px var(--spell);animation:float 3s ease-in-out infinite}.spell-card small{font:800 12px var(--ui);letter-spacing:.32em;text-transform:uppercase;color:var(--spell)}.spell-card h2{margin:6px 0 8px;font:900 40px var(--deco);color:#fff}.spell-card p{margin:0 0 18px;color:#d6dbef;line-height:1.6}.spell-card kbd{font-size:13px;padding:6px 14px;border-color:var(--spell)}.dialogue{position:absolute;left:50%;bottom:20px;transform:translate(-50%);z-index:6;width:min(760px,calc(100% - 24px));display:flex;gap:18px;align-items:stretch;padding:18px;border-radius:24px;background:var(--glass-strong);border:1px solid var(--gold);box-shadow:0 20px 60px #0009,0 0 40px #f5d27a26;cursor:pointer;animation:rise-in .35s cubic-bezier(.2,1.3,.4,1) both}.dialogue-portrait{flex:none;width:86px;height:86px;display:grid;place-items:center;font-size:50px;border-radius:20px;background:radial-gradient(circle at 40% 30%,#3a4a7a,#141b33);border:2px solid var(--line);animation:bob 2.4s ease-in-out infinite}.dialogue-body{flex:1;display:flex;flex-direction:column;min-width:0}.dialogue-body strong{font:700 19px var(--display);color:var(--gold)}.dialogue-body p{margin:6px 0 8px;min-height:3.2em;font-size:16px;line-height:1.6;color:#f1f3ff}.caret{display:inline-block;width:8px;height:16px;margin-left:2px;vertical-align:-2px;background:var(--gold);animation:blink .8s steps(2) infinite}.dialogue-foot{margin-top:auto;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.dialogue-foot em{font-style:normal;font-weight:800;color:var(--gold);animation:nudge 1.2s ease-in-out infinite}.journal{position:absolute;top:0;right:0;bottom:0;z-index:5;width:min(380px,92vw);padding:18px;overflow-y:auto;background:var(--glass-strong);border-left:1px solid var(--line);box-shadow:-20px 0 60px #00000080;animation:slide-in .35s cubic-bezier(.2,1.1,.4,1) both}.journal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.journal-head strong{font:900 24px var(--display);color:var(--gold)}.journal section{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}.journal section>small{font:800 10px var(--ui);letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.main-q{margin:8px 0 4px;font:700 18px var(--display)}.sub-q{margin:0;color:var(--muted);font-size:13px}.side{display:flex;width:100%;gap:10px;align-items:flex-start;margin-top:8px;padding:8px;border:1px solid transparent;border-radius:12px;background:none;text-align:left;cursor:pointer}.side>span{width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);font-size:12px}.side.done>span{background:#b9f29d;color:#16300e;border-color:#b9f29d}.side b{display:block;font-size:14px}.side em{font-style:normal;font-size:12px;color:var(--muted)}.spellbook{display:flex;flex-direction:column;gap:8px;margin-top:10px}.book-spell{display:flex;gap:12px;align-items:center;padding:8px 10px;border-radius:14px;background:#ffffff0d}.book-spell>b{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--spell) 25%,#141b33);color:var(--spell);font-size:20px;text-shadow:0 0 10px var(--spell)}.book-spell strong{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:14px}.book-spell em{font-style:normal;font-size:12px;color:var(--muted);line-height:1.4}.book-spell.locked{opacity:.5}.fox-tip p{margin:8px 0 0;font:italic 600 15px/1.5 var(--display);color:#f4e6c4}.journal-stats{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);border-bottom:0!important}.journal-stats b{color:var(--cream)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;grid-template-rows:minmax(0,1fr);place-items:center;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#04060e99;animation:fade-in .25s both}.pause-panel{width:min(520px,100%);max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding:30px 26px;text-align:center;animation:pop-in .4s cubic-bezier(.2,1.4,.4,1) both}.pause-panel h2{margin:12px 0 6px;font:900 38px var(--display)}.pause-panel p{margin:0 0 18px;color:var(--muted)}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin-bottom:20px;text-align:left;font-size:13px;color:#d6dbef}.controls-grid kbd{margin-right:4px}.pause-panel .btn.primary{width:100%}.pause-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:8px;margin-top:12px}.pause-row .btn.on{transform:none}.pause-row .btn{min-height:40px;font-size:13px;padding:0 14px}@media(max-width:900px){.chapter-cards{grid-template-columns:1fr;max-width:520px}.chapter-card{padding-top:90px}.card-art{height:80px}.hud-center{width:clamp(160px,calc(100vw - 560px),520px)}}@media(max-width:640px){.hud-top{top:8px;left:8px;right:8px}.vitals{padding:5px 10px 5px 5px;gap:6px}.portrait{width:36px;height:36px;font-size:20px}.health{width:112px;height:13px}.health b{font-size:9px}.mana{width:112px;height:8px}.icon-button{width:36px;height:36px;border-radius:12px;font-size:14px}.hud-center{position:fixed;top:86px;left:8px;right:146px;width:auto;transform:none}.boss-bar{width:100%}.zone-banner{font-size:16px}.dialogue{padding:12px;gap:12px}.dialogue-portrait{width:58px;height:58px;font-size:34px}.dialogue-body p{font-size:14px}.virtual-stick{width:170px;height:170px;margin:-85px 0 0 -85px;left:100px;top:calc(100% - 110px)}.stick-thumb{width:72px;height:72px;margin:-36px}.touch-actions{transform:scale(.82);transform-origin:bottom right;right:10px;bottom:10px}.combo{right:12px}.combo b{font-size:34px}.title-logo{margin-top:10px}.stat-row b{font-size:18px}}@media(max-height:520px)and (orientation:landscape){.touch-actions{transform:scale(.72);transform-origin:bottom right;right:18px;bottom:8px}.virtual-stick{width:150px;height:150px;margin:-75px 0 0 -75px;left:96px;top:calc(100% - 96px)}.title-hero{padding-top:6px}.title-logo{font-size:54px}.pause-panel{width:min(720px,100%);padding:14px 20px;border-radius:20px}.pause-panel h2{margin:4px 0 2px;font-size:24px}.pause-panel p{margin:0 0 10px;font-size:13px}.pause-panel .controls-grid{grid-template-columns:repeat(5,auto);justify-content:center;gap:6px 12px;margin-bottom:10px;font-size:12px}.pause-panel .volume-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:10px}.pause-panel .volume-grid label{grid-template-columns:auto 1fr;gap:8px;font-size:12px}.pause-panel .btn.primary{min-height:42px}.pause-row{margin-top:8px}.pause-row .btn{min-height:36px}}@media(hover:none)and (pointer:coarse){.pause-panel .controls-grid{display:none}}@media(hover:none)and (pointer:coarse){.title-logo span,.title-logo span:last-child,.select-page .select-info h1{animation:none;background-position:30% 0}.btn.primary:after{animation:none;opacity:0}}@keyframes shimmer{to{background-position:-250% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-3px) rotate(2deg)}}@keyframes sheen{0%,60%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes gem-spin{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1}}@keyframes sway{0%,to{transform:translate(0) rotate(-2deg)}50%{transform:translate(14px) rotate(2deg)}}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.dialogue{animation-name:dialogue-in}@keyframes dialogue-in{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes drop-in{0%{opacity:0;transform:translateY(-14px) scale(.95)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out-late{0%,80%{opacity:1}to{opacity:0}}@keyframes letter-in{0%{opacity:0;letter-spacing:.4em;filter:blur(8px)}to{opacity:1;letter-spacing:0;filter:blur(0) drop-shadow(0 4px 20px rgba(0,0,0,.7))}}@keyframes line-grow{to{width:min(420px,70vw)}}@keyframes zone-in{0%{opacity:0;transform:translateY(-8px);letter-spacing:.4em}15%,80%{opacity:1;transform:none;letter-spacing:.1em}to{opacity:0}}@keyframes letterbox{0%{transform:scaleY(0)}12%,85%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes boss-slam{0%{opacity:0;transform:translateY(-50%) scale(2.2)}14%{opacity:1;transform:translateY(-50%) scale(1)}18%{transform:translateY(-50%) scale(1.06)}85%{opacity:1}to{opacity:0;transform:translateY(-50%) scale(.96)}}@keyframes combo-pop{0%{transform:scale(1.8);opacity:.3}to{transform:scale(1);opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:none}}@keyframes prompt-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-4px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:0}}@keyframes nudge{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@keyframes slide-in{0%{transform:translate(100%)}to{transform:none}}@keyframes star-pop{0%{opacity:0;transform:scale(0) rotate(-90deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes confetti{0%{transform:translateY(-20px) rotate(0)}to{transform:translateY(110vh) rotate(720deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.level-badge{position:absolute;right:-6px;bottom:-6px;min-width:22px;height:22px;padding:0 5px;display:grid;place-items:center;border-radius:99px;background:linear-gradient(135deg,#fff1b8,#f5b54a);color:#3a2208;font:900 12px var(--ui);border:2px solid #1a1208;box-shadow:0 0 10px #f5b44ab3}.xp{position:relative;width:150px;height:9px;border-radius:99px;background:#ffffff1a;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.xp i{position:absolute;inset:0 auto 0 0;border-radius:99px;background:linear-gradient(90deg,#8fd46b,#d8f58a,#fff1b8);box-shadow:0 0 10px #b9f29db3;transition:width .4s cubic-bezier(.2,1,.4,1)}.xp b{position:absolute;right:6px;top:-2px;font:900 8.5px var(--ui);color:#fff;text-shadow:0 1px 2px #000;letter-spacing:.04em}.zone-banner em{font:800 11px var(--ui);font-style:normal;letter-spacing:.25em;color:#b9f29d;margin-left:6px}.level-banner{position:absolute;left:50%;top:26%;transform:translate(-50%);z-index:6;display:flex;flex-direction:column;align-items:center;pointer-events:none;text-align:center;animation:level-in 3.2s ease both}.level-banner small{font:800 13px var(--ui);letter-spacing:.5em;text-transform:uppercase;color:#b9f29d;text-shadow:0 2px 10px #000}.level-banner b{font:900 clamp(64px,10vw,110px)/1 var(--deco);background:linear-gradient(180deg,#fffbe8,#f5d27a 60%,#e8a14a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 24px rgba(245,180,74,.7))}.level-banner span{font:700 14px var(--display);color:#fff4d6;text-shadow:0 2px 10px #000}@keyframes level-in{0%{opacity:0;transform:translate(-50%,20px) scale(.7)}12%{opacity:1;transform:translate(-50%) scale(1.08)}20%{transform:translate(-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-20px)}}.spell small.lvl{color:#ffe38a;font-size:9px}.journal-tabs{display:flex;gap:6px;margin:6px 0 4px}.journal-tabs button{flex:1;padding:8px 6px;border-radius:12px;border:1px solid var(--line);background:#ffffff0a;cursor:pointer;font:800 12px var(--ui);color:var(--muted)}.journal-tabs button.on{background:#f5d27a29;color:var(--gold);border-color:var(--gold)}.side:hover{background:#ffffff0d}.side.tracked{border-color:#6fc3ff99;background:#6fc3ff14}.side>div{flex:1;min-width:0}.side.status-available>span{background:var(--side-q);color:#0b2238;border-color:var(--side-q)}.side.status-active>span{color:var(--side-q);border-color:var(--side-q)}.side.status-ready>span{background:var(--side-q);color:#0b2238;border-color:var(--side-q)}.side b{color:#cfe9ff}.side em.reward{display:block;margin-top:2px;color:#9fb9d6}.q-main{border-left:3px solid var(--main-q);padding-left:12px!important}.q-main>small{color:var(--main-q)!important}.q-main .main-q{color:#fff1c0}.q-main .main-q em{font-style:normal;color:var(--main-q)}.q-sides>small{color:var(--side-q)!important}.side.status-done{opacity:.6;cursor:default}.side.status-done>span{background:#b9f29d;color:#16300e;border-color:#b9f29d}.volume-grid{display:grid;gap:10px;margin:0 0 18px;text-align:left}.volume-grid label{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:12px;font:800 13px var(--ui);color:#d6dbef}.volume-grid input{width:100%;accent-color:var(--gold)}.map-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:flex;flex-direction:column;padding:14px;gap:10px;background:#04060ed1;animation:fade-in .2s both}.map-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:0 6px}.map-head strong{font:900 22px var(--display);color:var(--gold)}.map-head span{font-size:12px;color:var(--muted)}.map-overlay canvas{flex:1;width:100%;min-height:0}.map-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;font:700 12px var(--ui);color:#d6dbef}.map-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.title-level{margin-top:12px;font:800 13px var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}@media(max-width:640px){.xp{width:112px;height:8px}.xp b{font-size:7.5px}.level-badge{min-width:18px;height:18px;font-size:10px}}.vitals-wrap{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.buffs{display:flex;gap:6px;padding-left:6px}.buff{position:relative;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--c) var(--p),rgba(10,14,28,.85) 0)}.buff:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--glass-strong)}.buff .flask{position:relative;transform:scale(.7)}.buff b{position:absolute;bottom:-6px;right:-6px;min-width:18px;padding:0 3px;border-radius:99px;background:#141b33;font:900 9px/14px var(--ui);text-align:center}.flask{position:relative;display:inline-block;width:18px;height:22px;font-style:normal}.flask:before{content:"";position:absolute;left:6px;top:0;width:6px;height:7px;border-radius:2px 2px 0 0;background:#c9a06a;box-shadow:0 3px #ffffff80}.flask:after{content:"";position:absolute;left:1px;bottom:0;width:16px;height:15px;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 35% 35%,#fff 0 2px,var(--c) 3px);border:1px solid rgba(255,255,255,.55)}.bar-gap{width:1px;margin:6px 2px;background:var(--line)}.spell.potion .flask{transform:scale(1.25)}.spell.potion small.count{color:#fff;font-size:11px}.spell.potion.poor .flask{opacity:.35}.tap-hint{font:900 11px var(--ui);font-style:normal;padding:3px 9px;border-radius:99px;background:var(--gold);color:#2a1a08}.tap-note{display:inline-block;font-style:normal;font-weight:800;color:var(--spell)}.side-panel{position:absolute;top:0;right:0;bottom:0;z-index:6;width:min(400px,94vw);padding:18px;overflow-y:auto;overscroll-behavior:contain;background:var(--glass-strong);border-left:1px solid var(--line);box-shadow:-20px 0 60px #00000080;animation:slide-in .3s cubic-bezier(.2,1.1,.4,1) both}.side-panel section{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.side-panel section>small{font:800 10px var(--ui);letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.panel-note{margin:0 0 12px;font-size:13px;color:var(--muted);line-height:1.5}.bag-list{display:flex;flex-direction:column;gap:8px}.bag-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:16px;background:#ffffff0d;border:1px solid color-mix(in srgb,var(--c) 40%,transparent)}.bag-item.empty{opacity:.5}.bag-item>div{flex:1;min-width:0}.bag-item strong{display:flex;align-items:center;gap:8px;font-size:14px}.bag-item em{display:block;font-style:normal;font-size:12px;color:var(--muted);line-height:1.4}.bag-item .btn{min-height:38px;padding:0 16px}.bag-item .btn:disabled{opacity:.4;cursor:default;transform:none}.bag-icon{position:relative;width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--c) 22%,#141b33)}.bag-icon .flask{transform:scale(1.3)}.bag-icon b{position:absolute;right:-4px;bottom:-4px;min-width:20px;padding:0 4px;border-radius:99px;background:#0b1020;border:1px solid var(--line);font:900 11px/18px var(--ui);text-align:center}.hero-card{display:flex;gap:14px;align-items:center;padding:6px 0 14px;border-bottom:1px solid rgba(255,255,255,.08)}.hero-card>div{flex:1;display:flex;flex-direction:column;gap:4px}.hero-card>div>b{font:900 24px var(--display);color:var(--gold)}.hero-card em{font-style:normal;font-size:13px;color:var(--muted)}.portrait.big{width:72px;height:72px;font-size:40px;cursor:default}.xp.wide{width:100%;height:12px;margin-top:4px}.xp.wide b{top:0;font-size:9px;line-height:12px}.stat-list{margin:8px 0 0;display:grid;gap:6px}.stat-list div{display:flex;justify-content:space-between;gap:12px;font-size:13px}.stat-list dt{color:var(--muted)}.stat-list dd{margin:0;font-weight:800;color:var(--cream);text-align:right}.offer{margin-top:4px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;cursor:default}.offer-info{flex:1 1 260px;display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:14px;background:#6fc3ff14;border:1px solid rgba(111,195,255,.45)}.offer-info small{font:800 10px var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--side-q)}.offer-info b{font:700 16px var(--display);color:#e3f2ff}.offer-info em{font-style:normal;font-size:13px;color:#d6dbef}.offer-info span{font:800 12px var(--ui);color:#ffe38a}.offer-actions{display:flex;gap:8px;flex-wrap:wrap}.offer-actions .btn{min-height:42px;padding:0 18px}.graphics-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-6px 0 16px;font:800 13px var(--ui);color:#d6dbef}.seg{display:flex;padding:3px;gap:3px;border-radius:12px;background:#ffffff0f;border:1px solid var(--line)}.seg button{padding:6px 10px;border:0;border-radius:9px;background:none;cursor:pointer;font:800 12px var(--ui);color:var(--muted)}.seg button.on{background:#f5d27a33;color:var(--gold)}@media(max-width:640px),(max-height:520px){.tracker{top:172px;right:8px;width:170px;gap:6px}.trk b{font-size:11px}.trk>span{font-size:10.5px}.offer-info{flex-basis:100%;padding:8px 10px}.offer-actions{width:100%}.offer-actions .btn{flex:1}}@media(max-height:520px)and (orientation:landscape){.tracker{top:56px;right:158px;width:160px}.tracker .trk:nth-child(n+3){display:none}.spell.touch.potion{right:190px}}@media(max-width:640px){.health,.mana,.xp{width:112px}}.offer-info.main{background:#ffd35c17;border-color:#ffd35c8c}.offer-info.main small{color:var(--main-q)}.offer-info.main b{color:#fff1c0}.trk-main b i{font-style:normal;font-weight:800;color:#ffd35cb3;font-size:.9em}.q-main .sub-q{margin:2px 0 0;color:#e8ecf8}.q-main .sub-q em{font-style:normal;font-weight:900;color:var(--main-q)}.story{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:13px}.story li{display:flex;gap:8px;align-items:center;color:#fff1c0}.story li span{width:16px;color:var(--main-q);text-align:center}.story li.done{color:var(--muted)}.settings-panel{text-align:left;position:relative}.settings-panel .settings-close{position:sticky;top:0;float:right;margin:-14px -12px -36px 0;width:36px;height:36px;z-index:2;background:#101426f5}.settings-panel h2,.settings-panel>small,.settings-panel>p{text-align:center}.settings-panel .eyebrow{display:flex;justify-content:center}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.07)}.setting-row>span{display:flex;flex-direction:column;gap:1px}.setting-row b{font:800 13px var(--ui);color:#eef1fb}.setting-row em{font-style:normal;font-size:11px;color:var(--muted)}.setting-row .seg{flex-wrap:wrap}.settings-panel .volume-grid{margin-top:14px}.fps-meter{position:absolute;left:50%;bottom:4px;transform:translate(-50%);z-index:9;padding:2px 8px;border-radius:8px;background:#0000008c;font:800 11px var(--ui);color:#b9f29d;pointer-events:none}.is-touch .fps-meter{bottom:max(4px,env(safe-area-inset-bottom));padding:3px 10px;font-size:13px}.exit-button svg{display:block}.world-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;display:grid;place-items:center;background:radial-gradient(120% 90% at 50% 35%,#2a2560,#141a44 45%,#080b1e);transition:opacity .45s ease,visibility .45s}.world-veil.gone{opacity:0;visibility:hidden;pointer-events:none}.veil-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px;text-align:center}.veil-title{font:700 clamp(20px,3.4vw,28px)/1 var(--display);letter-spacing:.08em;color:#fff4de;-webkit-text-stroke:1px #2f2330;paint-order:stroke fill;text-shadow:0 3px 0 rgba(18,10,20,.7),0 0 18px rgba(245,210,122,.3)}.veil-bar{width:min(220px,56vw);height:10px;border-radius:6px;background:#2a2030;border:1.5px solid #fff1d6;box-shadow:0 0 0 1.5px #2f2330,2px 3px #120a1480;overflow:hidden}.veil-bar i{display:block;width:0;height:100%;border-radius:4px;background:linear-gradient(90deg,#e8a14a,#f5d27a);transition:width .15s linear}@media(prefers-reduced-motion:reduce){.world-veil,.veil-bar i{transition:none}}@media(max-height:520px)and (orientation:landscape){.setting-row{padding:5px 0}}.btn.danger{border-color:#ff786e73;color:#ffd4cc}.btn.danger.armed{background:#dc3c3c59;border-color:#ff7a6e;color:#fff}.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;padding:12px;border-radius:16px;border:1px solid rgba(255,120,110,.3);background:#78141426}.danger-zone>span{display:flex;flex-direction:column;gap:2px}.danger-zone b{font:800 13px var(--ui);color:#ffd4cc}.danger-zone em{font-style:normal;font-size:11px;color:var(--muted)}.vitals-row{display:flex;align-items:center;gap:8px;padding-left:6px}.vitals-row .buffs{padding-left:0}.gold-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 10px 2px 4px;border-radius:99px;background:var(--glass);border:1px solid var(--line);font:900 12px/18px var(--ui);color:#ffe38a;pointer-events:none}.gold-chip i,.coin{display:inline-block;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff4c0,#f5b54a 55%,#b8741e);box-shadow:inset 0 0 0 1.5px #78460a80}.gold-chip.big{margin-left:auto;margin-right:10px;font-size:14px;padding:3px 12px 3px 5px}.btn.price{gap:6px;min-width:76px}.btn.price:disabled{opacity:.4;cursor:default;transform:none}.bag-item.upgrade .up-icon{font-size:22px;color:var(--gold);text-shadow:0 0 10px rgba(255,211,92,.7)}.pips{display:flex;gap:4px;margin-top:5px}.pips i{width:16px;height:5px;border-radius:3px;background:#ffffff26}.pips i.on{background:var(--gold);box-shadow:0 0 6px #ffd35c99}.boss-label .boss-lv{font:900 11px var(--ui);color:#ffb4a0}.side b .ch{font-style:normal;font-size:9px;font-weight:900;margin-left:6px;padding:1px 5px;border-radius:6px;background:#ffffff14;color:var(--muted);vertical-align:2px}.lands p{display:flex;justify-content:space-between;margin:6px 0 0;font-size:13px}.lands p span{color:var(--muted);font-weight:800}.near-prompt.compact{left:clamp(48px,var(--near-x, 50%),calc(100% - 48px));top:clamp(64px,var(--near-y, 40%),calc(100% - 60px));bottom:auto;transform:translate(-50%,-100%);padding:8px 22px;gap:0;border:2px solid #fff1c0;background:linear-gradient(180deg,#ffe49a,#f5c04a 60%,#e8a13a);box-shadow:0 4px 14px #00000073,0 0 18px #f5be5a80;animation:prompt-float 1.6s ease-in-out infinite}.near-prompt.compact:after{content:"";position:absolute;left:50%;bottom:-7px;width:12px;height:12px;margin-left:-6px;background:#e8a13a;border-right:2px solid #fff1c0;border-bottom:2px solid #fff1c0;transform:rotate(45deg)}@keyframes prompt-float{0%,to{transform:translate(-50%,-100%)}50%{transform:translate(-50%,calc(-100% - 4px))}}.near-prompt.compact span{position:relative;z-index:1;font:900 15px var(--ui);color:#2a1a08;letter-spacing:.04em}.region-banner{position:absolute;left:50%;top:22%;transform:translate(-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;text-align:center;animation:level-in 4.2s ease both;white-space:nowrap}.region-banner small{font:800 12px var(--ui);letter-spacing:.45em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 10px #000}.region-banner h3{margin:0;font:900 clamp(26px,4.5vw,46px)/1.1 var(--deco);color:#fff4d6;text-shadow:0 3px 18px rgba(0,0,0,.8),0 0 30px rgba(245,210,122,.4)}.region-banner span{font:800 13px var(--ui);color:#e8ecff;text-shadow:0 2px 8px #000}.region-banner em{margin-top:4px;padding:4px 12px;border-radius:99px;font:900 12px var(--ui);font-style:normal;color:#fff;background:#c82828bf;border:1px solid #ff7a6e}.region-banner.danger h3{color:#ffd0c8}.offer-actions .btn:disabled{opacity:.45;cursor:default;transform:none}.offer-actions .btn{transition:opacity .25s,transform .18s}.victory-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;display:grid;place-items:center;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow-y:auto;background:radial-gradient(ellipse at center,#080a188c,#04060ee0);animation:fade-in .4s both}.victory-overlay .victory-panel{margin:0}.victory-hint{margin:14px auto 0!important;font-size:12px;color:var(--muted)!important}.map-head{align-items:center}.map-tabs{display:flex;gap:6px;flex-wrap:wrap}.map-tabs button{display:flex;flex-direction:column;align-items:flex-start;padding:6px 12px;border-radius:12px;border:1px solid var(--line);background:#ffffff0d;cursor:pointer;font:800 13px var(--display);color:var(--muted)}.map-tabs button small{font:800 10px var(--ui);color:var(--muted);letter-spacing:.08em}.map-tabs button.on{color:var(--gold);border-color:var(--gold);background:#f5d27a24}@media(pointer:coarse){.toasts{top:64px;width:auto;max-width:60vw}.toast{padding:5px 14px;font-size:12px}.toast.tone-epic{font:800 13px var(--display);padding:6px 16px}.level-banner span{display:none}}@media(max-height:520px)and (orientation:landscape){.hud-top{top:8px;left:8px;right:8px}.vitals{padding:5px 10px 5px 5px;gap:6px}.portrait{width:36px;height:36px;font-size:20px}.health,.mana,.xp{width:112px}.health{height:13px}.health b{font-size:9px}.mana,.xp{height:8px}.xp b{font-size:7.5px}.level-badge{min-width:18px;height:18px;font-size:10px}.icon-button{width:36px;height:36px;border-radius:12px;font-size:14px}.hud-center{width:clamp(150px,calc(100vw - 400px),460px)}.boss-label strong{font-size:13px}.boss-track{height:11px}.zone-banner{font-size:15px}.region-banner{top:18%}.region-banner h3{font-size:26px}.level-banner{top:16%}.level-banner b{font-size:56px}.chapter-banner h2{font-size:44px}.chapter-banner small{font-size:11px}.combo{top:40%}.combo b{font-size:30px}.zone-banner{max-width:100%;overflow:hidden;text-overflow:ellipsis;gap:8px}.dialogue{bottom:8px;padding:10px 12px;gap:10px;width:min(820px,calc(100% - 16px));border-radius:18px}.dialogue-portrait{width:48px;height:48px;font-size:28px;border-radius:14px}.dialogue-body strong{font-size:15px}.dialogue-body p{margin:2px 0 4px;min-height:2.4em;font-size:14px;line-height:1.45}.offer{flex-wrap:nowrap;gap:10px}.offer-info{flex:1 1 auto;padding:6px 10px}.offer-info b{font-size:14px}.offer-info em{font-size:12px}.offer-info span{font-size:11px}.offer-actions{width:auto;flex-wrap:nowrap}.offer-actions .btn{flex:none;min-height:40px;padding:0 16px}.offer-actions .btn.primary{min-width:112px}.spell-card{padding:14px 20px;border-radius:20px;width:min(520px,calc(100% - 32px))}.spell-icon{width:56px;height:56px;font-size:30px;margin-bottom:6px}.spell-card h2{font-size:26px;margin:2px 0 4px}.spell-card p{font-size:13px;margin-bottom:8px;line-height:1.4}.spell-rays{top:44px}.victory-panel.compact{width:min(880px,100%);display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;padding:16px 22px;text-align:left;border-radius:20px}.victory-panel.compact h1{margin:8px 0 6px;font-size:26px}.victory-panel.compact p{margin:0;font-size:13px;line-height:1.5}.victory-panel.compact .star-row{margin:0 0 8px}.victory-panel.compact .star-row span{font-size:30px}.victory-panel.compact .stat-row{gap:6px;margin-bottom:10px}.victory-panel.compact .stat-row div{padding:6px 4px}.victory-panel.compact .stat-row b{font-size:15px}.victory-panel.compact .stat-row small{font-size:9px}.victory-panel.compact .menu-actions{flex-wrap:nowrap;gap:8px}.victory-panel.compact .menu-actions .btn{min-height:42px;padding:0 14px;font-size:13px}.victory-panel.compact .menu-actions .btn.primary{flex:1}.victory-panel.compact .victory-hint{margin-top:8px!important;font-size:11px}.victory-panel.compact .eyebrow{justify-content:flex-start}.ending-page .victory-panel{padding:16px 22px}.ending-page .victory-panel h1{font-size:28px;margin:8px 0}.ending-page .victory-panel p{font-size:13px;margin-bottom:8px}.ending-page .star-row{margin:4px 0 10px}.ending-page .star-row span{font-size:26px}.title-top{padding:6px 0}.title-hero{padding:0 0 8px}.title-hero>.eyebrow,.title-hero>p:not(.title-level){display:none}.title-logo{margin:0 0 8px;font-size:44px}.title-level{margin-top:6px;font-size:11px}.title-hero .btn.big{min-height:46px;font-size:14px}.chapter-cards{grid-template-columns:repeat(3,1fr);max-width:none;gap:10px;padding:4px 0 8px}.chapter-card{padding:46px 12px 10px;border-radius:16px}.chapter-card .card-art{height:40px}.chapter-card strong{font-size:15px}.chapter-card em{display:none}.chapter-card small{font-size:9px}.card-foot{margin-top:4px}.card-spell{font-size:10px;padding:3px 8px 3px 4px}.card-spell b{width:18px;height:18px;font-size:10px}.title-foot{display:none}.map-overlay{padding:8px 12px;gap:6px}.map-tabs button{padding:4px 10px;font-size:12px}.map-legend{font-size:11px;gap:4px 12px}.side-panel,.journal{padding:12px 14px}}.title-tools{display:flex;gap:8px}.hero-pick{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:0 0 18px}.hero-choice{display:flex;align-items:center;gap:12px;width:min(300px,44vw);padding:10px 14px;border-radius:18px;border:1px solid var(--line);background:var(--glass);cursor:pointer;text-align:left;transition:transform .15s,border-color .15s,background .15s}.hero-choice:hover{transform:translateY(-2px)}.hero-choice.on{border-color:var(--gold);background:#f5d27a24;box-shadow:0 0 24px #f5d27a40}.hc-portrait{width:48px;height:48px;flex:none;display:grid;place-items:center;font-size:28px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe8b8,#d9864a 60%,#7a3a52);border:2px solid var(--line)}.hero-choice.on .hc-portrait{border-color:var(--gold)}.hc-text{display:flex;flex-direction:column;min-width:0}.hc-text b{font:700 17px var(--display);color:var(--cream)}.hc-text em{font-style:normal;font:800 10px var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.hc-text small{font-size:12px;color:var(--muted);line-height:1.35}.danger-zone{flex-direction:column;align-items:stretch}.dz-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.dz-row>span{display:flex;flex-direction:column;gap:2px;flex:1 1 200px}.book-stats{display:flex!important;flex-wrap:wrap;gap:4px 10px;margin-top:3px;color:#ffe38a!important;font-weight:800}.book-upgrades dd{color:var(--gold)}.hero-kael .mana i{background:linear-gradient(90deg,#d9642a,#ffb35c,#ffe0a0);box-shadow:0 0 12px #ffaa5ab3}@media(max-height:520px)and (orientation:landscape){.hero-pick{margin-bottom:8px;gap:8px}.hero-choice{padding:6px 10px;gap:8px;width:min(250px,40vw)}.hc-portrait{width:36px;height:36px;font-size:20px}.hc-text b{font-size:14px}.hc-text small{display:none}}.menu-page>.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10}.hero-face{display:inline-block;width:1.15em;height:1.15em;vertical-align:middle}.hero-face.emoji{width:auto;height:auto}.portrait>span{display:grid;place-items:center}.buff-icon{position:relative;z-index:1;display:grid;place-items:center}.spell.potion .spell-icon-wrap svg{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--spell) 60%,transparent))}.spell.potion.poor .spell-icon-wrap svg{opacity:.35;filter:grayscale(.6)}.spell.touch.potion.quick{right:184px;bottom:86px}.toast.loot{border-color:var(--r);color:var(--r);box-shadow:0 0 24px color-mix(in srgb,var(--r) 40%,transparent),0 8px 20px #0006}.play-button{min-width:min(320px,80vw);min-height:72px;padding:0 44px;font:900 24px var(--display);letter-spacing:.18em;text-transform:uppercase;border-radius:22px}.play-button b{font-size:26px}.exit-panel{width:min(460px,100%)}.exit-panel h2{font-size:30px;line-height:1.15}.exit-actions{display:flex;gap:10px}.exit-actions .btn{flex:1}.pause-panel .leave-btn{width:100%;margin-top:10px;border-color:#ff967866}.hero-stage{position:relative;min-height:0}.hero-stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;touch-action:none;cursor:grab;opacity:0;transition:opacity .5s}.hero-stage.ready canvas{opacity:1}.hero-stage canvas:active{cursor:grabbing}.stage-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.stage-loading i{width:38px;height:38px;border-radius:50%;border:3px solid rgba(245,210,122,.25);border-top-color:var(--gold);animation:spin 1s linear infinite}.stage-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:min(30vh,180px)}.select-page{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.select-page>.title-backdrop{position:absolute}.select-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 60% 70% at 50% 55%,#0a0c1e00 30%,#050610d1)}.select-top{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:max(14px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left))}.select-top .btn{min-height:40px;padding:0 16px}.select-top .eyebrow{position:absolute;left:50%;transform:translate(-50%);margin:0;white-space:nowrap;pointer-events:none}.select-stage{position:absolute;left:50%;top:6%;bottom:13%;width:min(52vw,760px);transform:translate(-50%);z-index:1}.select-hint{position:absolute;left:50%;top:62px;transform:translate(-50%);z-index:1;margin:0;font:700 12px var(--ui);color:#dce1f599;pointer-events:none}.select-info{position:absolute;left:max(3vw,16px);top:50%;transform:translateY(-50%);z-index:2;width:min(330px,26vw);padding:20px 22px;border-radius:22px;background:var(--glass);border:1px solid var(--line);box-shadow:0 20px 50px #00000073;animation:fade-in .5s both}.select-info>small{font:800 11px var(--ui);letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}.select-info h1{margin:2px 0 6px;font:900 44px/1 var(--deco);background:linear-gradient(100deg,#fff4d0,#f5d27a,#fff9e6,#e8a14a);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 5s linear infinite}.select-info p{margin:0 0 12px;color:#d6dbef;font-size:14px;line-height:1.55}.traits{margin:0 0 12px;display:grid;gap:5px}.traits div{display:flex;justify-content:space-between;align-items:center;gap:10px}.traits dt{font:800 12px var(--ui);color:var(--muted)}.traits dd{margin:0;display:flex;gap:3px}.traits i{width:16px;height:6px;border-radius:3px;background:#ffffff1f}.traits i.on{background:linear-gradient(90deg,#ffe49a,#f5b54a);box-shadow:0 0 6px #f5b44a99}.select-spells{display:flex;gap:6px}.select-spells .spell-chip{position:relative;padding:0;cursor:pointer;transition:transform .12s,box-shadow .12s;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--spell) 30%,#1a2240),#0d1224);border:1px solid color-mix(in srgb,var(--spell) 60%,transparent)}.select-spells b{font-size:20px;color:var(--spell);text-shadow:0 0 10px var(--spell)}.select-spells .spell-chip:active{transform:scale(.94)}.select-spells .spell-chip.on{box-shadow:0 0 0 2px var(--spell),0 0 14px color-mix(in srgb,var(--spell) 60%,transparent)}.select-abilities{position:relative}.ability-card{position:absolute;left:-6px;right:-6px;bottom:calc(100% + 10px);z-index:4;padding:12px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--spell) 70%,transparent);background:#120d1c;box-shadow:0 10px 28px #0000008c;text-align:left;cursor:pointer;animation:pop-in .14s ease-out}.ability-card header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.ability-card header>b{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;font-size:18px;color:var(--spell);background:color-mix(in srgb,var(--spell) 18%,#0d1224)}.ability-card header span{flex:1;display:flex;flex-direction:column;min-width:0}.ability-card strong{font:800 15px var(--display);color:#fff3cf}.ability-card em{font:700 11px var(--ui);font-style:normal;color:var(--spell)}.ability-card header i{font-style:normal;color:var(--muted);font-size:14px}.ability-card p,.select-info .ability-card p{display:block;margin:0;font-size:13px;line-height:1.45;color:#dde2f5}.select-spells small{position:absolute;bottom:-7px;left:50%;transform:translate(-50%);padding:0 4px;border-radius:6px;background:#0b1020;font:900 8.5px/13px var(--ui);color:var(--muted);white-space:nowrap}.roster{position:absolute;right:max(3vw,16px);top:50%;transform:translateY(-50%);z-index:2;width:min(300px,25vw);display:flex;flex-direction:column;gap:10px}.roster-card{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:18px;border:1px solid var(--line);background:var(--glass);cursor:pointer;text-align:left;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}.roster-card:hover{transform:translate(-4px)}.roster-card.on{border-color:var(--gold);background:linear-gradient(90deg,#f5d27a33,#f5d27a0d);box-shadow:0 0 30px #f5d27a40}.rc-face{cursor:inherit}.rc-text{display:flex;flex-direction:column;min-width:0}.rc-text b{font:700 18px var(--display)}.rc-text em{font-style:normal;font:800 11px var(--ui);color:var(--gold)}.rc-text small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-foot{position:absolute;left:50%;bottom:max(3.5vh,env(safe-area-inset-bottom));transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px}.select-foot .enter{min-width:min(300px,70vw);min-height:62px;font:900 19px var(--display);letter-spacing:.14em;text-transform:uppercase;border-radius:20px}.select-foot small{font:700 12px var(--ui);color:#d6dbef;text-shadow:0 1px 6px #000;white-space:nowrap}.char-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:flex;flex-direction:column;padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:radial-gradient(ellipse at 28% 45%,#2e265af7,#080a16fa 70%);animation:fade-in .2s both}.char-head{display:flex;align-items:center;gap:12px;flex:none}.char-face{cursor:default}.char-title{display:flex;flex-direction:column}.char-title b{font:900 22px/1.1 var(--display);color:var(--gold)}.char-title em{font-style:normal;font-size:12px;color:var(--muted)}.char-xp{flex:1;max-width:260px;height:11px}.char-xp b{top:-1px;font-size:8.5px}.char-head .gold-chip.big{margin-left:auto}.char-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:14px;margin-top:10px}.doll{min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:12px;border-radius:22px;border:1px solid var(--line);background:#ffffff08;box-shadow:inset 0 0 60px #00000059}.doll-col{display:flex;flex-direction:column;justify-content:space-evenly;gap:8px}.doll-slot{position:relative;width:62px;height:62px;display:grid;place-items:center;padding:0;border-radius:14px;cursor:pointer;border:2px solid color-mix(in srgb,var(--r) 80%,rgba(255,255,255,.15));background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--r) 22%,#252b4a),#0e1226);box-shadow:inset 0 2px 8px #0000008c,0 0 14px color-mix(in srgb,var(--r) 30%,transparent);transition:transform .12s}.doll-slot.empty{border-color:#ffffff24;border-style:dashed}.doll-slot:active{transform:scale(.94)}.doll-slot.picked{outline:2px solid var(--gold);outline-offset:2px}.doll-slot small{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);padding:0 5px;border-radius:6px;background:#0b1020;font:800 8.5px/13px var(--ui);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.doll-center{min-height:0;display:flex;flex-direction:column}.doll-center .hero-stage{flex:1}.doll-foot{flex:none;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;font-size:11.5px;color:var(--muted)}.doll-foot b{color:var(--cream);font-weight:900}.char-side{min-height:0;display:flex;flex-direction:column;padding:10px 12px 12px;border-radius:22px;border:1px solid var(--line);background:#ffffff08}.char-side .journal-tabs{flex:none;margin-top:0}.char-side .journal-tabs small{font-size:10px;opacity:.75;margin-left:4px}.bag-grid,.stats-pane{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.bag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:7px;align-content:start;padding:6px 2px 4px}.bag-slot{position:relative;aspect-ratio:1;display:grid;place-items:center;padding:0;border-radius:12px;cursor:pointer;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#2c3256d9,#0e1224f2);box-shadow:inset 0 2px 6px #0000008c;transition:transform .12s}.bag-slot:active{transform:scale(.93)}.bag-slot[class*=" r-"]{border:2px solid var(--r);box-shadow:inset 0 0 14px color-mix(in srgb,var(--r) 30%,transparent),inset 0 2px 6px #00000080}.bag-slot.consumable{border-color:color-mix(in srgb,var(--c) 45%,rgba(255,255,255,.1))}.bag-slot.free{cursor:default;opacity:.45}.bag-slot.picked{outline:2px solid var(--gold);outline-offset:1px}.bag-slot .stack{position:absolute;right:4px;bottom:1px;font:900 12px var(--ui);color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000}.bag-slot kbd{position:absolute;top:2px;left:2px;min-width:0;padding:0 3px;font-size:8px;border-bottom-width:1px}.bag-slot.quick:after{content:"⚡";position:absolute;top:1px;right:3px;font-size:10px}.upgrade-arrow{position:absolute;top:1px;right:4px;font-style:normal;font-size:11px;color:#5fdc6a;text-shadow:0 0 6px #5fdc6a}.stats-pane{padding-right:10px}.stats-pane section{padding:10px 2px;border-bottom:1px solid rgba(255,255,255,.07)}.stats-pane section>small{font:800 10px var(--ui);letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.item-card-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;padding:16px;background:#04060e80;animation:fade-in .15s both}.item-card{position:relative;width:min(380px,100%);max-height:100%;overflow-y:auto;padding:16px;border-radius:20px;background:var(--glass-strong);border:1px solid var(--line);box-shadow:0 24px 60px #0009;animation:pop-in .25s cubic-bezier(.2,1.4,.4,1) both}.item-card p{margin:10px 0;font-size:13px;line-height:1.5;color:#d6dbef}.card-top{display:flex;gap:12px;align-items:center;padding-right:40px}.card-top>span:last-child{display:flex;flex-direction:column;min-width:0}.card-top b{font:700 17px/1.2 var(--display)}.card-top small{font-size:12px;color:var(--muted)}.card-icon{width:56px;height:56px;flex:none;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--c, #8890b0) 20%,#141b33);border:1px solid color-mix(in srgb,var(--c, #8890b0) 60%,transparent)}.card-close{position:absolute;top:10px;right:10px;width:34px;height:34px}.stat-lines{list-style:none;margin:12px 0 4px;padding:0;display:flex;flex-direction:column;gap:4px;font:800 14px var(--ui);color:#e9ffd9}.stat-lines li{display:flex;justify-content:space-between;gap:10px}.stat-lines li.lost{color:#ff9a8a}.stat-lines em{font-style:normal;font-weight:900}.stat-lines em.up{color:#5fdc6a}.stat-lines em.down{color:#ff7a6e}.item-card p.compare{margin:4px 0 12px;font-size:12px;color:var(--muted)}.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.card-actions .btn{flex:1 1 auto;min-height:42px;padding:0 16px;font-size:13px}.card-actions .btn:disabled{opacity:.55;cursor:default;transform:none}.book-spell{align-items:flex-start}.book-spell>div{flex:1;min-width:0}.star-line{display:flex;align-items:center;gap:8px;margin-top:5px}.stars{display:inline-flex;gap:1px}.stars i{font-style:normal;font-size:15px;line-height:1;color:#ffffff29}.stars i.on{color:var(--gold);text-shadow:0 0 8px rgba(255,211,92,.8)}.star-bonus{font:800 12px var(--ui);color:var(--muted)}.star-bonus.on{color:#b9f29d}.btn.star-buy{width:100%;margin-top:6px;min-height:34px;padding:0 12px;justify-content:space-between;gap:8px;font-size:12px;border-radius:12px}.btn.star-buy em{font-style:normal;font-weight:700;color:var(--muted);font-size:11px}.btn.star-buy .price{display:inline-flex;align-items:center;gap:5px;color:#ffe38a}.btn.star-buy:disabled{opacity:.65;cursor:default;transform:none}.star-max{margin:6px 0 0;font:800 12px var(--ui);color:var(--gold)}@media(max-height:520px)and (orientation:landscape){.spell.touch.potion.quick{right:190px;bottom:62px}.play-button{min-height:56px;font-size:20px}.exit-panel h2{font-size:22px}.select-stage{top:4%;bottom:17%;width:40vw}.select-hint{display:none}.select-info{width:29vw;padding:10px 14px;border-radius:16px}.select-info h1{font-size:28px;margin:0 0 4px}.select-info p{display:none}.traits{gap:3px;margin-bottom:8px}.traits dt{font-size:11px}.traits i{width:12px;height:5px}.select-spells .spell-chip{width:34px;height:34px;border-radius:10px}.select-spells b{font-size:16px}.roster{width:27vw;gap:6px}.roster-card{padding:6px 10px 6px 6px;gap:8px;border-radius:14px}.roster-card .portrait{width:36px;height:36px;font-size:20px}.rc-text b{font-size:15px}.rc-text small{display:none}.select-foot{bottom:8px;gap:3px}.select-foot .enter{min-width:0;min-height:46px;padding:0 26px;font-size:15px;white-space:nowrap}.select-foot small{max-width:36vw;font-size:10.5px;white-space:normal;text-align:center}.select-top{padding-top:8px}.select-top .btn{min-height:34px;font-size:12px}.char-head{gap:8px}.char-head .portrait{width:34px;height:34px;font-size:19px}.char-title b{font-size:16px}.char-title em{font-size:10.5px}.char-xp{height:8px;max-width:170px}.char-xp b{font-size:7px;top:-2px}.char-body{gap:8px;margin-top:6px}.doll{padding:6px 8px;gap:6px;border-radius:16px}.doll-col{gap:4px}.doll-slot{width:44px;height:44px;border-radius:11px}.doll-slot svg{width:24px!important;height:24px!important}.doll-foot{font-size:10px;gap:2px 10px}.char-side{padding:6px 8px 8px;border-radius:16px}.char-side .journal-tabs button{padding:5px 6px}.bag-grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:5px}.bag-slot svg{width:26px!important;height:26px!important}.item-card{padding:12px}.item-card p{margin:6px 0;font-size:12px}.stat-lines{margin:8px 0 2px;font-size:13px}}@media(max-width:640px)and (orientation:portrait){.select-stage{top:7%;bottom:auto;height:48%;width:100vw}.select-hint{display:none}.select-info{left:16px;right:16px;top:auto;bottom:150px;transform:none;width:auto;padding:12px 14px}.select-info h1{font-size:30px}.select-info p{display:none}.select-info .traits{grid-template-columns:1fr 1fr;column-gap:14px}.roster{left:16px;right:16px;top:auto;bottom:96px;transform:none;width:auto;flex-direction:row}.roster-card{flex:1;padding:6px 8px;gap:8px}.rc-text small{display:none}.rc-text b{font-size:15px}.roster-card .portrait{width:36px;height:36px;font-size:20px}.select-foot{bottom:max(14px,env(safe-area-inset-bottom))}.select-foot .enter{min-height:52px}.select-foot small{display:none}.char-body{grid-template-columns:1fr;grid-template-rows:minmax(0,1.1fr) minmax(0,1fr)}.char-xp{display:none}.doll-slot{width:50px;height:50px}}@media(min-width:641px)and (max-width:1100px)and (orientation:portrait){.char-body{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr)}}@media(min-width:1700px){.char-head,.char-body{width:100%;max-width:1600px;margin-left:auto;margin-right:auto}}.title-page .title-top{position:absolute!important;top:0;left:0;right:0;z-index:3!important;width:auto;justify-content:flex-end;padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}.title-page .title-hero{position:relative;flex:1 0 auto;width:min(720px,calc(100% - 32px));justify-content:center;padding:72px 0 6vh}.title-page .title-hero:before{content:"";position:absolute;left:50%;top:50%;z-index:-1;width:130%;height:110%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,#080a1a99,#080a1a00);pointer-events:none}.title-page .title-logo{margin:14px 0 8px;font-size:clamp(64px,min(8.5vw,15vh),124px)}.title-page .title-hero>p.title-tag{max-width:none;margin:0 0 26px;font:italic 700 clamp(15px,2vw,19px) var(--display);letter-spacing:.04em;color:#f4e6c4;text-shadow:0 2px 12px rgba(0,0,0,.75)}.title-page .title-hero>p.title-blurb{max-width:560px;margin:-8px 0 30px;font-size:15px;color:#cfd5ea}.title-page .play-button{width:min(360px,100%);min-height:70px;font-size:23px}.last-played{margin-top:16px;display:inline-flex;align-items:center;gap:10px;padding:6px 18px 6px 6px;border-radius:999px;border:1px solid var(--line);background:var(--glass);color:inherit;text-align:left;cursor:pointer;box-shadow:0 8px 24px #00000059;transition:transform .15s,border-color .15s}.last-played:hover{transform:translateY(-2px);border-color:var(--gold)}.last-played .portrait{width:36px;height:36px;font-size:20px;border-width:1.5px;cursor:inherit}.last-played b{display:block;font:800 13px var(--ui)}.last-played small{display:block;font-size:11px;color:var(--muted)}@media(max-width:700px),(max-height:520px){.title-page .title-hero>p.title-blurb{display:none}}@media(max-width:640px)and (orientation:portrait){.title-page .title-hero{padding:64px 0 20vh}.title-page .title-logo{margin:12px 0 10px;font-size:clamp(54px,16.5vw,96px)}.title-page .title-hero>p.title-tag{margin-bottom:30px;font-size:clamp(12px,3.6vw,15px);letter-spacing:.02em;white-space:nowrap}.title-page .play-button{min-height:64px;font-size:22px}}@media(max-height:520px)and (orientation:landscape){.title-page .title-top{padding-top:max(10px,env(safe-area-inset-top))}.title-page .title-hero{padding:14px 0 10px}.title-page .title-hero>.eyebrow{display:inline-flex;font-size:10px}.title-page .title-logo{margin:6px 0 4px;font-size:clamp(50px,15vh,64px)}.title-page .title-hero>p.title-tag{display:block;margin:0 0 16px;font-size:14px}.title-page .play-button{min-height:54px;width:min(300px,60vw);font-size:20px}.last-played{margin-top:10px;padding:4px 14px 4px 4px}.last-played .portrait{width:30px;height:30px;font-size:17px}}@media(min-width:900px)and (min-height:521px){.title-page .title-hero{padding:64px 0 40px}.title-page .title-hero:before{width:120%;height:120%;background:radial-gradient(closest-side,#080a1ab8,#080a1a59 60%,#080a1a00)}.title-page .title-hero>p.title-tag{display:inline-flex;align-items:center;gap:14px;margin-bottom:22px}.title-page .title-hero>p.title-tag:before,.title-page .title-hero>p.title-tag:after{content:"✦";font:normal 12px var(--ui);color:var(--gold);opacity:.8}.title-page .title-hero>p.title-blurb{max-width:540px;margin:0 0 32px;padding-top:20px;border-top:1px solid rgba(245,210,122,.22)}.title-page .title-foot{align-self:center;margin-bottom:max(22px,3vh);padding:10px 22px;gap:8px 20px;border-radius:999px;border:1px solid var(--line);background:#0a0d1e9e;box-shadow:0 10px 30px #00000059}}.armoury-item{align-items:flex-start}.armoury-item .bag-icon{position:relative}.armoury-item .stat-lines{margin:6px 0 0;font-size:12px;gap:2px}.armoury-item .stat-lines li{justify-content:flex-start}.armoury-item .stat-lines em{display:inline;font-size:12px}.armoury-item .stat-lines em.up{color:#5fdc6a}.armoury-item .stat-lines em.down{color:#ff7a6e}.armoury-item .btn.price{align-self:center}.armoury-item.sold{opacity:.45}.ach-shield{position:relative;flex:none;width:46px;height:52px;display:grid;place-items:center;clip-path:polygon(50% 0,100% 16%,94% 70%,50% 100%,6% 70%,0 16%);background:linear-gradient(160deg,#fff1b8,#e8a93a 55%,#8a5a1a)}.ach-shield:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;clip-path:inherit;background:linear-gradient(170deg,#3a2a50,#1a1428)}.ach-shield b{position:relative;z-index:1;font:900 20px var(--ui);color:#ffe9a8;text-shadow:0 0 10px rgba(255,211,92,.7)}.ach-shield.big{width:58px;height:66px}.ach-shield.big b{font:900 17px var(--ui)}.ach-points{flex:none;min-width:38px;height:38px;padding:0 6px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff1b8,#d9962a 70%);border:2px solid #6a4210;box-shadow:0 0 14px #ffbe5080}.ach-points b{font:900 14px var(--ui);color:#3a2208}.ach-pop{position:absolute;left:50%;bottom:150px;z-index:6;transform:translate(-50%);display:flex;align-items:center;gap:14px;min-width:min(430px,92vw);max-width:92vw;padding:10px 16px 10px 12px;border-radius:18px;border:2px solid #c9953a;background:linear-gradient(180deg,#281e3af5,#120e1ef5);box-shadow:0 14px 40px #0000008c,0 0 40px #ffbe5040,inset 0 1px #fff0c840;pointer-events:none;animation:ach-in 4.6s cubic-bezier(.2,1.3,.4,1) both}.ach-pop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(100deg,transparent 30%,rgba(255,240,200,.18) 50%,transparent 70%);background-size:250% 100%;animation:shimmer 2.4s linear infinite;pointer-events:none}.ach-text{flex:1;min-width:0;display:flex;flex-direction:column}.ach-text small{font:800 10px var(--ui);letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}.ach-text strong{font:800 19px var(--display);color:#fff3cf}.ach-text em{font-style:normal;font-size:12px;color:var(--muted)}@keyframes ach-in{0%{opacity:0;transform:translate(-50%,30px) scale(.8)}8%{opacity:1;transform:translate(-50%) scale(1.04)}12%{transform:translate(-50%) scale(1)}88%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-16px)}}.chapter-done{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;pointer-events:none;background:radial-gradient(ellipse at center,#050810b3,#05081000 72%);animation:fade-out-late 5.6s ease both}.chapter-done .confetti{position:absolute}.cd-card{width:min(620px,92vw);padding:22px 28px 18px;text-align:center;border-radius:26px;border:2px solid #c9953a;background:linear-gradient(180deg,#281e3af0,#100c1cf0);box-shadow:0 24px 70px #0009,0 0 60px #ffbe5040;animation:pop-in .6s cubic-bezier(.2,1.4,.4,1) both}.cd-card .eyebrow{justify-content:center}.cd-card h2{margin:6px 0;font:900 clamp(26px,4.4vw,42px)/1.1 var(--deco);background:linear-gradient(100deg,#fff4d0,#f5d27a,#fff9e6,#e8a14a);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 4s linear infinite}.cd-card p{margin:0 auto 12px;max-width:520px;font-size:14px;line-height:1.55;color:#dde2f5}.cd-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 16px;margin-bottom:12px;font-size:12px;color:var(--muted)}.cd-row b{color:var(--cream);font-size:14px}.cd-stars i{font-style:normal;font-size:26px;color:#ffffff2e;animation:star-pop .5s cubic-bezier(.2,1.6,.4,1) both}.cd-stars i.on{color:#ffd35c;text-shadow:0 0 14px rgba(255,211,92,.8)}.cd-ach{display:inline-flex;align-items:center;gap:12px;padding:6px 12px 6px 8px;border-radius:16px;background:#ffffff0f;border:1px solid var(--line);text-align:left}.cd-ach small{display:block;font:800 9px var(--ui);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.cd-ach strong{font:800 16px var(--display);color:#fff3cf}.cd-ach .ach-shield{width:38px;height:44px}.cd-ach .ach-shield b{font-size:16px}.cd-next{display:block;margin-top:10px;font-style:normal;font:700 12px var(--ui);color:#c9f29d}.ach-summary{display:flex;align-items:center;gap:14px}.ach-summary>div{flex:1;display:flex;flex-direction:column;gap:4px}.ach-summary strong{font:800 18px var(--display);color:var(--gold)}.ach-summary em{font-style:normal;font-size:12px;color:var(--muted)}.ach-bar{position:relative;display:block;height:7px;border-radius:99px;background:#ffffff1a;overflow:hidden}.ach-bar>i{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;background:linear-gradient(90deg,#e8a93a,#ffe38a)}.ach-cats{display:flex;flex-wrap:wrap;gap:6px;padding:0 2px 4px}.ach-cats button{display:inline-flex;align-items:baseline;gap:6px;padding:6px 11px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;color:var(--muted);font:800 12px var(--ui);cursor:pointer}.ach-cats button small{font-size:10px;opacity:.8}.ach-cats button.on{border-color:var(--gold);background:#f5d27a29;color:#fff3cf}.ach-list{display:flex;flex-direction:column;gap:8px}.ach-row{display:flex;align-items:center;gap:12px;padding:9px 12px 9px 9px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.ach-row>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ach-row strong{font:800 15px var(--display);color:#d6dbef}.ach-row em{font-style:normal;font-size:12px;color:var(--muted);line-height:1.35}.ach-row .ach-shield{width:40px;height:46px;filter:grayscale(1) brightness(.6)}.ach-row .ach-points{min-width:32px;height:32px;filter:grayscale(1) brightness(.6)}.ach-row .ach-points b{font-size:12px}.ach-row.got{border-color:#c9953a99;background:linear-gradient(90deg,#f5d27a1f,#ffffff08)}.ach-row.got strong{color:#fff3cf}.ach-row.got .ach-shield,.ach-row.got .ach-points{filter:none}.ach-progress{display:flex;align-items:center;gap:8px;margin-top:3px}.ach-progress .ach-bar{flex:1;height:6px}.ach-progress small,.ach-date{font:800 11px var(--ui);color:var(--muted)}.ach-date{color:#c9f29d}.select-extra{margin:12px 0 0!important;font:800 12px var(--ui)!important;color:var(--gold)!important}.hero-riven .mana i{background:linear-gradient(90deg,#6a4ab8,#b69cff,#e0c8ff);box-shadow:0 0 12px #b69cffb3}.hero-wren .mana i{background:linear-gradient(90deg,#4f8a3a,#b9e27a,#eaffc8);box-shadow:0 0 12px #b9e27ab3}.hero-lyra .mana i{background:linear-gradient(90deg,#3a8ac8,#9fe4ff,#e6f8ff);box-shadow:0 0 12px #9fe4ffb3}.map-overlay canvas{cursor:grab;touch-action:none;border-radius:14px}.map-overlay canvas:active{cursor:grabbing}@media(max-height:520px)and (orientation:landscape){.ach-pop{bottom:auto;top:58px;min-width:0;padding:6px 12px 6px 8px;gap:10px}.ach-pop .ach-shield{width:34px;height:40px}.ach-pop .ach-shield b,.ach-text strong{font-size:15px}.ach-pop .ach-points{min-width:30px;height:30px}.cd-card{padding:12px 18px 10px}.cd-card h2{font-size:24px}.cd-card p{font-size:12px;margin-bottom:8px}.cd-stars i{font-size:20px}.cd-row{margin-bottom:8px}.map-tabs button{padding:4px 8px;font-size:11px}.map-tabs button small{font-size:9px}}@media(max-width:640px)and (orientation:portrait){.ach-pop{bottom:auto;top:90px}.map-tabs{flex-wrap:nowrap;overflow-x:auto;max-width:calc(100vw - 80px)}.map-tabs button{flex:none}}@media(max-width:640px)and (orientation:portrait){.select-stage{height:42%}.select-info{bottom:188px}.roster{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;bottom:90px}.roster-card{flex-direction:column;justify-content:center;gap:5px;padding:8px 4px 7px;min-width:0;border-radius:14px}.roster-card:hover{transform:none}.roster-card .rc-text{align-items:center}.roster-card .rc-text em{display:none}.roster-card .rc-text b{font-size:14px}.select-foot .enter{font-size:16px;letter-spacing:.1em;white-space:nowrap}.select-extra{display:none}}@media(max-width:640px)and (orientation:portrait){.ach-pop{min-width:0;width:calc(100vw - 32px);padding:6px 12px 6px 8px;gap:10px}.ach-pop .ach-shield{width:34px;height:40px}.ach-pop .ach-shield b,.ach-text strong{font-size:15px}.ach-pop .ach-points{min-width:30px;height:30px}.cd-card{padding:16px 16px 12px}.cd-card p{font-size:12.5px}}.mount-button.on{border-color:var(--gold);background:linear-gradient(180deg,#f5d27a59,#f5d27a1a);box-shadow:0 0 18px #f5d27a73}.update-pill{position:absolute;left:50%;top:max(14px,env(safe-area-inset-top));transform:translate(-50%);z-index:5;padding:9px 18px;border-radius:999px;border:1px solid var(--gold);background:#141834e6;color:#fff3cf;font:700 13px var(--ui);cursor:pointer;box-shadow:0 0 24px #f5d27a59;white-space:nowrap}.update-pill{display:flex;align-items:center;gap:12px;padding:6px 6px 6px 16px;min-height:44px}.update-pill b{padding:7px 14px;border-radius:999px;background:linear-gradient(180deg,#ffe49a,#f5c04a 60%,#e8a13a);color:#2a1a08;font-weight:800}.update-pill:active b{transform:translateY(1px);filter:brightness(.95)}.update-pill:disabled{cursor:progress}.update-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:8px 8px 8px 14px;border:1px solid #c8962e;border-radius:14px;background:#f5be5029;color:#5a3a14;font-weight:700;font-size:14px;text-align:left}.pause-panel .update-row .btn.primary{flex:none;width:auto;min-height:40px;padding:0 16px;white-space:nowrap}.icon-button.has-update{position:relative}.icon-button.has-update:after{content:"";position:absolute;top:3px;right:3px;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 2px #1a1020}.stable{margin-bottom:14px}.stable>small{display:block;margin-bottom:8px;font:800 11px var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.stable-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}.stable-card{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;border:1px solid var(--line);background:#ffffff0a;color:inherit;text-align:left;cursor:pointer;font:inherit}.stable-card b{font-size:26px;line-height:1;width:34px;text-align:center}.stable-card span{display:flex;flex-direction:column;gap:1px;min-width:0}.stable-card strong{font:800 13px var(--ui);color:#fff3cf}.stable-card em{font-style:normal;font-size:11px;color:var(--muted)}.stable-card.on{border-color:var(--gold);background:linear-gradient(90deg,#f5d27a33,#f5d27a0a)}.stable-card.locked{opacity:.55;cursor:default}.stable-card.locked b{filter:grayscale(1);font-size:18px}.upgrade-arrow.down{color:#ff6e62;text-shadow:0 0 6px #ff6e62}.score-line{margin:8px 0 4px;font:900 13px var(--ui);color:var(--muted)}.score-line.up{color:#5fdc6a}.score-line.down{color:#ff7a6e}.tip-worn{margin-top:10px;padding:8px 10px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.tip-worn small{display:block;font:800 10px var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.tip-worn b{font:700 14px var(--display)}.tip-worn .stat-lines{margin:6px 0 0;font-size:12px;opacity:.85}.gear-tip{position:fixed;z-index:80;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:#0a0e1ef5;box-shadow:0 12px 40px #0000008c;pointer-events:none;animation:pop-in .18s both}.gear-tip .card-top b{font-size:16px}.gear-tip .stat-lines{font-size:13px}.tip-hint{display:block;margin-top:8px;font-style:normal;font-size:11px;color:var(--muted)}.key-controls{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.kc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:46px}.kc-head>span{display:flex;flex-direction:column;gap:2px}.kc-head b{font:800 13px var(--ui);color:#eef1fb}.kc-head em{font-style:normal;font-size:11px;color:var(--muted)}.kc-group{margin-top:10px}.kc-group small{font:800 10px var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.kc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin-top:5px}.kc-key{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px 6px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#eef1fb;font:700 12px var(--ui);cursor:pointer;text-align:left}.kc-key:hover{border-color:var(--line)}.kc-key kbd{min-width:26px;text-align:center}.kc-key.listening{border-color:var(--gold);background:#f5d27a24}.kc-key.listening kbd{color:var(--gold);animation:pulse-soft 1s ease-in-out infinite}@keyframes pulse-soft{50%{opacity:.45}}.kc-note{margin:8px 0 0;font-size:12px;color:#ffe2a0}.backup-panel{margin-top:16px;padding:12px;border-radius:16px;border:1px solid rgba(140,200,255,.28);background:#28508c24;text-align:left}.backup-panel b{font:800 13px var(--ui);color:#dbeeff}.backup-panel em{font-style:normal;font-size:11px;color:var(--muted)}.backup-actions{display:flex;gap:8px}.backup-actions .btn{min-height:38px;padding:0 14px;font-size:13px}.backup-confirm{margin-top:10px;padding:10px;border-radius:12px;background:#00000040}.backup-confirm p{margin:0 0 8px;font-size:12px;color:#fff3cf}.backup-confirm div{display:flex;gap:8px;flex-wrap:wrap}.backup-msg{margin:8px 0 0;font-size:12px}.backup-msg.good{color:#9fe870}.backup-msg.warn{color:#ff9a8a}.stable-sub{display:block;margin:12px 0 8px;font:800 11px var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.minigame-overlay{z-index:60}.minigame-panel{width:min(760px,100%);max-height:100%;overflow-y:auto;padding:18px 20px;text-align:center;animation:pop-in .4s cubic-bezier(.2,1.4,.4,1) both}.mg-head{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:10px}.mg-portrait{font-size:34px;line-height:1}.mg-head span:last-child{display:flex;flex-direction:column;text-align:left}.mg-head small{font:800 11px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.mg-head b{font:700 20px var(--display);color:var(--cream)}.dg-score{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:12px;background:#ffffff0d;font:700 12px var(--ui);color:var(--muted)}.dg-score b{font:900 22px var(--display);color:var(--gold)}.dg-row{display:grid;grid-template-columns:70px 1fr 150px;align-items:center;gap:10px;margin-top:14px}.dg-row small{font:800 12px var(--ui);color:var(--muted);text-align:left}.dg-row em{font-style:normal;font:800 14px var(--ui);color:#fff3cf;text-align:right}.dg-row.mine em{color:#9fe870}.dg-dice{display:flex;justify-content:center;gap:12px}.die{position:relative;width:64px;height:64px;padding:9px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px;border-radius:14px;border:2px solid rgba(255,255,255,.25);background:linear-gradient(160deg,#fffaf0,#e8dcc4);box-shadow:0 6px 16px #0006,inset 0 -4px #0000001f;cursor:default}.die:not(:disabled){cursor:pointer}.die i{border-radius:50%}.die i.on{background:#2a1f1b;box-shadow:inset 0 1px 2px #0009}.die.held{border-color:var(--gold);box-shadow:0 0 18px #f5d27a99,0 6px 16px #0006;transform:translateY(-4px)}.die small{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font:900 10px var(--ui);color:var(--gold);letter-spacing:.1em;text-transform:uppercase}.die.rolling{animation:die-roll .52s ease-out}@keyframes die-roll{0%{transform:rotate(0) translateY(0)}30%{transform:rotate(160deg) translateY(-18px)}60%{transform:rotate(300deg) translateY(4px)}to{transform:rotate(360deg)}}.dg-line{margin:18px 0 12px;font:700 15px var(--ui);color:#eef1fb}.dg-actions,.dg-end{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.dg-end{flex-direction:column;align-items:center}.range{position:relative;width:100%;aspect-ratio:2 / 1;margin-top:12px;border-radius:16px;overflow:hidden;cursor:none;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg,#8fc8e8,#bfe4f0 22%,#9fcf7a 23%,#7fb85a 60%,#6aa04a);box-shadow:inset 0 0 40px #00000040}.range .lane{position:absolute;left:0;right:0;height:3px;background:#503c1e59}.range .lane small{position:absolute;right:8px;top:-18px;font:900 11px var(--ui);color:#281e0ab3}.target{position:absolute;transform:translate(-50%,-50%);border-radius:50%;background:#fff;border:2px solid #5a3a24;box-shadow:0 4px #6a4a30;display:grid;place-items:center}.target b{position:absolute;border-radius:50%}.target b:nth-child(1){top:12%;right:12%;bottom:12%;left:12%;background:#c0392b}.target b:nth-child(2){top:30%;right:30%;bottom:30%;left:30%;background:#fff}.target b:nth-child(3){top:40%;right:40%;bottom:40%;left:40%;background:#f5c542}.arrow-mark{position:absolute;width:10px;height:10px;border-radius:50%;background:#3a2a1a;border:2px solid #fff1b8;pointer-events:none}.arrow-mark.flying{background:#fff1b8;box-shadow:0 0 10px #fff1b8}.arrow-mark.miss{opacity:.45}.crosshair{position:absolute;width:34px;height:34px;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.95);border-radius:50%;box-shadow:0 0 0 1px #0006;pointer-events:none}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#fff;left:50%;top:50%;transform:translate(-50%,-50%)}.crosshair:before{width:2px;height:46px}.crosshair:after{width:46px;height:2px}.shot-pop{position:absolute;transform:translate(-50%,-50%);font:900 20px var(--display);color:#fff;text-shadow:0 2px 6px #000;pointer-events:none;animation:shot-pop .8s ease-out both}@keyframes shot-pop{0%{opacity:1;margin-top:0}to{opacity:0;margin-top:-30px}}@media(max-height:520px)and (orientation:landscape){.minigame-panel{padding:10px 14px}.mg-head{margin-bottom:4px}.mg-portrait{font-size:24px}.mg-head b{font-size:16px}.dg-row{margin-top:6px;grid-template-columns:50px 1fr 120px}.die{width:46px;height:46px;padding:6px;border-radius:10px}.dg-line{margin:10px 0 6px;font-size:13px}.range{max-height:60vh;width:auto;margin-inline:auto}}.play-page.cine-on .hud-top,.play-page.cine-on .spellbar,.play-page.cine-on .touch-controls,.play-page.cine-on .tracker,.play-page.cine-on .toasts,.play-page.cine-on .combo,.play-page.cine-on .zone-banner,.play-page.cine-on .region-banner,.play-page.cine-on .chapter-banner{opacity:0;pointer-events:none;transition:opacity .4s}.cine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;cursor:pointer}.cine-bar{position:absolute;left:0;right:0;height:13vh;background:#04060c;animation:cine-bar .6s cubic-bezier(.2,.9,.3,1) both}.cine-bar.top{top:0;transform-origin:top}.cine-bar.bottom{bottom:0;transform-origin:bottom}@keyframes cine-bar{0%{transform:scaleY(0)}}.cine-caption{position:absolute;left:50%;bottom:2vh;transform:translate(-50%);width:min(820px,calc(100% - 32px));min-height:11vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;animation:cine-text .7s ease both}.cine-caption strong{display:flex;align-items:center;gap:8px;font:800 12px var(--ui);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}.cine-face{font-size:20px}.cine-caption p{margin:0;font:italic 500 clamp(15px,2.2vw,22px) / 1.4 var(--story);color:#f4ecd8;text-shadow:0 2px 12px #000}.cine-caption p.spoken{font-style:normal;color:#fff}@keyframes cine-text{0%{opacity:0;transform:translate(-50%,8px)}}.cine-title{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;pointer-events:none;animation:cine-title 3.4s ease both}.cine-title h2{margin:0;font:700 clamp(34px,7vw,72px) var(--display);letter-spacing:.08em;color:#fff4d0;text-shadow:0 4px 30px rgba(0,0,0,.8),0 0 40px rgba(245,210,122,.5)}.cine-title p{margin:8px 0 0;font:800 clamp(12px,1.6vw,16px) var(--ui);letter-spacing:.34em;text-transform:uppercase;color:var(--gold)}@keyframes cine-title{0%{opacity:0;transform:scale(1.08)}20%,85%{opacity:1;transform:none}to{opacity:.9}}.cine-skip{position:absolute;right:16px;top:calc(13vh + 12px);z-index:2;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#0a0e18b3;color:#e8e2d0;font:800 12px var(--ui);letter-spacing:.08em;cursor:pointer}.cine-skip:hover{background:#1e2846e6}.cine-hint{position:absolute;left:50%;top:calc(13vh + 16px);transform:translate(-50%);font:700 11px var(--ui);color:#e8e2d08c;font-style:normal;letter-spacing:.08em;white-space:nowrap}.siege-bar{width:100%;animation:drop-in .5s cubic-bezier(.2,1.4,.4,1) both}.siege-label{display:flex;justify-content:center;align-items:baseline;gap:10px;margin-bottom:4px;flex-wrap:wrap}.siege-label strong{font:900 15px var(--display);letter-spacing:.1em;text-transform:uppercase;color:#fff1d0;text-shadow:0 2px 10px #000}.siege-label span{font:900 12px var(--ui);color:var(--gold)}.siege-label em{font:700 11px var(--ui);color:#cfd6e8;font-style:normal}.siege-track{height:12px;border-radius:8px;background:#0a0e18cc;border:1px solid rgba(245,210,122,.5);overflow:hidden}.siege-track i{display:block;height:100%;background:linear-gradient(90deg,#6fbf5a,#b9f29d);transition:width .3s}.siege-bar.low .siege-track i{background:linear-gradient(90deg,#c0392b,#ff8a6b)}.work-bar{position:absolute;left:50%;top:58%;transform:translate(-50%);z-index:5;width:min(260px,70vw);padding:8px 12px 10px;border-radius:14px;background:#0a0e18d9;border:1px solid var(--gold);text-align:center;pointer-events:none}.work-bar span{display:block;font:800 12px var(--ui);color:#fff1d0;margin-bottom:6px}.work-bar i{display:block;height:6px;border-radius:4px;background:linear-gradient(90deg,#ffb35c,#ffd35c);transition:width .1s linear}.offer.choice .offer-actions .btn{white-space:normal;line-height:1.2}.journal-button svg{display:block}.journal-head strong{display:inline-flex;align-items:center;gap:8px}.story li.personal{color:#d9c6ff}.story li .own{margin-left:8px;font:800 9px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:#b69cff;font-style:normal}.side-wrap{margin-top:8px}.side-wrap .side{margin-top:0}.q-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;margin:4px 0 2px}.q-actions em{margin-right:auto;font-size:12px;color:var(--muted);font-style:italic}.btn.small{padding:5px 12px;min-height:0;font-size:12px;border-radius:10px}@media(max-height:520px)and (orientation:landscape){.touch-actions{width:270px;height:270px;transform:scale(.76);transform-origin:bottom right;right:10px;bottom:8px}.spell.touch.slot-dash{right:105px;bottom:0}.spell.touch.slot-inner{right:105px;bottom:65px}.spell.touch.slot-side{right:0;bottom:105px}.spell.touch.slot-top{right:64px;bottom:115px}.spell.touch.potion{right:172px;bottom:0;width:58px;height:58px}.spell.touch.potion.quick{right:172px;bottom:65px}.title-actions{width:min(420px,72vw)}.title-actions .btn{min-height:54px;font-size:18px}.title-page .title-actions{gap:8px}.hud-buttons{max-width:none;flex-wrap:nowrap;justify-content:flex-end;gap:5px;white-space:nowrap}.hud-buttons .icon-button{width:35px;height:35px;padding:0;border-radius:11px;font-size:16px;line-height:0;display:grid;place-items:center}.hud-buttons .journal-button svg{width:19px;height:19px}.tracker{top:166px;right:8px;width:min(220px,34vw);max-height:45px;overflow-y:auto;gap:2px}.tracker .trk b{font-size:10px}.tracker .trk>span{font-size:9px}.spell.touch.slot-inner{right:105px}.spell.touch.slot-top{bottom:115px}.practice-guide-toggle{top:105px;left:8px}.practice-guide{top:151px;max-height:calc(100% - 167px);width:min(285px,42vw)}.practice-guide article{padding:5px 0}.practice-guide article p{font-size:10px}}.film{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000;display:grid;place-items:center;overflow:hidden}.film video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}.film-wait{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:14px;color:#f4ecd8;font:italic 500 clamp(15px,2.4vw,22px) / 1.4 var(--story)}.film-wait i{width:34px;height:34px;border-radius:50%;border:3px solid rgba(244,236,216,.2);border-top-color:var(--main-q);animation:film-spin .9s linear infinite}@keyframes film-spin{to{transform:rotate(360deg)}}.film-skip{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:#00000073;color:#f4ecd8;font:700 14px var(--ui);cursor:pointer;opacity:.8}.film-skip:hover{opacity:1;background:#000000a6}.film-sound{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);padding:10px 20px;border-radius:999px;border:1px solid rgba(255,211,92,.5);background:#0009;color:#ffe7a0;font:700 15px var(--ui);cursor:pointer;animation:film-pulse 1.6s ease-in-out infinite}@keyframes film-pulse{50%{box-shadow:0 0 0 6px #ffd35c26}}.dz-pick{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.dz-pick select{padding:5px 28px 5px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:#0a0e24d9;color:var(--text, #f4ecd8);font:700 13px var(--ui);cursor:pointer}.dz-pick select:focus-visible{outline:2px solid var(--main-q);outline-offset:1px}.q-actions .btn.danger{background:#c8323252;border:1px solid #ff7a6e;color:#fff}.q-actions .btn.danger:hover{background:#dc3c3c80}@media(orientation:landscape){.film video{object-fit:cover;object-position:50% 72%}}:root{--ink: #1d1520;--night: #2a2030;--plum: #2f2330;--glass: rgba(45, 33, 50, .95);--glass-strong: rgba(38, 28, 43, .97);--line: rgba(255, 236, 205, .42);--gold: #f2c96a;--gold-2: #e8a94a;--cream: #fff4de;--muted: #cdbcb6;--paper: #f3e6cb;--paper-2: #e8d7b3;--paper-3: #fbf4e4;--paper-ink: #3b2a2f;--paper-muted: #7c6760;--paper-line: rgba(59, 42, 47, .22);--edge: #fff1d6;--shadow: 3px 4px 0 rgba(18, 10, 20, .5);--grain-dark: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 .95  0 0 0 0 .88  0 0 0 .07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--grain-light: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .3  0 0 0 0 .2  0 0 0 0 .18  0 0 0 .13 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background:var(--ink)}body{background:var(--ink)}kbd{border:1.5px solid var(--edge);border-bottom-width:3px;background:var(--plum);color:var(--cream);border-radius:5px}.vitals,.spellbar,.toast,.near-prompt,.icon-button,.gold-chip,.select-info,.roster-card,.last-played,.practice-guide,.practice-guide-toggle,.ach-pop,.cd-card,.update-pill,.work-bar,.cine-skip,.buff:before,.tutorial-select-card,.tutorial-roster,.practice-board,.hero-choice,.title-page .title-foot{background-color:var(--glass);background-image:var(--grain-dark);border:2px solid var(--edge);box-shadow:0 0 0 1.5px var(--ink),var(--shadow)}.buff:before{border-width:1.5px;box-shadow:none}.icon-button{border-radius:12px}.icon-button:hover{background-color:#3d2e44;transform:translateY(-2px) rotate(-2deg)}.vitals{border-radius:999px 22px 22px 999px}.gold-chip{border-width:1.5px;color:#ffe38a}.toast.tone-good{border-color:#d9f5c0;color:#eaffd9}.toast.tone-warn{border-color:#ffd2b8;color:#ffe8da}.toast.tone-epic{border-color:var(--gold);color:#fff3cf;box-shadow:0 0 0 1.5px var(--ink),var(--shadow),0 0 26px #f2c96a59}.toast.loot{border-color:var(--r);box-shadow:0 0 0 1.5px var(--ink),var(--shadow),0 0 22px color-mix(in srgb,var(--r) 40%,transparent)}.near-prompt{border-color:var(--gold)}.near-prompt kbd{background:var(--gold);color:var(--paper-ink);border-color:var(--paper-ink)}.near-prompt.compact{background-image:var(--grain-light),linear-gradient(180deg,#ffe49a,#f2bd4a 60%,#e0993a);border:2px solid var(--paper-ink);box-shadow:0 0 0 2px var(--edge),var(--shadow)}.near-prompt.compact:after{background:#e0993a;border-right:2px solid var(--paper-ink);border-bottom:2px solid var(--paper-ink)}.near-prompt.compact span{color:var(--paper-ink)}.health,.mana,.xp{border:1.5px solid var(--ink);box-shadow:0 0 0 1px #fff1d680}.health{background:#5a1f28}.health .fill{background:linear-gradient(180deg,#ff9a90,#e2434f 55%,#b5263c)}.health b,.mana b,.xp b{text-shadow:-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink),1px 1px 0 var(--ink)}.mana,.xp{background:#2a2030}.mana,.xp{height:13px}.mana b,.xp b{top:50%;transform:translateY(-50%);line-height:1;font-size:8.5px}.xp.wide{height:14px}.xp.wide b{top:50%;line-height:1;font-size:9px}@media(max-width:640px),(max-height:520px)and (orientation:landscape){.mana,.xp{height:11px}.mana b,.xp b{font-size:7.5px}}.portrait{border:2.5px solid var(--edge);box-shadow:0 0 0 1.5px var(--ink),2px 3px #120a1473;background:radial-gradient(circle at 35% 30%,#fff1d0,#e8a45e 60%,#8a4a52)}.level-badge{border:2px solid var(--ink);background:linear-gradient(135deg,#fff1b8,#f2b84a);box-shadow:1px 2px #120a1480}.spell{border:2px solid var(--edge);box-shadow:0 0 0 1.5px var(--ink),2px 3px #120a1480;background-color:#2e2434;background-image:var(--grain-dark),radial-gradient(circle at 50% 32%,color-mix(in srgb,var(--spell) 38%,#3a2c40),#241b29 78%)}.spell.ready{border-color:color-mix(in srgb,var(--spell) 55%,var(--edge));box-shadow:0 0 0 1.5px var(--ink),2px 3px #120a1480,0 0 16px color-mix(in srgb,var(--spell) 45%,transparent)}.spell.active{border-color:#fff;box-shadow:0 0 0 2px var(--ink),0 0 0 4px var(--spell),0 0 24px var(--spell)}.spell-icon-wrap b{text-shadow:-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink),1px 1px 0 var(--ink),0 0 12px var(--spell)}.spell .cd{background:conic-gradient(rgba(20,12,24,.78) var(--cd),transparent 0)}.spell kbd{background:var(--paper);color:var(--paper-ink);border-color:var(--paper-ink)}.spell small{text-shadow:-1px -1px 0 var(--ink),1px 1px 0 var(--ink)}.spellbar{border-radius:26px}.bar-gap{background:var(--edge);opacity:.4}.virtual-stick{background:radial-gradient(circle,#fff4de1a,#1d152080);border:3px solid rgba(255,241,214,.55);box-shadow:0 0 0 1.5px #1d152099}.stick-thumb{background:radial-gradient(circle at 40% 35%,#fff6d8,#f2bd4a);border:2.5px solid var(--paper-ink);box-shadow:0 0 0 2px var(--edge),3px 4px #120a1473}.btn{border-radius:16px}.btn.primary{background-color:#f2c24e;background-image:var(--grain-light),linear-gradient(180deg,#ffe08a,#f2bd4a 55%,#df963a);color:var(--paper-ink);border:2px solid var(--paper-ink);box-shadow:0 0 0 2px var(--edge),0 5px 0 2px #6a4418}.btn.primary:hover{box-shadow:0 0 0 2px var(--edge),0 7px 0 2px #6a4418}.btn.primary:active{box-shadow:0 0 0 2px var(--edge),0 2px 0 2px #6a4418;transform:translateY(3px)}.btn.primary:after{background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%)}.btn.ghost{background-color:var(--glass);background-image:var(--grain-dark);color:var(--cream);border:2px solid var(--edge);box-shadow:0 0 0 1.5px var(--ink),var(--shadow)}.btn.ghost:hover{background-color:#3d2e44}.btn.danger{border-color:#ffb8a8;color:#ffd4cc}.journal,.side-panel,.panel,.dialogue,.item-card,.gear-tip,.spell-card,.char-screen,.map-overlay{--cream: var(--paper-ink);--muted: var(--paper-muted);--gold: #9a6414;--line: rgba(59, 42, 47, .3);--side-q: #2e6aa8;--main-q: #a86e0c;--mana: #2a6fb8;--glass: rgba(59, 42, 47, .06);--glass-strong: var(--paper-3);color:var(--paper-ink);background-color:var(--paper);background-image:var(--grain-light),radial-gradient(ellipse at 50% 40%,#fffcf0b3,#e8d7b300 75%);border:2px solid var(--paper-ink);box-shadow:inset 0 0 0 5px var(--paper),inset 0 0 0 6.5px #3b2a2f4d,0 0 0 2px var(--edge),5px 7px #120a1473}.journal,.side-panel{border-width:0 0 0 2px;box-shadow:inset 6px 0 0 var(--paper),inset 7.5px 0 #3b2a2f4d,-2px 0 0 var(--edge),-8px 0 #120a1459}.char-screen{border:0;box-shadow:none;background-image:var(--grain-light),radial-gradient(ellipse at 30% 40%,#fbf1dc,#e8d4ad 80%)}.map-overlay{border:0;box-shadow:none;background-color:#f3e6cbf7}.overlay{background:#1d121e8c}.item-card-wrap{background:#1d121e59}.dialogue{border-color:var(--paper-ink)}.dialogue:hover{box-shadow:inset 0 0 0 5px var(--paper),inset 0 0 0 6.5px #3b2a2f66,0 0 0 2px var(--edge),5px 7px #120a1473}.dialogue-portrait{background:var(--paper-3);border:2px solid var(--paper-ink);box-shadow:2px 3px #3b2a2f59}.dialogue-body strong{color:#8a3a2a}.dialogue-body p{color:var(--paper-ink)}.caret{background:#8a3a2a}.dialogue-foot em{color:#8a3a2a}:is(.journal,.side-panel,.panel,.dialogue,.item-card,.char-screen,.map-overlay,.spell-card) .btn.ghost{background-color:var(--paper-3);background-image:none;color:var(--paper-ink);border:2px solid var(--paper-ink);box-shadow:2px 3px #3b2a2f59}:is(.journal,.side-panel,.panel,.dialogue,.item-card,.char-screen,.map-overlay,.spell-card) .btn.ghost:hover{background-color:#fff}:is(.journal,.side-panel,.panel,.dialogue,.item-card,.char-screen,.map-overlay,.spell-card) .btn.primary{box-shadow:0 5px #6a4418;border-color:var(--paper-ink)}:is(.journal,.side-panel,.panel,.dialogue,.item-card,.char-screen,.map-overlay,.spell-card) .btn.danger{color:#9a2a1e;border-color:#b8453a;background-color:#f7d8cc}:is(.journal,.side-panel,.panel,.char-screen,.map-overlay) .icon-button{background-color:var(--paper-3);background-image:none;border:2px solid var(--paper-ink);color:var(--paper-ink);box-shadow:2px 3px #3b2a2f59}:is(.journal,.side-panel,.panel,.char-screen,.map-overlay) .gold-chip{background-color:var(--paper-ink);background-image:none;border-color:var(--paper-ink);box-shadow:none}:is(.journal,.side-panel,.panel,.char-screen,.item-card,.gear-tip,.spell-card,.dialogue,.map-overlay) kbd{background:var(--paper-3);color:var(--paper-ink);border-color:var(--paper-ink)}.journal section,.side-panel section,.stats-pane section,.setting-row,.key-controls,.hero-card{border-color:var(--paper-line)!important}.journal-tabs button,.seg,.ach-cats button,.map-tabs button{background:#fffcf08c;border:1.5px solid var(--paper-line);color:var(--paper-muted)}.journal-tabs button.on,.seg button.on,.ach-cats button.on,.map-tabs button.on{background:var(--paper-ink);color:var(--paper);border-color:var(--paper-ink);box-shadow:2px 3px #3b2a2f4d}.seg{padding:3px}.seg button{color:var(--paper-muted)}.seg button.on{color:var(--paper)}.map-tabs button small,.ach-cats button small{color:inherit;opacity:.75}.journal-head strong{color:#7a3322}.q-main{border-left-color:var(--main-q)}.q-main .main-q{color:var(--paper-ink)}.q-main .sub-q{color:var(--paper-muted)}.side:hover{background:#3b2a2f0d}.side b{color:#1f4a78}.side em.reward{color:#5c7892}.side>span{border-color:var(--paper-line)}.side.tracked{border-color:#2e6aa88c;background:#2e6aa814}.side.status-available>span,.side.status-ready>span{color:#fff}.side.done>span,.side.status-done>span{background:#6aa84f;color:#fff;border-color:#4f8a3a}.story li{color:var(--paper-ink)}.story li.done{color:var(--paper-muted)}.story li.personal{color:#5a3a8a}.story li .own{color:#6a4ab0}.fox-tip p{color:#5a3a2a}.book-spell{background:#fffcf099;border:1.5px solid var(--paper-line);box-shadow:2px 3px #3b2a2f1f}.book-spell>b{background:color-mix(in srgb,var(--spell) 30%,#3a2c40);border:2px solid var(--paper-ink);color:#fff;text-shadow:-1px -1px 0 var(--ink),1px 1px 0 var(--ink)}.book-stats{color:#8a5a10!important}.stars i{color:#3b2a2f2e}.stars i.on{color:#d9962a;text-shadow:0 1px 0 #6a4418}.star-bonus.on{color:#3f7a2a}.btn.star-buy .price{color:#8a5a10}.ach-summary strong{color:#7a3322}.ach-bar{background:#3b2a2f1f}.ach-row{background:#fffcf08c;border:1.5px solid var(--paper-line)}.ach-row strong{color:var(--paper-muted)}.ach-row.got{background:linear-gradient(90deg,#f2c96a4d,#fffcf080);border-color:#9a64148c}.ach-row.got strong{color:var(--paper-ink)}.ach-date{color:#3f7a2a}.stable-card{background:#fffcf08c;border:1.5px solid var(--paper-line)}.stable-card strong{color:var(--paper-ink)}.stable-card.on{background:linear-gradient(90deg,#f2c96a59,#fffcf080);border-color:#9a6414}.offer-info{background:#2e6aa814;border:1.5px solid rgba(46,106,168,.5)}.offer-info b{color:#1f4a78}.offer-info em{color:var(--paper-muted)}.offer-info span{color:#8a5a10}.offer-info.main{background:#f2c96a33;border-color:#9a641499}.offer-info.main b{color:#6a3a0a}.bag-item{background:#fffcf099;border:1.5px solid color-mix(in srgb,var(--c) 55%,var(--paper-line))}.bag-icon{background:color-mix(in srgb,var(--c) 22%,var(--paper-3));border:1.5px solid var(--paper-ink)}.bag-icon b{background:var(--paper-ink);color:var(--paper);border-color:var(--paper-ink)}.stat-lines{color:#2f6a2a}.stat-lines li.lost{color:#a8322a}.stat-lines em.up,.armoury-item .stat-lines em.up,.score-line.up{color:#2f7a2f}.stat-lines em.down,.armoury-item .stat-lines em.down,.score-line.down{color:#b0322a}.hero-card>div>b,.char-title b{color:#7a3322}.doll,.char-side{background:#fffcf073;border:2px solid var(--paper-ink);box-shadow:inset 0 0 0 4px #fffcf080,3px 4px #3b2a2f33}.doll-slot{background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--r) 25%,var(--paper-3)),color-mix(in srgb,var(--r) 10%,var(--paper-2)));border:2px solid color-mix(in srgb,var(--r) 70%,var(--paper-ink));box-shadow:2px 3px #3b2a2f40}.doll-slot.empty{background:#fffcf080;border:2px dashed rgba(59,42,47,.35);box-shadow:none}.doll-slot small{background:var(--paper-ink);color:var(--paper)}.bag-slot{background:linear-gradient(180deg,var(--paper-3),var(--paper-2));border:1.5px solid rgba(59,42,47,.3);box-shadow:inset 0 -2px #3b2a2f1f}.bag-slot[class*=" r-"]{border:2px solid var(--r);box-shadow:inset 0 0 12px color-mix(in srgb,var(--r) 28%,transparent)}.bag-slot .stack{color:#fff;text-shadow:-1px -1px 0 var(--paper-ink),1px -1px 0 var(--paper-ink),-1px 1px 0 var(--paper-ink),1px 1px 0 var(--paper-ink)}.upgrade-arrow{color:#2f8a2f;text-shadow:0 1px 0 #fff}.upgrade-arrow.down{color:#b8322a;text-shadow:0 1px 0 #fff}.item-card p,.item-card p.compare{color:var(--paper-muted)}.card-icon{background:color-mix(in srgb,var(--c, #8890b0) 20%,var(--paper-3));border:2px solid var(--paper-ink)}.tip-worn{background:#3b2a2f0d;border:1.5px solid var(--paper-line)}.pips i{background:#3b2a2f26}.pips i.on{background:#d9962a;box-shadow:none}.stage-fallback{color:var(--paper-ink)}.pause-panel h2,.victory-panel h1,.exit-panel h2{color:#7a3322}.controls-grid,.volume-grid label,.graphics-row,.map-legend{color:var(--paper-muted)}.setting-row b,.kc-head b,.kc-key,.dg-line{color:var(--paper-ink)}.kc-key{background:#fffcf099;border:1.5px solid var(--paper-line)}.kc-key.listening{background:#f2c96a4d;border-color:#9a6414}.kc-note{color:#8a5a10}.backup-panel{background:#2e6aa812;border:1.5px solid rgba(46,106,168,.35)}.backup-panel b{color:#1f4a78}.backup-confirm{background:#3b2a2f0f}.backup-confirm p{color:var(--paper-ink)}.backup-msg.good{color:#2f7a2f}.backup-msg.warn{color:#b0322a}.danger-zone{background:#b8453a14;border:1.5px solid rgba(184,69,58,.4)}.danger-zone b{color:#9a2a1e}.dz-pick select{background:var(--paper-3);color:var(--paper-ink);border:1.5px solid var(--paper-ink)}.settings-panel .settings-close{background:var(--paper-3)}.stat-row div,.dg-score{background:#fffcf099;border:1.5px solid var(--paper-line)}.dg-row em{color:var(--paper-ink)}.dg-row.mine em{color:#2f7a2f}.die{border:2px solid var(--paper-ink);box-shadow:3px 4px #3b2a2f59,inset 0 -4px #0000001a}.star-row span{color:#3b2a2f26}.star-row span.on{color:#e0a02a;text-shadow:0 2px 0 #6a4418}.victory-panel p{color:var(--paper-muted)}.victory-panel h1{background:none;-webkit-background-clip:initial;background-clip:initial;color:#7a3322}.spell-card{border-color:var(--paper-ink)}.spell-card h2{color:#7a3322}.spell-card p{color:var(--paper-muted)}.spell-icon{color:#fff;background:radial-gradient(circle at 40% 35%,#fff,var(--spell) 70%);border:3px solid var(--paper-ink);box-shadow:0 0 0 3px var(--edge),4px 5px #3b2a2f59;text-shadow:-1px -1px 0 var(--ink),1px 1px 0 var(--ink)}.spell-banner{background:#1d121e8c}.map-head strong{color:#7a3322}.map-overlay canvas{border:2px solid var(--paper-ink);box-shadow:0 0 0 5px var(--paper),0 0 0 6.5px #3b2a2f59,4px 6px #3b2a2f4d}.chapter-banner h2,.level-banner b,.cd-card h2,.select-info h1,.title-logo span{-webkit-text-stroke:1.5px rgba(29,21,32,.85);paint-order:stroke fill}.chapter-banner h2,.level-banner b{filter:drop-shadow(3px 5px 0 rgba(18,10,20,.55))}.region-banner h3,.zone-banner,.boss-name h2,.cine-title h2{color:var(--cream);-webkit-text-stroke:1.2px rgba(29,21,32,.9);paint-order:stroke fill;text-shadow:0 2px 0 rgba(18,10,20,.75),0 0 16px rgba(18,10,20,.5)}.boss-name h2{color:#ffe0d6;text-shadow:4px 6px 0 #4a0d12}.region-banner em{background:#b8322a;border:2px solid var(--edge);box-shadow:0 0 0 1.5px var(--ink),var(--shadow)}.boss-track,.siege-track{border:2px solid var(--ink);box-shadow:0 0 0 1.5px var(--edge),var(--shadow)}.letterbox,.cine-bar{background:#140d16}.cine-caption p{color:var(--cream);text-shadow:2px 3px 0 rgba(10,6,12,.85)}.combo b{color:var(--gold);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:3px 4px 0 rgba(18,10,20,.6)}.ach-pop,.cd-card{border-color:var(--gold)}.ach-shield:after{background:linear-gradient(170deg,#4a3450,#2a1e2e)}.title-page .title-hero:before{background:radial-gradient(closest-side,#1d121e8c,#1d121e00)}.title-logo{filter:drop-shadow(4px 7px 0 rgba(18,10,20,.6))}.title-logo span{-webkit-text-stroke:2px rgba(29,21,32,.9)}.select-vignette{background:radial-gradient(ellipse 60% 70% at 50% 55%,#1d121e00 35%,#140c16c7)}.roster-card.on{border-color:var(--gold);background-image:var(--grain-dark),linear-gradient(90deg,#f2c96a47,#f2c96a0f);box-shadow:0 0 0 1.5px var(--ink),var(--shadow),0 0 22px #f2c96a4d}.roster-card:hover{transform:translate(-4px) rotate(-.6deg)}.select-spells span{border:2px solid var(--edge);box-shadow:0 0 0 1.5px var(--ink);background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--spell) 38%,#3a2c40),#241b29)}.select-spells b{text-shadow:-1px -1px 0 var(--ink),1px 1px 0 var(--ink)}.traits i{background:#fff4de24}.traits i.on{background:linear-gradient(90deg,#ffe49a,#f2b84a);box-shadow:0 0 0 1px var(--ink)}.hero-face.paper{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.portrait .hero-face.paper{border-radius:50%}.portrait>span{width:100%;height:100%}.portrait span{animation:none}.dialogue-portrait{overflow:hidden;padding:0}.stage-fallback .hero-face.paper{width:min(40vh,240px);height:auto}.journal,.journal *,.side-panel,.side-panel *,.panel,.panel *,.char-screen,.char-screen *,.map-overlay,.map-overlay *{scrollbar-width:thin;scrollbar-color:rgba(59,42,47,.38) transparent}