.map-land{fill:#3b2f1e}.map-grain{opacity:.9;pointer-events:none}.map-green{fill:none}.map-green .map-green-fill{fill:#6884426b;stroke:none}.map-green .map-green-edge{fill:none;stroke:#68844229;stroke-linejoin:round}.map-green .map-green-edge-wide{fill:none;stroke:#68844214;stroke-linejoin:round}.map-dune{fill:none;stroke:#d6b27047;stroke-width:.9;stroke-linecap:round;vector-effect:non-scaling-stroke}.map-grove circle{fill:#567438bf;stroke:#1e160a99;stroke-width:.6;vector-effect:non-scaling-stroke}.map-ground .map-sea{fill:#172a3d;stroke:none}.map-coast-a{fill:none;stroke:#96c0e852;stroke-linejoin:round}.map-coast-sea{fill:none;stroke:#172a3d;stroke-linejoin:round}.map-coast-ink{fill:none;stroke:#120d07;stroke-width:1.4;stroke-linejoin:round;vector-effect:non-scaling-stroke}.map-ground .map-land-isle{fill:#3b2f1e;stroke:none}.map-hill{fill:#7d6640;stroke:#22190f;stroke-width:.8;stroke-linejoin:round;vector-effect:non-scaling-stroke}.map-hill-lit{fill:#b8996a;stroke:none}.map-hill-hatch{fill:none;stroke:#22190f8c;stroke-width:.6;vector-effect:non-scaling-stroke}.map-river{stroke:#76a8dcd9}.map-river-flow{stroke:#e1f2ffbf}.map-fog{pointer-events:none;opacity:.84}.map-fog-paper{fill:#cdb68a}.map-fog-burn{pointer-events:none}.map-fog-edge{fill:none;stroke:#3c281259;stroke-width:1;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.map-flood{pointer-events:none}.map-flood-flood{opacity:.9}.map-flood-abating{opacity:.62}.map-flood-receding{animation:floodgo 4.5s ease-in forwards}@keyframes floodgo{0%{opacity:.62}to{opacity:0}}.map-flood-waves path{fill:none;stroke:#bedcf866;stroke-linecap:round;animation:floodwave 6s ease-in-out infinite alternate}@keyframes floodwave{0%{transform:translate(-6px)}to{transform:translate(6px)}}.map-plain-smoke circle{fill:#968c80b3;transform-box:fill-box;transform-origin:center;animation:plainsmoke 7s ease-in-out infinite}@keyframes plainsmoke{0%{transform:translateY(4px) scale(.85);opacity:.2}40%{opacity:.75}to{transform:translate(8px,-10px) scale(1.25);opacity:0}}.map-parted-floor{fill:#c9a86a;stroke:none}.map-parted-wall{fill:#4f8cc8;stroke:#cfe6fa;stroke-width:.8;vector-effect:non-scaling-stroke}.map-parted-foam{fill:none;stroke:#eef7ff;stroke-width:1.2;vector-effect:non-scaling-stroke;animation:lmglow 2.4s ease-in-out infinite}.lm .lm-court{fill:#efe4c8}.map-stage-leader{fill:none;stroke:#f0d18a8c;stroke-dasharray:2 2}.map-stage-spot{fill:var(--gold)}.vg-disc{fill:#e8d4a6}.vg-ring{fill:none;stroke:#2a2117;stroke-width:1.6}.vg-now .vg-ring{stroke:var(--gold-bright);stroke-width:2.4}.vg-halo{fill:url(#map-glow);animation:mapglow 1.8s ease-in-out infinite}.vg-done .vg-disc{fill:#dcc496}.vg-seal{fill:var(--gold);stroke:#2a2117;stroke-width:1}.vg-seal-mark{fill:none;stroke:#2a2117;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.vg-locked .vg-disc{fill:#b49c70}.vg-locked .vg-ring{stroke:#f0dcb473;stroke-dasharray:3 2.4}.vg-locked{opacity:.92}.vg-sil *{fill:#3a2c1c!important;stroke:#3a2c1c!important;animation:none!important}.vg-sil .vg-earth,.vg-sil .vg-sand,.vg-sil .vg-green-ground,.vg-sil .vg-night,.vg-sil .vg-storm,.vg-sil .vg-earth-night{fill:#8f7a54!important;stroke:none!important}.vg-sil image{filter:brightness(0) opacity(.8)}.vg path,.vg circle,.vg ellipse{stroke:#2a2117;stroke-width:.7;stroke-linejoin:round;stroke-linecap:round}.vg .vg-line{fill:none;stroke-width:.9}.vg .vg-line-thick{fill:none;stroke:#5b4128;stroke-width:1.4}.vg-earth{fill:#8a6f42}.vg-earth-night{fill:#2e2618}.vg-green-ground{fill:#7b9a52}.vg-sand{fill:#d9bf86}.vg-green{fill:#6d8f4c}.vg-water{fill:#5d9fd8}.vg-water-bitter{fill:#6f9a8e}.vg-fire{fill:#e46b2e}.vg-manna{fill:#fffaf0;stroke-width:.3!important}.vg-cloth{fill:#c9a86a}.vg-white{fill:#f4eedd}.vg-dark{fill:#3a2c1c}.vg-door{fill:#6b4a2a}.vg-wood{fill:#7a5a35}.vg-wood-dark{fill:#5b4128}.vg-stone{fill:#b9a27a}.vg-stone-dark{fill:#8a7552}.vg-gold,.vg-brass{fill:#e1b245}.vg-brass{fill:none;stroke:#c48a2c!important;stroke-width:1.6!important}.vg-skin{fill:#c08a5e}.vg-fig .vg-earth{fill:#7d9a50}.vg-fig .vg-water{fill:#4f86c6}.vg-fig .vg-fire{fill:#c25a3c}.vg-fig .vg-manna{fill:#d4ae48}.vg-fig .vg-dark{fill:#4a3d2c}.vg-thorn{fill:none;stroke:#3d2e1a!important;stroke-width:.9!important}.vg-furrow{fill:none;stroke:#5b4128!important;stroke-width:.9}.vg-tool{fill:none;stroke:#4a3520!important;stroke-width:1.2!important}.vg-sun{fill:#f2c55c;stroke:none!important;opacity:.85}.vg-flame{fill:#ffb347;stroke:#e2642a!important;stroke-width:.5!important;transform-box:fill-box;transform-origin:50% 100%;animation:lmflame .8s ease-in-out infinite alternate}.vg-light{fill:#fff0bed9;stroke:none!important}.vg-rays{fill:none;stroke:#ffecaae6!important;stroke-width:1.6!important}.vg-smoke{fill:none;stroke:#5a544cbf!important;stroke-width:1.6!important}.vg-smoke-flat{fill:none;stroke:#5a544c99!important;stroke-width:1.4!important}.vg-smoke-far{fill:none;stroke:#46403a99!important;stroke-width:2!important}.vg-shadow{fill:#1c140cd9;stroke:none!important}.vg-eye{fill:#e46b2e;stroke:none!important}.vg-grain,.vg-grain-dry{fill:none;stroke:#c99a3a!important;stroke-width:1.2!important}.vg-grain-dry{stroke:#8a7552!important}.vg-sprout{fill:#6d8f4c;stroke-width:.5!important}.vg-rain{fill:none;stroke:#5082beb3!important;stroke-width:.9!important;stroke-dasharray:3 3;animation:vgrain .7s linear infinite}@keyframes vgrain{to{stroke-dashoffset:-6}}.vg-bow-r,.vg-bow-y,.vg-bow-g,.vg-bow-b{fill:none;stroke-width:2.6!important;opacity:.85}.vg-bow-r{stroke:#d85a4a!important}.vg-bow-y{stroke:#f0c450!important}.vg-bow-g{stroke:#6fae5a!important}.vg-bow-b{stroke:#5a8fd0!important}.vg-camel{fill:none;stroke:#4a3520!important;stroke-width:1.1!important}.vg-ripple,.vg-foam{fill:none;stroke:#eef7ff!important;stroke-width:.8!important}.vg-salt{fill:#f6f3ea}.vg-horn{fill:none;stroke:#4a3520!important;stroke-width:.9!important}.vg-serpent{fill:none;stroke:#6b7d3a!important;stroke-width:1.8!important}.vg-storm{fill:#4a4a52;stroke:none!important}.vg-frog{fill:#6f8f3a}.vg-night{fill:#1f2433;stroke:none!important}.vg-moon{fill:#f4ecd2;stroke:none!important}.vg-mark{fill:#a3352b;stroke:none!important}.vg-lamp{fill:#ffd27a;stroke:none!important}.vg-paper{fill:#f1e4c4}.vg-tablet{fill:#cbbd9e}.vg-crack{fill:none;stroke:#2a2117!important;stroke-width:.9!important}.vg-pot{fill:#9a5a32}.vg-basket{fill:#a07a46}.vg-brook{fill:none;stroke:#6aa6dc!important;stroke-width:1.6!important}.vg-swing{transform-box:fill-box;transform-origin:30% 100%;animation:vgswing 1.6s ease-in-out infinite}@keyframes vgswing{0%,to{transform:rotate(0)}50%{transform:rotate(7deg)}}.vg-bob{animation:vgbob 3s ease-in-out infinite}@keyframes vgbob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(1.5px) rotate(2deg)}}.vg-wave-move{animation:vgwave 3s ease-in-out infinite alternate}@keyframes vgwave{0%{transform:translate(-2px)}to{transform:translate(2px)}}.vg-fly{animation:vgfly 3.6s ease-in-out infinite}@keyframes vgfly{0%,to{transform:translate(0)}50%{transform:translate(-4px,2px)}}.vg-walk-in{animation:vgwalkin 4s linear infinite}@keyframes vgwalkin{0%{transform:translate(-4px,1.2px);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translate(6px,-1.6px);opacity:0}}.vg-stroll{animation:vgstroll 2.4s ease-in-out infinite alternate}@keyframes vgstroll{0%{transform:translate(-1.5px)}to{transform:translate(1.5px)}}.vg-march{animation:vgmarch 5s linear infinite}@keyframes vgmarch{0%{transform:translateY(3px)}to{transform:translateY(-3px)}}.vg-hammer{transform-box:fill-box;transform-origin:50% 100%;animation:vghammer .9s ease-in-out infinite}@keyframes vghammer{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}.vg-rise{animation:vgrise 3s ease-in-out infinite}@keyframes vgrise{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-1.5px)}}.vg-breathe{transform-box:fill-box;transform-origin:50% 100%;animation:vgbreathe 2.6s ease-in-out infinite}@keyframes vgbreathe{0%,to{transform:scale(1)}50%{transform:scale(1.06,1.1)}}.vg-glow-pulse{animation:lmglow 3s ease-in-out infinite}.vg-flicker{animation:lmflame .5s ease-in-out infinite alternate}.vg-grow{transform-box:fill-box;transform-origin:50% 100%;animation:vggrow 4s ease-in-out infinite}@keyframes vggrow{0%,to{transform:scale(.9)}50%{transform:scale(1.1)}}.vg-fall{animation:vgfall 1.2s linear infinite}@keyframes vgfall{0%{transform:translateY(-3px);opacity:.4}to{transform:translate(-1px,4px);opacity:1}}.vg-hop ellipse{transform-box:fill-box;transform-origin:50% 100%;animation:vghop 1.4s ease-in-out infinite}.vg-hop ellipse:nth-child(2){animation-delay:.45s}.vg-hop ellipse:nth-child(3){animation-delay:.9s}@keyframes vghop{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-2.5px)}}.vg-twinkle{animation:lmglow 2.4s ease-in-out infinite}.vg-slither{animation:vgwave 1.2s ease-in-out infinite alternate}.vg-shake{animation:vgshake 2.2s ease-in-out infinite}@keyframes vgshake{0%,80%,to{transform:translate(0)}84%{transform:translate(-.6px)}88%{transform:translate(.6px,.3px)}92%{transform:translate(-.4px)}}.vg-press{animation:vgstroll 1.8s ease-in-out infinite alternate}.vg-sling{transform-box:fill-box;transform-origin:0% 100%;animation:vgswing .9s linear infinite}.map-party{pointer-events:none}.wk-shadow{fill:#00000059}.wk-robe{stroke:#1d150c;stroke-width:.8;stroke-linejoin:round}.wk-belt{fill:none;stroke:#1e140a8c;stroke-width:.9}.wk-leg{fill:none;stroke:#2a2117;stroke-width:1.6;stroke-linecap:round;transform-box:fill-box;transform-origin:50% 0%}.wk-head-back{fill:#2a2117}.wk-head-ring{fill:none;stroke:#f0d18a;stroke-width:1.1}.wk-body{animation:wkidle 2.6s ease-in-out infinite}@keyframes wkidle{0%,to{transform:translateY(0)}50%{transform:translateY(-.8px)}}.wk-walking .wk-body{animation:wkbob .42s ease-in-out infinite}@keyframes wkbob{0%,to{transform:translateY(0)}50%{transform:translateY(-1.8px)}}.wk-walking .wk-leg-a{animation:wkleg .42s ease-in-out infinite alternate}.wk-walking .wk-leg-b{animation:wkleg .42s ease-in-out infinite alternate-reverse}@keyframes wkleg{0%{transform:rotate(-24deg)}to{transform:rotate(24deg)}}.wk-stagger>*{animation-delay:inherit}.life-sheep ellipse{fill:#efe7d4;stroke:#2a2117;stroke-width:.5}.life-sheep .life-sheep-head{fill:#2a2117;stroke:none}.life-sheep{animation:lifegraze 7s ease-in-out infinite}@keyframes lifegraze{0%,to{transform:translate(0)}30%{transform:translate(1.2px,.3px)}60%{transform:translate(-.8px,.6px)}}.life-shepherd{fill:#8a6f42;stroke:#2a2117;stroke-width:.6}.map-label{paint-order:stroke;stroke:#140e068c;stroke-width:2px;stroke-linejoin:round}@media(prefers-reduced-motion:reduce){.vg *,.vg-halo,.wk-body,.wk-leg,.map-flood-waves path,.map-plain-smoke circle,.life-sheep,.map-parted-foam{animation:none!important}.map-flood-receding{animation:none;opacity:0}}.lm-green circle{fill:#6d8f4c;stroke:#2a2117;stroke-width:1}.lm-green .lm-fruit{fill:#e9b04a;stroke:none}.manna,.work{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--gold-bright);white-space:nowrap}.work{color:#e2d3b6}.manna-pot{flex:none;filter:drop-shadow(0 0 4px rgba(240,209,138,.45))}.manna-word{font-weight:400;color:var(--ink-soft);margin-left:2px}.purse-mini{display:inline-flex;align-items:center;gap:10px}.purse .manna,.purse .work{font-size:var(--step-1)}.card-buy .manna,.card-buy .work{color:var(--text-on-gold)}.card-buy .manna-pot{filter:none}.manna-earned{align-self:center;display:inline-flex;gap:6px;align-items:center;font-size:var(--step-2);animation:starpop .5s .9s ease both}.manna-earned .manna-pot{width:22px;height:22px}.daily{display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;background:radial-gradient(130% 120% at 10% 0%,rgba(240,230,200,.16),transparent 60%),var(--panel);border-color:#f0d18a59}.daily-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;position:relative}.daily-amount{display:block;font-size:var(--step-2);margin-top:2px}.daily-amount .manna-pot{width:24px;height:24px}.daily-dew{position:absolute;inset:-14px;pointer-events:none}.daily-dew i{position:absolute;width:4px;height:4px;border-radius:50%;background:#fffbea;opacity:0;box-shadow:0 0 6px #fff6d0;animation:dew 3.2s ease-in-out infinite}@keyframes dew{0%,to{opacity:0;transform:translateY(0)}40%{opacity:.85}70%{opacity:.4;transform:translateY(3px)}}.daily-done{flex-direction:row;align-items:center;gap:12px;background:var(--panel);border-color:var(--panel-edge)}.daily-done p{margin:2px 0 0}.daily-rest{border-color:#8fb8e859;background:radial-gradient(120% 120% at 90% 0%,rgba(143,184,232,.14),transparent 60%),var(--panel)}.camp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.camp-door{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 9px;border-radius:var(--radius);border:1px solid var(--panel-edge);background:var(--panel);cursor:pointer;font-size:var(--step--1);line-height:1.2;text-align:center}.camp-door:active{transform:scale(.97)}.camp-door .emblem{width:26px;height:26px;color:var(--gold-bright)}.camp-door em{position:absolute;top:5px;right:6px;font-style:normal;font-size:.6875rem;color:var(--gold)}.camp-live{border-color:var(--gold);box-shadow:0 0 14px #d9b45f59}.camp-live em{position:static;color:var(--gold-bright)}.column-wide{width:min(100%,760px)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}@media(max-width:480px){.card-grid{grid-template-columns:1fr}}.dcard{display:flex;flex-direction:column;border-radius:var(--radius);overflow:hidden;background:var(--panel);border:1px solid var(--panel-edge);transition:transform .15s,border-color .2s}.dcard-held{border-color:#d9b45f73}.dcard-shut{opacity:.62}.dcard-shut .card-art{filter:grayscale(.7) brightness(.7)}.dcard-body{display:flex;flex-direction:column;gap:8px;padding:12px 14px 14px;flex:1}.dcard-body h3{margin:0;font-family:var(--serif);font-size:var(--step-1);font-weight:600}.dcard-effect{margin:0;font-size:var(--step-0);color:var(--ink);line-height:1.35}.dcard-effect .eyebrow{margin-right:4px}.dcard-foot{margin-top:auto;display:flex;align-items:center;justify-content:flex-end;min-height:34px}.dcard-none{display:grid;place-items:center;min-height:120px}.gold{color:var(--gold-bright)}.card-art{position:relative;aspect-ratio:16 / 9;overflow:hidden;display:grid;place-items:center;background:radial-gradient(120% 120% at 30% 20%,var(--tone-a, #6d5420),var(--tone-b, #1a140a))}.card-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,9,12,.75));pointer-events:none}.card-initial{font-family:var(--serif);font-weight:700;font-size:var(--step-4);line-height:1;color:#fff4d6e6;text-shadow:0 2px 0 rgba(0,0,0,.35),0 0 22px rgba(255,225,150,.45);border:1px solid rgba(255,236,196,.35);padding:10px 16px 12px;border-radius:10px;background:#0000002e;position:relative;z-index:1}.card-art .card-face{object-position:center 22%}.card-rank{position:absolute;left:10px;bottom:9px;z-index:2}.card-built{position:absolute;right:10px;top:9px;z-index:2;padding:2px 9px;border-radius:999px;font-size:var(--step--1);background:#d9b45fe6;color:var(--text-on-gold);font-weight:700}.tone-faith{--tone-a: #8a7330;--tone-b: #1d1709}.tone-turnCharge{--tone-a: #2f5c8a;--tone-b: #0b1520}.tone-shield{--tone-a: #4d6578;--tone-b: #10161c}.tone-xp{--tone-a: #5b3f84;--tone-b: #130d1d}.tone-manna{--tone-a: #9a7a32;--tone-b: #1f170a}.tone-insight{--tone-a: #8a7a5a;--tone-b: #1c1810}.tone-regen{--tone-a: #3f7a52;--tone-b: #0d1a12}.tone-wolves{--tone-a: #555a62;--tone-b: #111316}.tone-tries{--tone-a: #3c4b8a;--tone-b: #0d101d}.tone-praise{--tone-a: #a0602e;--tone-b: #20120a}.tone-burdens{--tone-a: #2f7a78;--tone-b: #0b1a19}.tone-fellowship{--tone-a: #8a4a5c;--tone-b: #1c0e12}.tone-strength{--tone-a: #8f3e33;--tone-b: #1d0c0a}.tone-endurance{--tone-a: #4f7a3f;--tone-b: #10190d}.tone-readiness{--tone-a: #3a6a8f;--tone-b: #0c151d}.tone-history{--tone-a: #5a4a7a;--tone-b: #120f1a}.tone-altars{--tone-a: #6b6255;--tone-b: #16140f}.tone-tabernacle{--tone-a: #9a7a32;--tone-b: #1a1208}.tone-temple{--tone-a: #b08a3a;--tone-b: #1f160a}.tone-feast{--tone-a: #8a3a3a;--tone-b: #1c0b0b}.card-verse{display:flex;flex-direction:column;gap:3px;text-align:left;border:0;border-left:2px solid var(--gold);padding:2px 0 2px 10px;background:none;cursor:pointer}.card-verse-text{font-family:var(--serif);font-size:var(--step--1);line-height:1.45;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-verse.open .card-verse-text{-webkit-line-clamp:unset;color:var(--ink)}.card-verse-ref{font-size:.75rem;color:var(--gold)}.card-buy{padding:6px 14px;display:inline-flex;gap:10px}.hero-pick{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin}.hero-chip{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px;border-radius:12px;border:1px solid transparent;background:#ffffff0a;cursor:pointer;font-size:.75rem;min-width:64px}.hero-chip.on{border-color:var(--gold);background:#d9b45f1f}.chip-dot{position:absolute;top:4px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--gold-bright);box-shadow:0 0 6px var(--gold)}.hero-head{display:flex;gap:14px;align-items:flex-start}.hero-head h2{margin:0}.hero-head-text{flex:1;min-width:0}.skill-verses{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.skill-verses li{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center}.skill-verse-name{font-weight:600}.btn-small{padding:4px 10px;font-size:var(--step--1)}.sword-head{display:flex;justify-content:space-between;align-items:baseline}.sword-track{height:8px;border-radius:99px;background:#ffffff14;margin:8px 0;overflow:hidden}.sword-fill{height:100%;background:linear-gradient(90deg,#c9d2dc,var(--gold-bright));box-shadow:0 0 8px #f0d18a99}.drill-head{display:flex;justify-content:space-between;align-items:center}.readings{display:inline-flex;gap:4px}.readings i{width:9px;height:9px;border-radius:50%;border:1px solid var(--gold)}.readings i.on{background:var(--gold-bright);box-shadow:0 0 6px var(--gold)}.book{background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);padding:0 14px}.book summary{display:flex;justify-content:space-between;padding:12px 0;cursor:pointer;font-family:var(--serif);font-size:var(--step-1)}.verse-list{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}.verse-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;font-size:var(--step--1)}.verse-learned{margin:4px 0 0;font-family:var(--serif);font-size:var(--step-0);line-height:1.5;color:var(--ink)}.verse-list li.learned strong{color:var(--gold-bright)}.tabs.tabs-3{grid-template-columns:repeat(3,1fr)}.plan-panel{display:flex;flex-direction:column;gap:8px}.plan-panel h2{margin:0}.plan{width:100%;height:auto;display:block;margin:6px 0}.plan .ground{fill:#8c785a2e}.plan .court{fill:#ffffff08;stroke:#ffffff73;stroke-width:.9;stroke-dasharray:3 2}.plan .court.built{fill:#f5f0e112;stroke:#efe7d2;stroke-dasharray:none}.plan .court-open{stroke-dasharray:none;stroke:#ffffff1f}.plan .gate{fill:#8fb8e859}.plan .tent{fill:#ffffff0d;stroke:#ffffff8c;stroke-width:.9;stroke-dasharray:2 2}.plan .tent.built{fill:#463c8c73;stroke:#b9a7e8;stroke-dasharray:none}.plan .veil{stroke:#a03c46b3;stroke-width:1.2}.plan .pc{fill:#ffffff0a;stroke:#fff9;stroke-width:.8;stroke-dasharray:1.5 1.2}.plan .pc.built{stroke-dasharray:none}.plan .gold.built{fill:#e9c467;stroke:#fff1c4;filter:drop-shadow(0 0 2px rgba(240,209,138,.9))}.plan .gold-line.built{stroke:#f0d18a;stroke-width:1}.plan .brass.built{fill:#b8833f;stroke:#e7b679}.plan g.pc path{fill:#ffffff08}.plan g.pc.built path{fill:#8d8272;stroke:#cfc4b2}.plan .flame{fill:#f3a646!important;stroke:#ffd38a!important;filter:drop-shadow(0 0 3px #f3a646)}.plan text{fill:var(--ink-soft);font-size:5.5px;font-family:var(--sans);stroke:none}.plan .plan-label{font-size:4.5px}.feast-card{display:flex;flex-direction:column;gap:8px;border-color:var(--gold)}.feast-card .card-art{margin:-14px -14px 4px;border-radius:var(--radius) var(--radius) 0 0}.feast-card h2{margin:0}.feast-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.feast-list li{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;padding:8px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--panel-edge)}.feast-list li>div{display:flex;flex-direction:column;min-width:0}.feast-list .card-art{aspect-ratio:4 / 3;border-radius:8px}.feast-list .card-initial{font-size:var(--step-2);padding:4px 8px}.feast-count{font-size:var(--step--1);color:var(--gold);white-space:nowrap}.keepsakes{display:flex;flex-wrap:wrap;gap:8px}.keepsake{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--gold);background:#d9b45f1a;font-size:var(--step--1)}.camp-tip{position:fixed;z-index:20;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));width:min(calc(100% - 32px),460px);translate:-50% 0;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center;padding:14px 16px;border-radius:var(--radius);background:#101217f7;border:1px solid var(--gold);box-shadow:0 10px 40px #0009}.camp-tip p{margin:0;font-size:var(--step-0);line-height:1.4}.camp-tip-foot{grid-column:1 / -1;display:flex;align-items:center;justify-content:flex-end;gap:8px}.camp-tip-foot .small{margin-right:auto}.tip-target{outline:2px solid var(--gold-bright);outline-offset:4px;border-radius:var(--radius);box-shadow:0 0 22px #f0d18a80}.verse-row .tick{color:var(--gold-bright);font-weight:700}.drill-rest p{margin:8px 0 0}@font-face{font-family:"Source Serif 4";src:url(./source-serif-4-normal-latin-BpEBLj1O.woff2) format("woff2");font-weight:200 900;font-display:swap}@font-face{font-family:"Source Sans 3";src:url(./source-sans-3-normal-latin-BqRLTx4X.woff2) format("woff2");font-weight:200 900;font-display:swap}@property --pct{syntax: "<percentage>"; inherits: false; initial-value: 0%;}:root{--bg: #0c0d10;--panel: rgba(16, 18, 23, .82);--panel-edge: rgba(255, 236, 196, .12);--ink: #f3eee4;--ink-soft: #b8b0a2;--gold: #d9b45f;--gold-bright: #f0d18a;--text-on-gold: #1b1508;--life: #5fbf7f;--foe: #e0645a;--shield: #8fb8e8;--danger: #ff8a7a;--step--1: .8125rem;--step-0: .9375rem;--step-1: 1.0625rem;--step-2: 1.3rem;--step-3: 1.75rem;--step-4: 2.4rem;--serif: "Source Serif 4", Georgia, serif;--sans: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;--radius: 14px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink)}body{font-family:var(--sans);font-size:var(--step-0);line-height:1.45;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}img{display:block;max-width:100%}a{color:var(--gold-bright)}.screen{position:relative;min-height:100dvh;padding:0 0 calc(24px + env(safe-area-inset-bottom));isolation:isolate}.backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden}.backdrop img{width:100%;height:100%;object-fit:cover}.backdrop-shade{position:absolute;inset:0;background:linear-gradient(180deg,#08090cb3,#08090ceb),#08090c}.column{width:min(100%,560px);margin:0 auto;padding:0 16px;display:flex;flex-direction:column;gap:14px}.topbar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;background:linear-gradient(180deg,#08090ce6,#08090c00)}.topbar-title{font-family:var(--serif);font-size:var(--step-1);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-side{white-space:nowrap}.topbar-right{justify-self:end}.panel{background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);padding:14px}.panel h2,.panel h3{margin:0 0 8px;font-family:var(--serif);font-weight:600}.panel h2{font-size:var(--step-2)}.panel h3{font-size:var(--step-1)}.muted{color:var(--ink-soft)}.small{font-size:var(--step--1)}.center{text-align:center}.nowrap{white-space:nowrap}.danger{color:var(--danger)}.section-title{font-family:var(--serif);font-size:var(--step-2);margin:10px 0 0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:var(--step--1);color:var(--gold);margin:0}.title{font-family:var(--serif);font-weight:600;font-size:var(--step-4);line-height:1.1;margin:4px 0 12px}.btn{border:1px solid var(--panel-edge);background:#ffffff0f;border-radius:999px;padding:9px 16px;cursor:pointer;transition:transform .12s,background .2s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default}.btn-ghost{background:transparent}.btn-gold{background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:var(--text-on-gold);border-color:transparent;font-weight:600}.btn-big{padding:14px 22px;font-size:var(--step-1);width:100%}.btn-note{font-weight:400;opacity:.75;font-size:var(--step--1);margin-left:6px}.link{font-size:var(--step--1)}.verse{margin:0;padding:12px 14px;border-left:3px solid var(--gold);background:#00000059;border-radius:0 var(--radius) var(--radius) 0}.verse p{margin:0 0 6px;font-family:var(--serif);font-size:var(--step-1);line-height:1.5}.verse footer{font-size:var(--step--1);color:var(--gold)}.verse-bible{color:var(--ink-soft)}.title-screen,.intro{display:flex;align-items:flex-end}.title-inner,.intro-inner{width:min(100%,560px);margin:0 auto;padding:24px 16px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}.title-screen .backdrop-shade,.intro .backdrop-shade{background:linear-gradient(180deg,#08090c1a,#08090cbf 55%,#08090cf7)}.intro-goal{margin:0;color:var(--ink-soft)}.intro{cursor:pointer}.tries{display:inline-flex;align-items:baseline;gap:5px;font-size:var(--step--1)}.tries-num{font-family:var(--serif);font-size:var(--step-2);color:var(--gold-bright)}.tries-wait{color:var(--ink-soft)}.search-cta{display:flex;flex-direction:column;gap:2px;text-align:left;padding:12px 14px;border-radius:var(--radius);border:1px solid rgba(217,180,95,.4);background:#d9b45f1a;cursor:pointer}.search-cta span{color:var(--ink-soft);font-size:var(--step--1)}.encounter-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.encounter-card{position:relative;width:100%;display:block;padding:0;border:1px solid var(--panel-edge);border-radius:var(--radius);overflow:hidden;cursor:pointer;background:#111;text-align:left;aspect-ratio:16 / 7}.encounter-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.encounter-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08090ceb,#08090c8c 55%,#08090c26)}.encounter-card.locked{cursor:default;filter:grayscale(.7) brightness(.8)}.encounter-card-text{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:12px 16px}.encounter-num{font-family:var(--serif);color:var(--gold);font-size:var(--step--1)}.encounter-name{font-family:var(--serif);font-size:var(--step-2);line-height:1.15}.encounter-meta,.encounter-locked{font-size:var(--step--1);color:var(--ink-soft)}.kind{text-transform:capitalize;color:var(--gold-bright)}.stars{color:#ffffff40;letter-spacing:2px;font-size:var(--step-1)}.star.on{color:var(--gold-bright)}.portrait{flex:none;overflow:hidden;border-radius:10px;border:1px solid var(--panel-edge);background:#1a1c22;display:grid;place-items:center;font-family:var(--serif)}.portrait img{width:100%;height:100%;object-fit:cover}.portrait-s{width:38px;height:50px;border-radius:8px}.portrait-m{width:54px;height:72px}.portrait-l{width:84px;height:120px}.roster{display:grid;gap:10px}.hero-card{display:flex;gap:12px}.hero-card-body{flex:1;min-width:0}.hero-card-body h3{margin:0}.hero-card-body p{margin:2px 0 6px}.xp-track{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.xp-fill{height:100%;background:var(--gold)}.ability-list{margin:8px 0;padding-left:18px;font-size:var(--step--1)}.armour-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.armour-card{display:flex;flex-direction:column;gap:4px;opacity:.55}.armour-card.owned{opacity:1;border-color:#d9b45f80}.reset{align-self:center;margin-top:18px}.chip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:8px}.hero-chip{display:flex;gap:8px;align-items:center;padding:6px;border-radius:12px;border:1px solid var(--panel-edge);background:#ffffff08;text-align:left;cursor:pointer}.hero-chip.selected{border-color:var(--gold);background:#d9b45f24}.hero-chip.fixed{cursor:default}.hero-chip:disabled{opacity:1}.hero-chip-text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.prepare-head p{margin:4px 0}.mantle-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.mantle-arrow{color:var(--gold);font-size:var(--step-2)}.mantle-row p{margin:0}.puzzle-text{font-family:var(--serif);font-size:var(--step-1)}.blank{display:inline-block;min-width:4em;border-bottom:2px solid var(--gold);text-align:center;color:var(--gold-bright)}.blank.right{color:var(--life);border-color:var(--life)}.blank.wrong{color:var(--danger);border-color:var(--danger)}.options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0}.option.right{background:#5fbf7f40;border-color:var(--life)}.option.wrong{background:#e0645a40;border-color:var(--foe)}.option.faded{opacity:.5}.question{display:flex;flex-direction:column;gap:10px}.question-prompt{font-family:var(--serif);font-size:var(--step-1);margin:0}.passage{background:#00000059;border-radius:10px;padding:10px 12px;font-family:var(--serif)}.passage p{margin:0 0 6px}.passage sup{color:var(--gold);font-family:var(--sans)}.result{padding-top:calc(32px + env(safe-area-inset-top));align-items:stretch;text-align:left}.result .title{text-align:center;margin-bottom:0}.result .stars{text-align:center;font-size:var(--step-3)}.reflection{margin:0;font-family:var(--serif);font-size:var(--step-1)}.xp-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.xp-list li{display:flex;align-items:center;gap:10px}.level-up{color:var(--gold-bright)}.new-thing{display:flex;flex-direction:column;gap:8px;margin:10px 0 0}p.new-thing{flex-direction:row;align-items:center}.result-buttons{display:flex;flex-direction:column;gap:10px}.battle{padding-bottom:env(safe-area-inset-bottom);overflow:hidden;height:100dvh;display:flex;flex-direction:column}.battle .topbar{padding-bottom:2px}.battle-title{font-size:var(--step-0)}.turn{font-size:var(--step--1);padding:3px 10px;border-radius:999px;white-space:nowrap;transition:background .3s,color .3s}.turn-mine{background:#d9b45f38;color:var(--gold-bright)}.turn-theirs{background:#e0645a2e;color:var(--danger)}.battle-grid{flex:1;min-height:0;width:min(100%,560px);margin:0 auto;padding:0 8px 8px;display:flex;flex-direction:column;gap:8px}.foe{position:relative;display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:18px;background:linear-gradient(180deg,#280e0cc7,#100a0ac7);border:1px solid rgba(224,100,90,.28)}.foe-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.foe[data-pulse=on] .ring{animation:hit .32s ease}.side-name{display:flex;align-items:center;gap:6px;font-family:var(--serif);font-size:var(--step-0);white-space:nowrap;overflow:hidden}.statuses{display:inline-flex;gap:4px;font-family:var(--sans)}.status{font-size:.6875rem;padding:1px 6px;border-radius:999px;background:#e0645a40;color:var(--danger)}.status-good{background:#5fbf7f33;color:var(--life)}.ring{position:relative;flex:none;border-radius:50%;padding:4px;background:conic-gradient(var(--ring) var(--pct),rgba(255,255,255,.1) 0);transition:--pct .4s;box-shadow:0 4px 14px #00000080}.ring-face{width:100%;height:100%;border-radius:50%;overflow:hidden;background:#1a1c22;display:grid;place-items:center;font-family:var(--serif);border:2px solid rgba(8,9,12,.9)}.ring-face img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}.ring-gem{position:absolute;right:-4px;bottom:-4px;display:grid;place-items:center;width:40%;height:40%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8,transparent 60%),var(--ring);border:2px solid #0c0d10}.ring-gem .icon svg path,.ring-gem .icon svg ellipse,.ring-gem .icon svg rect{fill:#fffaf0;stroke:#fffaf0}.ring-ready{animation:ready 1.2s ease-in-out infinite}@keyframes ready{0%,to{box-shadow:0 0 0 0 var(--ring),0 4px 14px #00000080}50%{box-shadow:0 0 18px 4px var(--ring),0 4px 14px #00000080}}@keyframes hit{0%{transform:scale(1)}35%{transform:scale(1.12);filter:brightness(1.5)}to{transform:scale(1)}}.board-wrap{position:relative;flex:none}.board-host{width:min(100%,calc((100dvh - 330px) * 4 / 3));min-width:260px;aspect-ratio:4 / 3;margin:0 auto;border-radius:18px;background:radial-gradient(120% 120% at 50% 0%,#2822188c,#060709c7);box-shadow:inset 0 0 0 1px var(--panel-edge),0 10px 30px #00000073;transition:box-shadow .3s}.board-host.board-live{box-shadow:inset 0 0 0 1px #d9b45f8c,0 0 26px #d9b45f1f,0 10px 30px #00000073}.board-host canvas{border-radius:18px}.coach{position:relative;margin:2px auto 0;width:100%;padding:9px 14px;border-radius:14px;background:#faf4e6f7;color:#1b1508;font-size:var(--step--1);line-height:1.35;box-shadow:0 8px 24px #00000073;animation:coach .3s ease both}.coach:before{content:"";position:absolute;left:50%;top:-6px;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:#faf4e6f7}@keyframes coach{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ability-banner{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 22px;border-radius:16px;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--c) 35%,transparent),#08090ceb 70%);border:1px solid var(--c);box-shadow:0 0 30px color-mix(in srgb,var(--c) 45%,transparent);text-align:center;pointer-events:none;animation:banner 1.5s ease both;max-width:92%;z-index:3}.ability-banner strong{font-family:var(--serif);font-size:var(--step-2);text-shadow:0 2px 10px #000}.ability-banner span{font-size:var(--step--1);color:var(--gold-bright)}.banner-enemy span{color:var(--danger)}@keyframes banner{0%{opacity:0;transform:translate(-50%,-40%) scale(.9)}15%,80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-56%) scale(1.02)}}.team{position:relative;display:flex;align-items:flex-end;gap:10px;padding:8px 10px 10px;border-radius:18px;flex-wrap:wrap;background:linear-gradient(180deg,#0e1216cc,#0a0c10db);border:1px solid var(--panel-edge)}.hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:0;border:0;background:none;cursor:pointer}.hero-pop[data-on=on] .ring{animation:gain .3s ease}.hero-ready .ring{animation:ready 1.2s ease-in-out infinite}@keyframes gain{0%{transform:scale(1)}40%{transform:scale(1.1);filter:brightness(1.35)}to{transform:scale(1)}}.hero-name{font-size:.75rem;color:var(--ink-soft)}.hero-ready-tag{position:absolute;top:-6px;left:50%;transform:translate(-50%);font-size:.625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:1px 7px;border-radius:999px;background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:var(--text-on-gold);box-shadow:0 2px 8px #00000080}.hero-guided:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:3px solid var(--gold-bright);animation:guide 1s ease-in-out infinite;pointer-events:none}@keyframes guide{0%,to{transform:scale(.95);opacity:.9}50%{transform:scale(1.12);opacity:.4}}.team-life{flex:1;min-width:140px;display:flex;flex-direction:column;gap:4px;align-self:center}.bar{position:relative;height:16px;border-radius:8px;background:#ffffff14;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.bar-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#7fe09c,#3f9a5d);transition:width .45s ease}.bar-foe .bar-fill{background:linear-gradient(180deg,#f08a7e,#b8392e)}.bar-shield{position:absolute;top:0;bottom:0;background:linear-gradient(180deg,#b9d8ff,#6f9fd8);opacity:.85;transition:left .45s ease,width .45s ease}.bar-text{position:relative;display:block;font-size:.6875rem;line-height:16px;text-align:center;text-shadow:0 1px 2px #000}.meter{display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:var(--step--1)}.meter-bar{flex-direction:column;align-items:stretch;gap:3px}.meter-bar.warn .mana-fill{background:var(--danger)}.mana-track{flex:1;height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden}.mana-track.wide{height:7px}.mana-fill{height:100%;transition:width .35s ease}.mana-fill.gold{background:linear-gradient(90deg,var(--gold),var(--gold-bright))}.sign{padding:1px 8px;border-radius:999px;border:1px solid var(--panel-edge);color:var(--ink-soft);font-size:.75rem}.sign.done{border-color:var(--gold);color:var(--gold-bright)}.sign.next{border-color:var(--ink);color:var(--ink)}.jericho{flex-direction:column;align-items:flex-start;gap:3px}.dots{display:flex;gap:4px}.dot{width:8px;height:8px;border-radius:50%;background:#ffffff26}.dot.on{background:var(--gold-bright);box-shadow:0 0 6px var(--gold)}.dot.gap{margin-left:5px}.icon{display:inline-block;flex:none}.icon svg{width:100%;height:100%;display:block}.orbs{position:fixed;inset:0;pointer-events:none;z-index:8}.orb{position:fixed;width:16px;height:16px;border-radius:50%;will-change:transform;background:radial-gradient(circle at 35% 35%,#fff,var(--c) 45%,transparent 72%);box-shadow:0 0 12px 3px var(--c)}.cast-flash{position:fixed;inset:0;pointer-events:none;z-index:7;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--c) 40%,transparent),transparent 70%);animation:castflash .6s ease both}@keyframes castflash{0%{opacity:0}25%{opacity:1}to{opacity:0}}.shake-a .battle-grid{animation:shakeA .32s ease}.shake-b .battle-grid{animation:shakeB .32s ease}@keyframes shakeA{0%,to{transform:none}20%{transform:translate(-5px,2px)}40%{transform:translate(5px,-2px)}60%{transform:translate(-3px,1px)}80%{transform:translate(2px)}}@keyframes shakeB{0%,to{transform:none}20%{transform:translate(5px,2px)}40%{transform:translate(-5px,-2px)}60%{transform:translate(3px,1px)}80%{transform:translate(-2px)}}.floats{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5}.floats-enemy,.floats-player{align-items:flex-end;padding-right:18px}.float{font-family:var(--serif);font-weight:700;font-size:var(--step-3);text-shadow:0 2px 8px #000,0 0 2px #000;animation:float 1.3s ease both}.float-hurt{color:#ff7a6b}.float-heal{color:#7fe09c}.float-shield{color:var(--shield);font-size:var(--step-1)}.float-note{color:var(--gold-bright);font-size:var(--step-1)}.float-chain{color:#fff3c9;font-size:var(--step-3);letter-spacing:.02em;text-shadow:0 0 14px rgba(240,209,138,.9),0 2px 6px #000}@keyframes float{0%{opacity:0;transform:translateY(10px) scale(.7)}15%{opacity:1;transform:translateY(0) scale(1.08)}25%{transform:scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-22px)}}.opening{position:fixed;inset:0;z-index:12;display:flex;align-items:flex-end;justify-content:center;padding:16px 16px calc(28px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#08090c26,#08090ce0 55%);cursor:pointer;animation:fadein .4s ease both}.opening-card{width:min(100%,520px);display:flex;flex-direction:column;gap:6px}.opening-card h2{font-family:var(--serif);font-size:var(--step-4);margin:0;line-height:1.1}.opening-verse{font-family:var(--serif);font-size:var(--step-1);margin:6px 0 0}.opening-goal{margin:8px 0 0;color:var(--ink-soft)}.opening-tap{margin-top:10px;align-self:center;font-size:var(--step--1);color:var(--gold-bright);animation:ready 1.6s ease-in-out infinite;padding:4px 12px;border-radius:999px}.gold{color:var(--gold)}@keyframes fadein{0%{opacity:0}to{opacity:1}}.sheet-wrap{position:fixed;inset:0;z-index:20;background:#0000008c;display:flex;align-items:flex-end;justify-content:center}.sheet{width:min(100%,560px);max-height:78dvh;overflow-y:auto;background:#121419;border:1px solid var(--panel-edge);border-radius:20px 20px 0 0;padding:16px 14px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;animation:sheet .22s ease both}.sheet-head{display:flex;align-items:center;gap:12px}.sheet h3{margin:0;font-family:var(--serif);font-size:var(--step-2)}.sheet p{margin:0}.ability-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ability-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--panel-edge);background:#ffffff08;opacity:.7}.ability-row.can{opacity:1;border-color:#d9b45f99;background:#d9b45f14}.ability-row.guided{box-shadow:0 0 0 2px var(--gold-bright),0 0 18px #f0d18a59}.ability-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.ability-row-main strong{font-family:var(--serif)}.ability-row-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ability-verse{font-family:var(--serif);font-size:var(--step--1);color:var(--ink-soft)}.verse-link{background:none;border:0;padding:0;color:var(--gold);font-size:.75rem;cursor:pointer;text-decoration:underline dotted}.pips{display:inline-flex;gap:3px}.pip{width:8px;height:8px;border-radius:50%;background:#ffffff24}.cost-free,.charges{color:var(--gold-bright);font-size:.75rem}@keyframes sheet{0%{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border-radius:999px;background:#ffffff0f}.tab{border:0;background:none;padding:8px 10px;border-radius:999px;cursor:pointer;color:var(--ink-soft)}.tab.on{background:var(--panel);color:var(--ink);box-shadow:inset 0 0 0 1px var(--panel-edge)}.notice{color:var(--gold-bright)}.foe{align-items:stretch}.foe-face{position:relative;flex:none;width:64px;height:84px;border-radius:12px;overflow:visible}.foe-face img{width:100%;height:100%;object-fit:cover;border-radius:12px;border:2px solid rgba(224,100,90,.55);box-shadow:0 6px 18px #0000008c}.foe-gem{position:absolute;right:-6px;bottom:-6px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff8,transparent 60%),var(--c);border:2px solid #0c0d10}.foe-skills{display:flex;gap:5px;flex-wrap:wrap}.foe-skill{position:relative;overflow:hidden;font-size:.6875rem;padding:2px 8px;border-radius:999px;border:1px solid rgba(224,100,90,.45);color:#f6d3cf;background:linear-gradient(90deg,rgba(224,100,90,.45) var(--fill),rgba(255,255,255,.04) var(--fill));transition:background .4s}.foe-skill-ready{border-color:#ff8a7a;color:#fff;animation:threat .9s ease-in-out infinite}@keyframes threat{0%,to{box-shadow:0 0 #ff6e5f00}50%{box-shadow:0 0 12px 2px #ff6e5fb3}}.foe-lunge .foe-face{animation:lunge .5s ease}@keyframes lunge{0%{transform:none}35%{transform:translateY(14px) scale(1.08)}to{transform:none}}.foe-hurt .foe-face img{animation:hurtflash .45s ease}@keyframes hurtflash{0%{filter:none}25%{filter:brightness(2.2) saturate(.4);transform:translate(-3px)}50%{transform:translate(3px)}to{filter:none;transform:none}}.bar-ghost{position:absolute;inset:0 auto 0 0;background:#fff0d2d9;transition:width .7s ease .35s}.bar-fill{transition:width .25s ease}.team{flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:8px}.team-life{min-width:0;display:flex;align-items:center;gap:6px}.team-life .bar{flex:1}.team-hurt{animation:teamhurt .45s ease}@keyframes teamhurt{0%{box-shadow:inset 0 0 #ff5a4600}30%{box-shadow:inset 0 0 0 2px #ff5a46e6,0 0 24px #ff5a4666}to{box-shadow:inset 0 0 #ff5a4600}}.heroes{display:grid;gap:8px}.hcard{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px 6px;border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 16%,rgba(20,22,28,.9)),#0e1014eb);border:1px solid color-mix(in srgb,var(--c) 35%,transparent);transition:transform .2s,opacity .2s}.hcard-ready{border-color:color-mix(in srgb,var(--c) 80%,white);box-shadow:0 0 16px color-mix(in srgb,var(--c) 45%,transparent)}.hcard-dim{opacity:.45}.hcard-cast{animation:cast .55s ease}@keyframes cast{0%{transform:none}30%{transform:translateY(-10px) scale(1.06)}to{transform:none}}.hcard-face{position:relative;width:58px;height:72px;padding:0;border:0;background:none;cursor:pointer}.hcard-face img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;border-radius:12px;border:2px solid var(--c);box-shadow:0 6px 16px #00000080}.hcard-face[data-pulse=on] img{animation:gain .3s ease}.hcard-gem{position:absolute;right:-6px;bottom:-6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff8,transparent 60%),var(--c);border:2px solid #0c0d10}.hcard-name{font-family:var(--serif);font-size:.8125rem;line-height:1}.hcard-charge{position:relative;width:100%;height:10px;border-radius:5px;background:#ffffff1a;overflow:hidden;box-shadow:inset 0 1px 2px #0009}.hcard-charge-fill{height:100%;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 60%,white),var(--c));transition:width .4s ease;box-shadow:0 0 8px var(--c)}.hcard-charge span{position:absolute;inset:0;font-size:.5625rem;line-height:10px;text-align:center;font-weight:700;text-shadow:0 1px 2px #000}.skills{width:100%;display:flex;flex-direction:column;gap:4px}.skill{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:5px 7px;border-radius:9px;cursor:pointer;text-align:left;border:1px solid rgba(255,255,255,.12);color:var(--ink-soft);background:linear-gradient(90deg,color-mix(in srgb,var(--c) 32%,transparent) var(--fill),rgba(255,255,255,.04) var(--fill));transition:background .4s,color .2s,border-color .2s}.skill-name{font-size:.6875rem;line-height:1.15;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.skill-cost{flex:none;font-size:.6875rem;font-weight:700;color:var(--ink)}.skill-cost em{font-style:normal;color:var(--gold-bright)}.skill-ready{color:#fff;border-color:color-mix(in srgb,var(--c) 70%,white);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 75%,white 10%),color-mix(in srgb,var(--c) 55%,black 20%));box-shadow:0 0 12px color-mix(in srgb,var(--c) 60%,transparent);animation:skillready 1.4s ease-in-out infinite}.skill-ready .skill-name{text-shadow:0 1px 2px rgba(0,0,0,.6)}@keyframes skillready{0%,to{box-shadow:0 0 6px color-mix(in srgb,var(--c) 40%,transparent)}50%{box-shadow:0 0 16px 2px color-mix(in srgb,var(--c) 75%,transparent)}}.skill-guided{outline:3px solid var(--gold-bright);outline-offset:2px;animation:skillready .8s ease-in-out infinite}.skill-more{justify-content:center;color:var(--gold-bright);background:none}.bolt{position:fixed;width:26px;height:26px;border-radius:50%;pointer-events:none;will-change:transform;background:radial-gradient(circle at 40% 40%,#fff,var(--c) 40%,transparent 70%);box-shadow:0 0 22px 8px var(--c),0 0 40px 12px color-mix(in srgb,var(--c) 50%,transparent)}.bolt-bless{width:20px;height:20px}.impact{position:fixed;width:20px;height:20px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff 0%,var(--c) 35%,transparent 70%);animation:impact .55s ease-out forwards}@keyframes impact{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(7);opacity:0}}.journey{list-style:none;margin:8px 0 0;padding:0 0 0 18px;position:relative;display:flex;flex-direction:column;gap:14px}.journey:before{content:"";position:absolute;left:31px;top:20px;bottom:20px;width:3px;border-radius:2px;background:linear-gradient(180deg,var(--gold),rgba(217,180,95,.15))}.stop{position:relative;display:flex;align-items:center;gap:12px;animation:stopin .45s ease both}@keyframes stopin{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.stop-dot{position:relative;z-index:1;flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:.8125rem;font-weight:700;background:#1a1c22;border:2px solid var(--gold);color:var(--gold-bright)}.stop-done .stop-dot{background:var(--gold);color:var(--text-on-gold)}.stop-now .stop-dot{background:var(--gold-bright);color:var(--text-on-gold);animation:ready 1.4s ease-in-out infinite;--ring: var(--gold)}.stop-locked .stop-dot{border-color:#fff3;color:var(--ink-soft);font-size:.75rem}.stop-card{position:relative;flex:1;min-width:0;aspect-ratio:16 / 7;padding:0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--panel-edge);background:#111;cursor:pointer;text-align:left;box-shadow:0 8px 24px #00000073;transition:transform .15s}.stop-card:active{transform:scale(.98)}.stop-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stop-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08090ceb,#08090c59 70%,#08090c1a)}.stop-now .stop-card{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 28px #d9b45f40,0 8px 24px #00000073}.stop-text{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:12px 16px}.stop-passage{font-size:.75rem;color:var(--gold);letter-spacing:.06em;text-transform:uppercase}.stop-name{font-family:var(--serif);font-size:var(--step-2);line-height:1.15}.stop-play{align-self:flex-start;margin-top:4px;font-size:.8125rem;font-weight:700;padding:4px 14px;border-radius:999px;background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:var(--text-on-gold)}.stop-play:empty{display:none}.stop-card-locked{cursor:default;display:grid;place-items:center;background:repeating-linear-gradient(135deg,#ffffff08 0 10px,#ffffff0f 10px 20px),#0f1115}.stop-card-locked:after{display:none}.stop-lock{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--ink-soft);text-align:center;padding:0 12px}.stop-lock strong{font-family:var(--serif);font-size:var(--step-1);color:var(--ink)}.result-title.won{animation:wonin .7s cubic-bezier(.2,1.4,.4,1) both;text-shadow:0 0 30px rgba(240,209,138,.45)}@keyframes wonin{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.result-stars{display:flex;justify-content:center;gap:10px;font-size:2.6rem;line-height:1}.rstar{color:#ffffff2e}.rstar.on{color:var(--gold-bright);text-shadow:0 0 18px rgba(240,209,138,.8);animation:starpop .5s cubic-bezier(.2,1.6,.4,1) both}@keyframes starpop{0%{opacity:0;transform:scale(.2) rotate(-40deg)}to{opacity:1;transform:none}}.xp-row{display:flex;align-items:center;gap:10px;animation:stopin .4s ease both}.xp-body{flex:1;display:flex;flex-direction:column;gap:4px}.xp-row .xp-track{height:8px}.xp-row .xp-fill{transition:width 1.1s cubic-bezier(.3,.8,.3,1);background:linear-gradient(90deg,var(--gold),var(--gold-bright));box-shadow:0 0 8px var(--gold)}.level-up{animation:starpop .5s ease both}.reveal-row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.reveal{display:flex;flex-direction:column;align-items:center;gap:6px;animation:flipin .7s cubic-bezier(.2,1.2,.4,1) both;perspective:600px}@keyframes flipin{0%{opacity:0;transform:rotateY(90deg) scale(.8)}to{opacity:1;transform:none}}.reveal-card{position:relative;width:96px;height:132px;border-radius:14px;overflow:hidden;border:2px solid var(--gold-bright);box-shadow:0 0 28px #f0d18a73,0 10px 24px #00000080}.reveal-card img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}.reveal-name{position:absolute;left:0;right:0;bottom:0;padding:14px 6px 6px;font-family:var(--serif);text-align:center;background:linear-gradient(180deg,transparent,rgba(0,0,0,.85))}.reveal-label{font-size:.75rem;color:var(--gold-bright);text-transform:uppercase;letter-spacing:.08em}.armour-reveal{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:var(--radius);border:1px solid var(--gold);background:radial-gradient(120% 120% at 50% 0%,#d9b45f38,#101217d9);box-shadow:0 0 26px #d9b45f40;animation:flipin .7s ease both}.page{animation:pagein .32s ease backwards}@keyframes pagein{0%{opacity:0}to{opacity:1}}.foe{padding:6px 10px;gap:10px;border-radius:14px}.foe-face{width:42px;height:54px}.foe-face img{border-radius:10px}.foe-gem{width:18px;height:18px;right:-5px;bottom:-5px}.foe .side-name{font-size:var(--step--1)}.foe .bar{height:12px}.foe .bar-text{line-height:12px;font-size:.625rem}.foe-skill{font-size:.625rem;padding:1px 7px}.foe .meter{font-size:.6875rem}.coach{position:absolute;left:8px;right:8px;width:auto;margin:0;z-index:4;pointer-events:none;padding:8px 12px;border-radius:12px;background:#0a0b0ebd;color:#fff7e6;font-size:.8125rem;line-height:1.3;border:1px solid rgba(240,209,138,.35);box-shadow:0 6px 18px #00000059;backdrop-filter:none}.coach:before{display:none}.coach-bottom{bottom:8px}.coach-top{top:8px}.battle-grid{gap:6px}.board-wrap{flex:1 1 auto;min-height:180px;container-type:size;display:flex;align-items:center;justify-content:center}.board-host{width:min(100cqw,100cqh * 4 / 3);min-width:0;height:auto}.team{flex:none;padding:6px 8px 8px;gap:6px}.hcard{padding:6px 5px;gap:3px}.hcard-face{width:46px;height:58px}.hcard{position:relative}.hcard-hp{position:relative;width:100%;height:11px;border-radius:6px;background:#ffffff14;overflow:hidden;box-shadow:inset 0 1px 2px #0009}.hcard-hp-ghost{position:absolute;inset:0 auto 0 0;background:#fff0d2d9;transition:width .7s ease .35s}.hcard-hp-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#7fe09c,#3f9a5d);transition:width .25s ease}.hcard-hp span{position:absolute;inset:0;font-size:.5625rem;line-height:11px;text-align:center;font-weight:700;text-shadow:0 1px 2px #000}.hcard-charge{height:7px}.hcard-charge span{display:none}.hcard-worn{filter:grayscale(.9) brightness(.6)}.hcard .floats{z-index:6}.shield-chip{font-size:.6875rem;padding:1px 8px;border-radius:999px;background:#8fb8e833;color:var(--shield);border:1px solid rgba(143,184,232,.4)}.team-life{justify-content:center}.coach{pointer-events:auto;cursor:pointer;display:flex;align-items:flex-start;gap:8px;text-align:left;font:inherit;font-size:.75rem;padding:6px 10px;background:#0a0b0e94;color:#fff7e6;border:1px solid rgba(240,209,138,.28)}.coach-x{flex:none;font-size:.9rem;line-height:1;opacity:.7}.tip-catch{position:fixed;inset:0;z-index:30}.tip{position:fixed;display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:14px;background:#16181e;color:var(--ink);border:1px solid rgba(240,209,138,.35);box-shadow:0 14px 36px #0009;font-size:.8125rem;line-height:1.35;animation:tipin .16s ease both;max-height:70dvh;overflow-y:auto}@keyframes tipin{0%{opacity:0;transform:translateY(4px) scale(.97)}to{opacity:1;transform:none}}.tip strong{font-family:var(--serif);font-size:var(--step-0)}.tip-sub{font-family:var(--sans);font-weight:400;font-size:.75rem;color:var(--ink-soft)}.tip-verse{font-family:var(--serif);color:var(--ink-soft);font-size:.75rem}.tip-need{color:var(--gold-bright);font-size:.75rem}.tip-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.tip-list li{display:flex;flex-direction:column;gap:3px}.tip-skill{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:var(--ink-soft);font:inherit;font-size:.8125rem;cursor:default}.tip-skill.can{cursor:pointer;color:#fff;border-color:var(--gold);background:#d9b45f2e}.tip-cost{font-weight:700}.tip-desc{font-size:.6875rem;color:var(--ink-soft)}.tip-desc em{font-style:normal;color:var(--gold)}.orb-faith{width:18px;height:18px}.tip-tile{display:flex;align-items:center;gap:6px}.tip{font-size:.75rem;gap:4px;padding:10px 12px}.tip strong{font-size:.875rem;padding-right:18px}.tip-x{position:absolute;top:4px;right:6px;width:24px;height:24px;border:0;border-radius:50%;background:#ffffff14;color:var(--ink);font-size:1rem;line-height:1;cursor:pointer}.tip-x:hover{background:#ffffff29}.tip-lesson{pointer-events:none}.tip-lesson .tip-x{pointer-events:auto}.foe{position:relative;overflow:hidden;min-height:76px;padding-left:14px}.foe-art{position:absolute;inset:0;z-index:0}.foe-art img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;opacity:.5}.foe-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#140808d9,#14080859 55%,#140808b3)}.foe>*:not(.foe-art){position:relative;z-index:1}.foe-gem{position:absolute!important;left:6px;top:6px}.foe-lunge .foe-art img{animation:lunge .5s ease}.foe-hurt .foe-art img{animation:hurtflash .45s ease}.hcard{overflow:hidden;padding-top:34px;isolation:isolate}.hcard-bleed{position:absolute;inset:0;width:auto;height:auto;z-index:-1;border-radius:inherit}.hcard-bleed img{width:100%;height:100%;object-fit:cover;object-position:50% 15%;border:0;border-radius:inherit;opacity:.5;box-shadow:none}.hcard-bleed:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#0a0b0e00,#0a0b0e8c 45%,#0a0b0eeb)}.hcard-bleed .hcard-gem{top:6px;right:6px;bottom:auto}.hcard-name{text-shadow:0 1px 4px #000,0 0 2px #000;font-size:.9375rem}.tip-hover{pointer-events:none}.silver{display:inline-flex;align-items:center;gap:5px;font-weight:700;color:#e9eef5}.silver-coin{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#c9d2dc 45%,#7e8996);box-shadow:0 0 6px #dce6f099,inset 0 -1px 2px #00000059}.purse{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--panel-edge)}.purse .silver{font-size:var(--step-1)}.silver-earned{align-self:center;font-size:var(--step-2);animation:starpop .5s .9s ease both}.silver-earned .silver-coin{width:20px;height:20px}.skirmish-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.skirmish{position:relative;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;border:1px solid var(--panel-edge);padding:0;background:#111;cursor:pointer}.skirmish img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6}.skirmish:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.85))}.skirmish-name{position:absolute;left:8px;right:8px;bottom:6px;z-index:1;font-family:var(--serif);font-size:.875rem;text-align:left}.skirmish.locked{cursor:default;filter:grayscale(.9) brightness(.6)}.upgrade-card{display:flex;flex-direction:column;gap:8px}.upgrade-faith{border-color:#f0d18a73}.upgrade-hero{display:flex;align-items:center;gap:8px}.upgrade-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.upgrade-head{display:flex;flex-direction:column;min-width:0}.upgrade-row{display:flex;align-items:center;gap:10px;flex:none}.ranks{display:inline-flex;gap:3px}.rank{width:9px;height:9px;border-radius:2px;background:#ffffff24;transform:rotate(45deg)}.rank.on{background:var(--gold-bright);box-shadow:0 0 6px var(--gold)}.upgrade-buy{padding:5px 12px}.upgrade-buy .silver{color:var(--text-on-gold)}.cut{position:fixed;inset:0;z-index:40;background:#000;overflow:hidden;cursor:pointer}.cut-shot{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease}.cut-shot.cut-on{opacity:1}.cut-shot img{width:100%;height:100%;object-fit:cover;transform-origin:50% 50%;will-change:transform}.cut-move-in{animation:cutIn linear both}.cut-move-out{animation:cutOut linear both}.cut-move-left{animation:cutLeft linear both}.cut-move-right{animation:cutRight linear both}@keyframes cutIn{0%{transform:scale(1.02)}to{transform:scale(1.16)}}@keyframes cutOut{0%{transform:scale(1.18)}to{transform:scale(1.03)}}@keyframes cutLeft{0%{transform:scale(1.14) translate(4%)}to{transform:scale(1.14) translate(-4%)}}@keyframes cutRight{0%{transform:scale(1.14) translate(-4%)}to{transform:scale(1.14) translate(4%)}}.cut-bars{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#000 0,#000 7%,transparent 7%,transparent 62%,rgba(0,0,0,.85) 82%,#000 100%)}.cut-title{position:absolute;left:0;right:0;bottom:18%;text-align:center;padding:0 20px;animation:fadein 1s ease both}.cut-title h1{margin:6px 0 0;font-family:var(--serif);font-size:var(--step-4);text-shadow:0 2px 20px #000}.cut-caption{position:absolute;left:0;right:0;bottom:7%;padding:0 22px;text-align:center;animation:capin 1.2s ease both}.cut-caption p{margin:0 auto 8px;max-width:640px;font-family:var(--serif);font-size:var(--step-1);line-height:1.5;text-shadow:0 2px 10px #000,0 0 2px #000}.cut-caption span{font-size:.75rem;color:var(--gold-bright);letter-spacing:.06em}@keyframes capin{0%{opacity:0;transform:translateY(8px)}30%{opacity:1;transform:none}}.cut-dots{position:absolute;left:0;right:0;bottom:2.5%;display:flex;justify-content:center;gap:6px}.cut-dots span{width:6px;height:6px;border-radius:50%;background:#ffffff40}.cut-dots span.on{background:var(--gold-bright)}.cut-dots span.done{background:#fff9}.cut-skip{position:absolute;top:calc(10px + env(safe-area-inset-top));right:12px;z-index:2;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#0006;color:#fff;font:inherit;font-size:.8125rem;cursor:pointer}.front{position:relative;min-height:100dvh;overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate}.front-art{position:fixed;inset:0;z-index:-1}.front-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity 2.2s ease}.front-art img.on{opacity:1;animation:frontdrift 9s linear both}@keyframes frontdrift{0%{transform:scale(1.04) translate(-1.5%)}to{transform:scale(1.14) translate(1.5%)}}.front-shade{position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 40%,#08090c40,#08090ce0 70%),linear-gradient(180deg,#08090c4d,#08090cd9)}.embers{position:absolute;inset:0;overflow:hidden;pointer-events:none}.embers span{position:absolute;bottom:-10px;left:var(--x);width:var(--w);height:var(--w);border-radius:50%;background:#ffd99a;box-shadow:0 0 8px 2px #ffbe5acc;opacity:0;animation:ember var(--d) linear infinite}@keyframes ember{0%{transform:translate(0);opacity:0}10%{opacity:.9}to{transform:translate(30px,-105vh);opacity:0}}.front-inner{width:min(100%,520px);padding:32px 18px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.front-presents{margin:0;font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);animation:fadein 1.2s ease both}.front-title{margin:4px 0 0;display:flex;flex-direction:column;align-items:center;line-height:.9;font-family:var(--serif)}.front-the{font-size:1.4rem;font-style:italic;font-weight:400;color:var(--gold-bright);letter-spacing:.3em;text-transform:uppercase;animation:fadein 1.4s .2s ease both}.front-name{font-size:clamp(3rem,15vw,4.75rem);font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(180deg,#fff4d2,#f0cf7f 40%,#b8862e 75%,#f7dc96);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(60,35,5,.9)) drop-shadow(0 10px 26px rgba(0,0,0,.7));animation:titlein 1.4s .3s cubic-bezier(.2,1,.3,1) both}@keyframes titlein{0%{opacity:0;transform:scale(.9);letter-spacing:.3em}to{opacity:1;transform:none;letter-spacing:.04em}}.front-gems{display:flex;gap:8px;margin:6px 0 2px}.front-gems img{width:34px;height:34px;animation:gemin .6s cubic-bezier(.2,1.6,.4,1) both,gemfloat 4s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}@keyframes gemin{0%{opacity:0;transform:translateY(14px) scale(.6)}to{opacity:1;transform:none}}@keyframes gemfloat{0%,to{translate:0 0}50%{translate:0 -4px}}.front-line{margin:4px 0 0;font-family:var(--serif);font-style:italic;color:#efe6d2;max-width:34ch;text-shadow:0 2px 8px #000}.front-sub{margin:0;font-size:.8125rem;color:var(--ink-soft)}.front-menu{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:16px}.front-play{font-size:var(--step-2);padding:16px;box-shadow:0 0 30px #f0d18a59,0 8px 20px #00000080;animation:playglow 2.4s ease-in-out infinite}@keyframes playglow{0%,to{box-shadow:0 0 18px #f0d18a40,0 8px 20px #00000080}50%{box-shadow:0 0 34px #f0d18a8c,0 8px 20px #00000080}}.front-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.front-btn{background:#0e1014b3;border-color:#f0d18a4d;padding:11px 6px;font-size:.8125rem}.front-stats{display:flex;gap:18px;margin-top:10px;font-size:.875rem;color:var(--ink-soft);align-items:center}.front-stats b{color:var(--ink)}a.btn{display:inline-block;text-align:center;text-decoration:none;color:inherit}a.btn-gold{color:var(--text-on-gold)}a.front-account{margin-top:12px;width:100%;color:var(--gold-bright)}.front-account-note{margin:10px 0 0;font-size:var(--step--1);color:var(--ink-soft);text-align:center}.account-panel{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.account-panel p{margin:0}.account-panel-line{font-size:var(--step-1);color:var(--ink)}a.account-panel-btn{color:var(--gold-bright);border-color:#f0d18a73}.demo{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--panel-edge)}.demo-caption{margin:0;font-size:.8125rem;color:var(--ink-soft);text-align:center}.demo-wrap{display:flex;align-items:center;justify-content:center;gap:16px}.demo-board{position:relative;width:172px;height:172px;border-radius:12px;background:#00000059;box-shadow:inset 0 0 0 1px var(--panel-edge)}.demo-gem{position:absolute;width:40px;height:40px;left:calc(var(--c) * 42px + 2px);top:calc(var(--r) * 42px + 2px)}.demo-down{animation:dDown 4s ease infinite}.demo-up{animation:dUp 4s ease infinite}.demo-pop{animation-name:dPop;animation-duration:4s;animation-iteration-count:infinite}.demo-up.demo-pop{animation:dUpPop 4s ease infinite}@keyframes dDown{0%,20%{transform:none}30%,to{transform:translateY(42px)}}@keyframes dUp{0%,20%{transform:none}30%,to{transform:translateY(-42px)}}@keyframes dUpPop{0%,20%{transform:none;opacity:1}30%{transform:translateY(-42px);opacity:1}38%{transform:translateY(-42px) scale(1.25);opacity:1;filter:brightness(1.8)}46%,90%{transform:translateY(-42px) scale(.2);opacity:0}to{transform:none;opacity:1}}@keyframes dPop{0%,30%{transform:none;opacity:1}38%{transform:scale(1.25);opacity:1;filter:brightness(1.8)}46%,90%{transform:scale(.2);opacity:0}to{transform:none;opacity:1}}.demo-hand{position:absolute;width:22px;height:22px;border-radius:50%;border:2px solid #fff;left:99px;top:51px;box-shadow:0 0 10px #ffffffb3;animation:dHand 4s ease infinite}@keyframes dHand{0%{opacity:0;transform:none}8%{opacity:1}22%{transform:translateY(0);opacity:1}30%{transform:translateY(42px);opacity:1}36%,to{opacity:0;transform:translateY(42px)}}.demo-orb{position:absolute;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,#fff,#6fbe3c 50%,transparent 72%);box-shadow:0 0 10px 3px #6fbe3c;opacity:0;top:56px}.demo-orb.o1{left:16px;animation:dOrb 4s ease infinite}.demo-orb.o2{left:58px;animation:dOrb 4s .06s ease infinite}.demo-orb.o3{left:100px;animation:dOrb 4s .12s ease infinite}@keyframes dOrb{0%,40%{opacity:0;transform:none}44%{opacity:1}60%{opacity:1;transform:translate(210px,20px) scale(.6)}62%,to{opacity:0;transform:translate(210px,20px) scale(.6)}}.demo-hero{display:flex;flex-direction:column;align-items:center;gap:6px;width:110px}.demo-hero img{width:64px;height:80px;object-fit:cover;object-position:50% 15%;border-radius:12px;border:2px solid #6fbe3c}.demo-hero-body{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.demo-hero-body strong{font-family:var(--serif)}.demo-bar{width:100%;height:8px;border-radius:4px;background:#ffffff1f;overflow:hidden}.demo-bar span{display:block;height:100%;background:#6fbe3c;box-shadow:0 0 8px #6fbe3c;animation:dBar 4s ease infinite}@keyframes dBar{0%,58%{width:10%}66%,92%{width:100%}to{width:10%}}.demo-skill{font-size:.6875rem;padding:4px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.15);color:var(--ink-soft);animation:dSkill 4s ease infinite}@keyframes dSkill{0%,64%{background:transparent;color:var(--ink-soft);box-shadow:none}70%,92%{background:#4f9a2a;color:#fff;box-shadow:0 0 14px #6fbe3c}to{background:transparent}}.legend{display:grid;grid-template-columns:1fr;gap:8px}.legend-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;background:var(--panel);border:1px solid var(--panel-edge)}.legend-item img,.legend-ph{width:40px;height:40px;flex:none}.legend-item div{display:flex;flex-direction:column}.faq{display:flex;flex-direction:column;gap:6px}.faq-item{border-radius:12px;background:var(--panel);border:1px solid var(--panel-edge);overflow:hidden}.faq-item.open{border-color:#f0d18a66}.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;background:none;border:0;color:var(--ink);font:inherit;font-family:var(--serif);font-size:var(--step-0);text-align:left;cursor:pointer}.faq-mark{color:var(--gold-bright);font-size:1.2rem}.faq-a{margin:0;padding:0 14px 14px;color:var(--ink-soft);font-size:.875rem;line-height:1.5}.battle-grid{gap:4px;padding:0 6px 6px}.battle .topbar{padding-top:calc(4px + env(safe-area-inset-top));padding-bottom:2px}.foe{min-height:60px;padding-top:6px;padding-bottom:6px}.board-wrap{flex:none;min-height:0;container-type:normal;display:block}.board-host{width:min(100%,calc((100dvh - 112px - 230px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 4 / 3));min-width:220px}.team{flex:1 1 auto;min-height:230px;display:flex;flex-direction:column;padding:4px;gap:4px}.heroes{flex:1;gap:4px;align-items:stretch}.hcard{justify-content:flex-end;padding:6px 5px 5px;gap:4px;border-radius:12px;min-height:0}.hcard-bleed img{opacity:.62;object-position:50% 12%}.hcard-bleed:after{background:linear-gradient(180deg,#0a0b0e00,#0a0b0e1a 35%,#0a0b0ed1 62%,#0a0b0ef2)}.hcard-name{font-size:1rem}.skills{gap:3px}.skill{padding:5px 6px}.heroes-4 .hcard-name,.heroes-5 .hcard-name{font-size:.8125rem}.heroes-4 .skill-name,.heroes-5 .skill-name{font-size:.625rem;-webkit-line-clamp:3}.heroes-5 .skill{padding:4px;flex-direction:column;align-items:flex-start;gap:1px}.heroes-5 .hcard-gem{width:18px;height:18px}.heroes-4 .hcard-hp span,.heroes-5 .hcard-hp span{font-size:.5rem}.foe-gem{left:auto!important;right:8px;top:8px}.team{min-height:226px}.turn-wrap{display:inline-flex;align-items:center;gap:6px}.turns-left{font-size:.75rem;font-weight:700;padding:3px 9px;border-radius:999px;background:#ffffff14;color:var(--ink);border:1px solid rgba(255,255,255,.14)}.turns-low{color:#fff;background:#e050468c;border-color:#ff8a7a;animation:threat .9s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.float,.ability-banner,.sheet,.cast-flash,.orb,.coach{animation-duration:.01s}.ring-ready,.hero-ready .ring,.hero-guided:before,.opening-tap,.skill-ready,.skill-guided,.foe-skill-ready,.page,.rstar.on,.reveal,.armour-reveal,.stop,.cut-shot img,.front-art img.on,.embers span,.front-play{animation:none}}.scene{position:fixed;inset:0;z-index:20;overflow:hidden;cursor:pointer;background:#050608;user-select:none}.scene-bg{position:absolute;inset:0}.scene-bg img{width:100%;height:100%;object-fit:cover;filter:brightness(.55) saturate(.9);animation:scenebg 18s ease-out both}@keyframes scenebg{0%{transform:scale(1.08)}to{transform:scale(1)}}.scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#05060859,#05060800,#050608bf 70%,#050608f2);pointer-events:none}.scene-stage{position:absolute;inset:0 0 auto;height:72%;z-index:1;pointer-events:none}.scene-slot{position:absolute;bottom:0;width:min(46vw,300px)}.scene-left{left:max(2vw,calc(50% - 330px))}.scene-right{right:max(2vw,calc(50% - 330px))}.scene-face{position:relative;aspect-ratio:2 / 3;border-radius:18px;overflow:hidden;border:2px solid rgba(240,209,138,0);transition:transform .45s cubic-bezier(.2,.9,.3,1.2),filter .45s ease,opacity .45s ease,border-color .45s ease;transform-origin:50% 100%}.scene-face img{width:100%;height:100%;object-fit:cover}.scene-face.on{transform:scale(1.06);filter:none;border-color:#f0d18a8c;box-shadow:0 10px 40px #0009,0 0 40px #d9b45f2e}.scene-face.off{transform:scale(.86) translateY(4%);filter:brightness(.45) saturate(.6);opacity:.85}.scene-left .scene-face{animation:faceinL .55s cubic-bezier(.2,.9,.3,1.15) both}.scene-right .scene-face{animation:faceinR .55s cubic-bezier(.2,.9,.3,1.15) both}@keyframes faceinL{0%{opacity:0;translate:-60% 0;scale:.7}to{opacity:1;translate:0 0;scale:1}}@keyframes faceinR{0%{opacity:0;translate:60% 0;scale:.7}to{opacity:1;translate:0 0;scale:1}}.scene-initial{display:grid;place-items:center;height:100%;font-family:var(--serif);font-size:var(--step-4);background:#1a1c22}.scene-light{display:grid;place-items:center;border:0;overflow:visible;background:radial-gradient(circle closest-side at 50% 45%,#fff8e1f2,#ffe29699 18%,#d9b45f2e 45%,#0000 70%)}.scene-light span{width:140%;aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ffecbe29 0deg 6deg,#ffecbe00 6deg 18deg);animation:rays 24s linear infinite;-webkit-mask:radial-gradient(circle closest-side,#000 25%,transparent 100%);mask:radial-gradient(circle closest-side,#000 25%,transparent 100%)}.scene-light-angel{background:radial-gradient(circle closest-side at 50% 45%,#f5f8fff2,#cddcff8c 20%,#96aadc26,#0000 70%)}.scene-light-spirit{background:radial-gradient(circle closest-side at 50% 55%,#fff4d6f2,#ffb05a99 20%,#d660282e 46%,#0000 70%)}.scene-light.on{box-shadow:none}@keyframes rays{to{transform:rotate(360deg)}}.scene-people{display:flex;align-items:flex-end;justify-content:center;gap:4%;padding-bottom:12%;background:radial-gradient(circle at 50% 80%,#d9b45f26,#0000 70%)}.scene-people span{width:26%;aspect-ratio:1 / 1.6;border-radius:50% 50% 18% 18%/32% 32% 18% 18%;background:linear-gradient(180deg,#f0e6d259,#f0e6d214)}.scene-people span:nth-child(2){width:30%}.scene-box{position:absolute;z-index:2;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(calc(100% - 24px),640px);min-height:132px;padding:14px 18px 12px;border-radius:16px;background:#0c0d11e6;border:1px solid var(--panel-edge);box-shadow:0 12px 40px #0009;animation:boxin .3s ease both;display:flex;flex-direction:column;gap:6px}@keyframes boxin{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.scene-name{align-self:flex-start;margin-top:-28px;padding:3px 12px;border-radius:999px;font-weight:700;font-size:var(--step--1);letter-spacing:.04em;background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:var(--text-on-gold);box-shadow:0 4px 12px #0006}.scene-box-right .scene-name{align-self:flex-end}.scene-box-centre .scene-name,.scene-box-book .scene-name{align-self:center;background:#1e1a12f2;color:var(--gold-bright);border:1px solid rgba(240,209,138,.35)}.scene-words{margin:0;font-family:var(--serif);font-size:var(--step-1);line-height:1.5}.scene-box-book .scene-words{font-style:italic;text-align:center}.scene-rest{visibility:hidden}.scene-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto}.scene-ref{font-size:var(--step--1);color:var(--gold)}.scene-more{margin-left:auto;color:var(--gold-bright);opacity:0}.scene-more.ready{opacity:1;animation:nudge 1.1s ease-in-out infinite}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.scene-skip{position:absolute;z-index:3;top:calc(12px + env(safe-area-inset-top));right:12px;padding:6px 14px;border-radius:999px;border:1px solid var(--panel-edge);background:#0c0d11b3;cursor:pointer}@media(max-width:520px){.scene-stage{height:64%}.scene-slot{width:52vw}.scene-left{left:-2vw}.scene-right{right:-2vw}.scene-words{font-size:var(--step-0)}}.chapter-card{position:fixed;inset:0;z-index:20;overflow:hidden;cursor:pointer;background:#050608;display:flex;align-items:flex-end;justify-content:center}.chapter-pic{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease}.chapter-pic.on{opacity:1}.chapter-pic img{width:100%;height:100%;object-fit:cover;animation:kenburns 9s ease-out both}.chapter-pic:nth-child(2n) img{animation-name:kenburns2}@keyframes kenburns{0%{transform:scale(1.14) translate(1.5%,1%)}to{transform:scale(1.02)}}@keyframes kenburns2{0%{transform:scale(1.02)}to{transform:scale(1.14) translate(-1.5%,-1%)}}.chapter-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.chapter-shade{position:absolute;inset:0;background:linear-gradient(180deg,#05060833,#05060826 40%,#050608eb 85%)}.chapter-text{position:relative;z-index:1;width:min(calc(100% - 32px),620px);padding-bottom:calc(32px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px;text-align:center;animation:chapterin 1.2s ease both .3s}@keyframes chapterin{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.chapter-name{margin:0;font-family:var(--serif);font-size:clamp(2.4rem,9vw,4.2rem);line-height:1;color:var(--gold-bright);text-shadow:0 4px 30px rgba(0,0,0,.7)}.chapter-line{margin:0;font-size:var(--step-1);color:var(--ink)}.chapter-verse{margin:8px 0 0;font-family:var(--serif);font-style:italic;color:var(--ink-soft)}.chapter-verse cite{display:block;margin-top:4px;font-style:normal;font-size:var(--step--1);color:var(--gold)}.chapter-strip{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none}.chapter-strip::-webkit-scrollbar{display:none}.chapter-chip{flex:none;display:flex;align-items:center;gap:6px;padding:6px 12px 6px 6px;border-radius:999px;border:1px solid var(--panel-edge);background:var(--panel);cursor:pointer;white-space:nowrap}.chapter-chip:disabled{opacity:.55;cursor:default}.chapter-chip.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.chapter-chip-n{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:var(--step--1);font-weight:700;background:#ffffff14}.chapter-chip.done .chapter-chip-n{background:var(--gold);color:var(--text-on-gold)}.chapter-head{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center;padding:10px}.chapter-head-art{position:relative;aspect-ratio:4 / 3;padding:0;border:0;border-radius:10px;overflow:hidden;cursor:pointer;background:#111}.chapter-head-art img{width:100%;height:100%;object-fit:cover}.chapter-head-play{position:absolute;inset:0;display:grid;place-items:center;color:var(--gold-bright);font-size:var(--step-2);background:#00000040}.chapter-head-text{display:flex;flex-direction:column;gap:2px;min-width:0}.chapter-head-name{font-family:var(--serif);font-size:var(--step-3);line-height:1.05}.stop-wrap{position:relative;flex:1;min-width:0;display:flex}.stop-scene{position:absolute;z-index:2;right:8px;bottom:8px;padding:3px 10px;border-radius:999px;border:1px solid var(--panel-edge);background:#0c0d11bf;font-size:var(--step--1);color:var(--gold-bright);cursor:pointer}.stop-coming{justify-content:center;color:var(--ink-soft);font-style:italic;padding:8px 0 0 42px}.labour-room{margin:0;color:var(--ink-soft);display:flex;justify-content:center;align-items:center;gap:6px}.labour-room.full{color:var(--gold)}.skirmish.labour .stars{position:absolute;top:6px;right:8px;z-index:1}.rank.shut{opacity:.25;border-style:dashed}.chapter-meters{flex-direction:column;align-items:stretch;gap:4px}.goals{display:flex;flex-wrap:wrap;gap:4px}.goal{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 4px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);font-size:var(--step--1)}.goal-now{border-color:#f0d18a73}.goal-done{background:#d9b45f33;color:var(--gold-bright)}.goal-later{opacity:.45}.goal-count{font-weight:700;font-variant-numeric:tabular-nums}.goal-then{border-color:var(--gold);color:var(--gold-bright);animation:ready 1.4s ease-in-out infinite;--ring: var(--gold)}.goals-ordered .goal-label{max-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.goals:not(.goals-ordered):not(.goals-named) .goal-label{display:none}.days{display:flex;align-items:center;gap:4px}.day{width:14px;height:6px;border-radius:3px;background:#ffffff1f}.day.past{background:var(--gold)}.day.today{background:var(--gold-bright);box-shadow:0 0 8px var(--gold)}.days .small{margin-left:6px}@media(prefers-reduced-motion:reduce){.scene-bg img,.scene-face,.scene-light span,.scene-more.ready,.chapter-pic img,.chapter-text,.goal-then{animation:none}}:root{--map-land: #3a2f1f;--map-land-grain: rgba(255, 226, 170, .07);--map-sea: #142231;--map-sea-edge: rgba(143, 184, 232, .35);--map-river: rgba(120, 170, 220, .75);--map-label: rgba(240, 220, 180, .55)}.journey-map{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--panel-edge);background:var(--map-sea);box-shadow:0 8px 30px #00000073}.journey-map svg{display:block;width:100%;max-height:62vh;background:var(--map-land)}.map-sea{fill:var(--map-sea);stroke:var(--map-sea-edge);stroke-width:.6;vector-effect:non-scaling-stroke}.map-land-isle{fill:var(--map-land);stroke:var(--map-sea-edge);stroke-width:.6;vector-effect:non-scaling-stroke}.map-river{fill:none;stroke:var(--map-river);stroke-linecap:round;stroke-linejoin:round}.map-label{fill:var(--map-label);font-family:var(--serif);text-anchor:middle;letter-spacing:.12em;pointer-events:none}.map-label-land{text-transform:uppercase}.map-label-sea,.map-label-river{font-style:italic;fill:#aac8eb99;letter-spacing:.06em}.map-road{fill:none;stroke:var(--gold);stroke-linecap:round;stroke-linejoin:round;opacity:.85}.map-pin{fill:#15130f;stroke:var(--gold)}.map-pin-n{fill:var(--gold-bright);font-family:var(--sans);font-weight:700;text-anchor:middle;pointer-events:none}.map-pin-name,.map-stage-name{fill:var(--ink);font-family:var(--serif);paint-order:stroke;stroke:#0a0907d9;stroke-width:3px;stroke-linejoin:round;pointer-events:none}.map-pin-name{text-anchor:middle}.map-chapter.done .map-pin,.map-stage.done .map-pin{fill:var(--gold)}.map-chapter.done .map-pin-n,.map-stage.done .map-pin-n{fill:var(--text-on-gold)}.map-chapter.on .map-pin{stroke:var(--gold-bright)}.map-chapter.locked .map-pin,.map-stage.locked .map-pin{stroke:#ffffff4d;stroke-dasharray:2 2}.map-chapter.locked .map-pin-n,.map-stage.locked .map-pin-n{fill:var(--ink-soft)}.map-stage.now .map-pin{fill:var(--gold-bright)}.map-stage.now .map-pin-n{fill:var(--text-on-gold)}.map-now-glow{animation:mapglow 1.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes mapglow{0%,to{opacity:.5}50%{opacity:1}}.map-upgrades{position:absolute;top:44px;right:8px;padding:5px 14px;border-radius:999px;border:1px solid var(--gold);background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#1a1407;font-weight:700;font-size:var(--step--1);cursor:pointer;box-shadow:0 2px 10px #00000073}.map-toggle{position:absolute;top:8px;right:8px;padding:4px 12px;border-radius:999px;border:1px solid var(--panel-edge);background:#0c0d11cc;font-size:var(--step--1);cursor:pointer}.journey-map .chapter-strip{padding:8px 8px 10px;background:#0c0d11eb}.timeline{list-style:none;margin:0;padding:10px 10px 4px;display:grid;grid-template-columns:repeat(7,1fr);gap:2px;background:#0c0d11eb;border-top:1px solid var(--panel-edge);position:relative}.timeline:before{content:"";position:absolute;left:7%;right:7%;top:15px;height:2px;background:linear-gradient(90deg,var(--gold) var(--reached, 0%),rgba(255,255,255,.12) var(--reached, 0%))}.era{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;min-width:0}.era-dot{position:relative;z-index:1;width:12px;height:12px;border-radius:50%;background:#2a2a2e;border:2px solid rgba(255,255,255,.18)}.era.open .era-dot{background:var(--gold);border-color:var(--gold)}.era.on .era-dot{background:var(--gold-bright);box-shadow:0 0 10px var(--gold);transform:scale(1.25)}.era-name{font-size:.6875rem;line-height:1.15;color:var(--ink-soft);min-height:1.6em}.era.on .era-name{color:var(--gold-bright);font-weight:700}@media(prefers-reduced-motion:reduce){.map-now-glow{animation:none}}.win-by{font-size:var(--step--1);color:var(--gold-bright);font-weight:700;white-space:normal;line-height:1.25}.opening-stars{margin:4px 0 0;font-size:var(--step--1);color:var(--gold)}.moving{position:absolute;inset:0;overflow:hidden;background:#000}.moving video{position:absolute;inset:0;width:100%;height:100%}.moving-fill{object-fit:cover;filter:blur(28px) brightness(.55) saturate(1.1);transform:scale(1.15)}.moving-main{object-fit:contain}.scene-bg-moving .moving-main{filter:brightness(.62)}.scene-bg-moving .moving-fill{filter:blur(28px) brightness(.4)}@media(min-aspect-ratio:16/10){.moving-main{object-fit:cover}}.reel{position:fixed;inset:0;z-index:30;background:#000;cursor:pointer;overflow:hidden}.reel-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0000 55%,#000000d1);pointer-events:none}.reel-caption{position:absolute;left:50%;bottom:calc(46px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(calc(100% - 32px),760px);text-align:center;animation:boxin .8s ease both}.reel-caption p{margin:0;font-family:var(--serif);font-size:var(--step-2);line-height:1.4;color:#fbf6ea;text-shadow:0 2px 14px rgba(0,0,0,.9)}.reel-caption span{display:block;margin-top:6px;font-size:var(--step--1);color:var(--gold-bright);text-shadow:0 1px 6px #000}.reel-dots{bottom:calc(18px + env(safe-area-inset-bottom))}@media(max-width:520px){.reel-caption p{font-size:var(--step-1)}}.sound-toggles{display:inline-flex;gap:4px;margin-left:auto;margin-right:8px}.sound-toggle{width:32px;height:32px;border-radius:50%;border:1px solid var(--panel-edge);background:#ffffff0a;color:var(--ink-soft);cursor:pointer;opacity:.55}.sound-toggle.on{opacity:1;color:var(--gold-bright);border-color:#f0d18a73}.watch-song{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-top:4px;padding:4px 12px;border-radius:999px;border:1px solid rgba(240,209,138,.45);color:var(--gold-bright);text-decoration:none;font-size:var(--step--1)}.result-buttons .watch-song{align-self:center}.map-green{fill:#6080406b;stroke:none}.map-peak path{fill:#4a3f2c}.map-peak .map-peak-lit{fill:#6b5c40}.map-wave{fill:none;stroke:#96beeb47;stroke-linecap:round}.lm path{fill:#c9a86a;stroke:#2a2117;stroke-width:1}.lm .lm-shade{fill:#8a6f42}.lm .lm-snow{fill:#efe6d2;stroke:none}.lm-green path{fill:#6d8f4c}.lm .lm-trunk{fill:none;stroke:#7a5a35;stroke-width:1.6}.map-compass circle{fill:#0c0d118c;stroke:#f0d18a80;stroke-width:1}.map-compass path{fill:var(--gold)}.map-compass text{fill:var(--gold-bright);font-family:var(--serif);font-size:9px}.journey-map:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 60px #000000a6;border-radius:inherit}.front-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.6s ease}.front-video.on{opacity:1}.bolt-trail{width:18px;height:18px;box-shadow:0 0 14px 4px var(--c)}.bolt{width:30px;height:30px}.impact{width:26px;height:26px}.impact-strike{animation-duration:.6s}.spark{position:fixed;width:7px;height:7px;border-radius:50%;pointer-events:none;will-change:transform;background:radial-gradient(circle,#fff 0%,var(--c) 55%,transparent 75%);box-shadow:0 0 8px 2px var(--c)}.shock{position:fixed;width:34px;height:34px;border-radius:50%;pointer-events:none;border:3px solid var(--c);box-shadow:0 0 18px var(--c),inset 0 0 12px var(--c)}.slash{position:fixed;height:5px;border-radius:3px;pointer-events:none;transform-origin:50% 50%;background:linear-gradient(90deg,transparent,#fff 30%,var(--c) 60%,transparent);box-shadow:0 0 14px 3px var(--c)}.hurt-vignette{position:fixed;inset:0;pointer-events:none;z-index:7;box-shadow:inset 0 0 90px 30px #dc281ebf;animation:hurtvig .6s ease-out forwards}@keyframes hurtvig{0%{opacity:0}20%{opacity:1}to{opacity:0}}.punch-flash{position:fixed;inset:0;pointer-events:none;z-index:9;background:#fff8e8;animation:punch .28s ease-out forwards}@keyframes punch{0%{opacity:.55}to{opacity:0}}.shake-heavy-a .battle-grid{animation:shakeHA .5s cubic-bezier(.36,.07,.19,.97)}.shake-heavy-b .battle-grid{animation:shakeHB .5s cubic-bezier(.36,.07,.19,.97)}@keyframes shakeHA{0%,to{transform:none}10%{transform:translate(-10px,4px) rotate(-.6deg)}25%{transform:translate(9px,-5px) rotate(.5deg)}40%{transform:translate(-7px,3px)}55%{transform:translate(6px,-2px)}70%{transform:translate(-3px,1px)}85%{transform:translate(2px)}}@keyframes shakeHB{0%,to{transform:none}10%{transform:translate(10px,4px) rotate(.6deg)}25%{transform:translate(-9px,-5px) rotate(-.5deg)}40%{transform:translate(7px,3px)}55%{transform:translate(-6px,-2px)}70%{transform:translate(3px,1px)}85%{transform:translate(-2px)}}.foe-hurt .foe-face img{animation:foereel .55s cubic-bezier(.3,.7,.3,1)}@keyframes foereel{0%{filter:none;transform:none}15%{filter:brightness(2.6) saturate(.3);transform:translate(6px,-6px) rotate(4deg) scale(.94)}45%{filter:brightness(1.3) sepia(.4) hue-rotate(-20deg);transform:translate(-3px,2px) rotate(-2deg)}to{filter:none;transform:none}}.foe-hurt .foe-art img{animation:foeart .5s ease-out}@keyframes foeart{0%{filter:none}20%{filter:brightness(1.8) contrast(1.2)}to{filter:none}}.foe-lunge .foe-face{animation:lunge .55s cubic-bezier(.5,-.4,.3,1.4)}@keyframes lunge{0%{transform:none}30%{transform:translateY(-6px) scale(.96)}55%{transform:translateY(22px) scale(1.16)}to{transform:none}}.float-w1{font-size:var(--step-4, 2rem)}.float-w2{font-size:calc(var(--step-4) * 1.15);color:#f54;text-shadow:0 0 16px rgba(255,80,60,.85),0 2px 8px #000;animation-name:floatbig}@keyframes floatbig{0%{opacity:0;transform:scale(2.2) rotate(-8deg)}12%{opacity:1;transform:scale(.9) rotate(3deg)}22%{transform:scale(1.1) rotate(0)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-26px)}}.battle .topbar{padding-top:calc(12px + env(safe-area-inset-top))}.foe .side-name{font-size:var(--step-0);white-space:normal;line-height:1.15}.hcard{justify-content:flex-start;padding:4px 4px 5px}.hcard-face.hcard-bleed{position:relative;inset:auto;z-index:0;flex:1 1 auto;min-height:52px;width:100%;height:auto;border-radius:10px;overflow:hidden}.hcard-bleed img{opacity:1;object-position:50% 34%;border-radius:10px}.hcard-bleed:after{border-radius:10px;background:linear-gradient(180deg,#0a0b0e00 70%,#0a0b0e73)}.hcard-name{margin-top:2px}.skill-row{display:flex;gap:3px;align-items:stretch;width:100%}.skill-row .skill{flex:1;min-width:0}.skill-info{flex:none;width:24px;padding:0;border-radius:9px;border:1px solid rgba(240,209,138,.35);background:#0a0b0e8c;color:var(--gold-bright);font-family:var(--serif);font-style:italic;font-weight:700;font-size:.8125rem;cursor:pointer}.skill-info:active{background:#f0d18a33}.heroes-4 .skill-info,.heroes-5 .skill-info{width:18px;font-size:.6875rem}.heroes{min-height:0;grid-template-rows:minmax(0,1fr)}.hcard{min-height:0;height:100%}.hcard-face.hcard-bleed{flex:1 1 0}.map-landmark{cursor:pointer}.map-landmark-hit{fill:transparent}.map-landmark.on .lm path,.map-landmark.on .lm circle,.map-landmark.on .lm ellipse{filter:drop-shadow(0 0 3px rgba(240,209,138,.9))}.map-landmark-name{fill:#f3e2b8;font-family:var(--serif);font-style:italic;text-anchor:middle;paint-order:stroke;stroke:#0c0a06d9;stroke-width:2.5px;pointer-events:none}.lm .lm-trunk-fill{fill:#7a5a35}.lm .lm-fruit{fill:#e9b04a;stroke:none}.lm .lm-water{fill:none;stroke:#7fb8ea;stroke-width:1.4;stroke-linecap:round}.lm .lm-water-fill{fill:#5d9fd8}.lm .lm-broken{fill:#8a6f42}.lm .lm-gate{fill:#2a2117}.lm .lm-ruin{fill:#5a4632}.lm .lm-salt{fill:#f2efe6}.lm-smoke circle{fill:#46403a8c;stroke:none;transform-box:fill-box;transform-origin:center;animation:lmsmoke 6s ease-in-out infinite}.lm-smoke circle:nth-child(2){animation-delay:1.2s}.lm-smoke circle:nth-child(3){animation-delay:2.4s}@keyframes lmsmoke{0%,to{transform:translateY(0) scale(1);opacity:.85}50%{transform:translateY(-3px) scale(1.15);opacity:.55}}.lm .lm-rope{fill:none;stroke:#7a5a35;stroke-width:1.2}.lm .lm-hill{fill:#6b5c40}.lm .lm-flame{fill:#ffb347;stroke:#ff7a2a;stroke-width:.6;transform-box:fill-box;transform-origin:50% 100%;animation:lmflame .9s ease-in-out infinite alternate}@keyframes lmflame{0%{transform:scaleY(.85)}to{transform:scaleY(1.15)}}.lm .lm-ladder{fill:none;stroke:#f5dfa0;stroke-width:1.3}.lm .lm-light{fill:#ffecaaa6;stroke:none;animation:lmglow 3s ease-in-out infinite}@keyframes lmglow{0%,to{opacity:.45}50%{opacity:1}}.lm .lm-reed{fill:none;stroke:#8fae5a;stroke-width:1.3;stroke-linecap:round}.lm .lm-wave{fill:#3f78b8;stroke:#9cc9f0;stroke-width:.8}.lm .lm-path{fill:#c9a86a;stroke:none}.lm .lm-foam{fill:none;stroke:#e8f4ff;stroke-width:1.2}.lm .lm-fireglow{fill:#ff8c3c8c;stroke:none;animation:lmglow 2.2s ease-in-out infinite}.lm-cloud ellipse{fill:#464850d9;stroke:none}.lm .lm-hull{fill:#8a5a2a}.lm .lm-dove{fill:#fff;stroke:none}.lm .lm-brook{fill:none;stroke:#6aa6dc;stroke-width:1.6;stroke-linecap:round}.map-life{pointer-events:none}.life-clouds ellipse{fill:#0000002e;filter:blur(14px);animation:lifecloud 90s linear infinite}.life-clouds ellipse:nth-child(2){animation-duration:120s;animation-delay:-40s}.life-clouds ellipse:nth-child(3){animation-duration:105s;animation-delay:-70s}@keyframes lifecloud{0%{transform:translate(-160px)}to{transform:translate(160px)}}.life-ship{animation:lifeship 5s ease-in-out infinite}@keyframes lifeship{0%,to{transform:translate(0) rotate(-2deg)}50%{transform:translate(6px,1px) rotate(2deg)}}.life-hull{fill:#6b4a2a;stroke:#2a2117;stroke-width:.8}.life-sail{fill:#efe2c2;stroke:#8a6f42;stroke-width:.6}.life-bird{fill:none;stroke:#1e1a14;stroke-width:1.4;stroke-linecap:round;transform-box:fill-box;transform-origin:center;animation:lifeflap .7s ease-in-out infinite alternate}@keyframes lifeflap{0%{transform:scaleY(1)}to{transform:scaleY(.35)}}.life-camel{fill:none;stroke:#2a2117;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.map-river-flow{fill:none;stroke:#dcf0ff8c;stroke-linecap:round;animation:riverflow 2.4s linear infinite}@keyframes riverflow{to{stroke-dashoffset:-40}}.map-verse{display:flex;flex-direction:column;gap:4px;width:100%;margin:8px 0 0;padding:10px 14px;text-align:left;cursor:pointer;border-radius:14px;border:1px solid rgba(240,209,138,.35);background:#101116eb;color:var(--ink)}.map-verse strong{font-family:var(--serif);color:var(--gold-bright);font-size:var(--step-0)}.map-verse-text{font-family:var(--serif);font-style:italic;font-size:var(--step-0);line-height:1.4}.map-verse-ref{font-size:.75rem;color:var(--ink-soft)}@media(prefers-reduced-motion:reduce){.map-life *,.lm *,.map-river-flow{animation:none!important}}.hcard-gem{width:44px;height:44px;border-width:3px}.hcard-bleed .hcard-gem{top:5px;right:5px}.heroes-4 .hcard-gem,.heroes-5 .hcard-gem{width:34px;height:34px}.heroes-4 .hcard-gem .icon,.heroes-5 .hcard-gem .icon{width:20px!important;height:20px!important}.foe .side-name{font-size:var(--step-1)}.foe-name{all:unset;cursor:pointer;font:inherit;color:inherit}.foe-skills-row{display:flex;align-items:center;gap:6px}.foe-skills-row .foe-skills{flex:1}.foe-skill{cursor:pointer;font:inherit;font-size:.6875rem}.foe-info{width:24px;height:24px;flex:none;border-radius:50%}.foe-goal{margin:2px 0 0;font-size:var(--step-0);line-height:1.3;color:var(--ink);text-shadow:0 1px 3px #000}.foe-goal strong{color:#ffb4a8}.foe-goal-label{color:var(--gold-bright);font-weight:700}.tip-foe-skill{display:flex;justify-content:space-between;gap:8px;font-weight:700}.hcard-gem,.foe-gem{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.18),transparent 60%),#121318;border:2px solid var(--c);box-shadow:0 0 10px color-mix(in srgb,var(--c) 55%,transparent),0 2px 6px #0009}.foe-gem{width:30px;height:30px}.foe .side-name{font-size:var(--step-2);line-height:1.1}.foe-goal-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.foe-goal{flex:1 1 60%;font-size:.8125rem;line-height:1.3;margin:0}.foe-goal-row .goals,.foe-goal-row .meter{flex:0 1 auto;margin:0}.foe-skills-row{justify-content:flex-end;margin-top:2px}.foe-skills-row .foe-skills{flex:0 1 auto;justify-content:flex-end}.foe-body>*{flex-shrink:0}.foe .side-name{overflow:visible;white-space:normal}.battle .battle-grid{padding-top:calc(6px + env(safe-area-inset-top))}.foe-top{display:flex;align-items:center;gap:8px}.foe-top .side-name{flex:1;min-width:0}.foe-quit{flex:none;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#00000073;color:var(--ink);font-size:.875rem;cursor:pointer}.foe-top .turn-wrap{flex:none;flex-direction:column;align-items:flex-end;gap:3px}.foe-top .turn{font-size:.6875rem;padding:2px 8px}.foe-gem{display:none}.board-host{width:min(92%,calc((100dvh - 112px - 230px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 4 / 3))}.team{min-height:300px}.hcard-gem.hcard-gem2{width:30px;height:30px;top:52px;right:12px}.heroes-4 .hcard-gem.hcard-gem2,.heroes-5 .hcard-gem.hcard-gem2{width:24px;height:24px;top:42px;right:10px}.gifts{margin:6px 0 10px}.gift-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:6px}.gift{display:flex;flex-direction:column;gap:2px;padding:8px;border-radius:10px;text-align:left;cursor:pointer;border:1px solid rgba(240,209,138,.45);background:#f0d18a14;color:var(--ink)}.gift:disabled{opacity:.55;cursor:default;border-color:#ffffff1f;background:#ffffff08}.gift-name{font-weight:700;font-size:.875rem}.gift-name em{font-style:normal;color:var(--gold-bright);margin-left:4px}.gift-help{font-size:.75rem;color:var(--ink-soft);line-height:1.25}.ad-strip{position:fixed;top:0;left:0;right:0;height:var(--ad-h, 0px);z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:4px;background:#0a0b0e;border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden}.ad-strip-label{font-size:.5625rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);line-height:1;margin-bottom:2px}.page{padding-top:var(--ad-h, 0px)}.battle{height:calc(100dvh - var(--ad-h, 0px))}.backdrop,.front-art,.opening,.sheet-wrap,.tip-catch,.cut,.scene,.chapter-card,.reel{top:var(--ad-h, 0px)}.front,.screen{min-height:calc(100dvh - var(--ad-h, 0px))}.board-host{width:min(92%,calc((100dvh - var(--ad-h, 0px) - 112px - 230px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 4 / 3))}.turn-chip{margin-right:auto;flex:none;font-size:.6875rem;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap;background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:var(--ink)}.turn-chip.turn-mine{border-color:#f0d18a8c;color:var(--gold-bright)}.turn-chip.turns-low{background:#e050468c;border-color:#ff8a7a;color:#fff}.foe-skills-row{justify-content:flex-start;flex-wrap:wrap;row-gap:4px}.skill{justify-content:flex-start;gap:5px;color:#fff;border-color:color-mix(in srgb,var(--c) 55%,black);background:linear-gradient(90deg,color-mix(in srgb,var(--c) 78%,black) var(--fill),color-mix(in srgb,var(--c) 34%,#0c0d10) var(--fill))}.skill .skill-name{flex:1;min-width:0;text-shadow:0 1px 2px rgba(0,0,0,.7)}.skill .skill-cost{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7)}.skill-two{border-right:4px solid var(--c2)}.foe-skill{color:#fff;border-color:color-mix(in srgb,var(--c) 60%,black);text-shadow:0 1px 2px rgba(0,0,0,.7);background:linear-gradient(90deg,color-mix(in srgb,var(--c) 78%,black) var(--fill),color-mix(in srgb,var(--c) 34%,#0c0d10) var(--fill))}.foe-skill-ready{border-color:color-mix(in srgb,var(--c) 70%,white)}.skill-side{flex:none;display:flex;flex-direction:column;align-items:flex-end;line-height:1;gap:2px}.skill-tag{font-size:.5rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffffffd9;text-shadow:0 1px 2px rgba(0,0,0,.8)}.heroes-5 .skill-side{flex-direction:row;align-items:baseline;gap:4px}.float-xp{color:#d7b8ff;font-size:var(--step-1);text-shadow:0 0 12px rgba(167,123,224,.95),0 2px 6px #000}.board-host{aspect-ratio:8 / 7;width:min(92%,calc((100dvh - var(--ad-h, 0px) - 130px - 315px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 8 / 7))}.foe-goal-row{display:block}.foe-goal-row:after{content:"";display:block;clear:both}.foe-goal-row .goals,.foe-goal-row .meter{float:right;margin:0 0 2px 8px}.foe-goal{font-size:.75rem;line-height:1.25}.foe-body{gap:3px}.ad-strip.ad-strip-waiting{height:0;overflow:hidden}.boss-tag{margin-left:6px;padding:1px 7px;border-radius:999px;font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;color:var(--text-on-gold);background:linear-gradient(180deg,var(--gold-bright),var(--gold));vertical-align:middle}.bar-mark{position:absolute;top:-2px;bottom:-2px;width:2px;margin-left:-1px;background:#ffffffd9;box-shadow:0 0 4px #000;pointer-events:none}.boss-blow{margin-left:6px;vertical-align:middle;padding:1px 8px;border-radius:999px;font-size:var(--step--1);border:1px solid rgba(255,120,90,.6);color:#ffd9cc;background:#78140a8c;white-space:nowrap}.boss-blow-now{animation:boss-blow-pulse .9s ease-in-out infinite alternate;border-color:#ff7a5a;color:#fff}@keyframes boss-blow-pulse{0%{box-shadow:0 0 #ff5a3c00}to{box-shadow:0 0 12px #ff5a3ce6}}.phase-banner{position:absolute;left:50%;top:18%;transform:translate(-50%);width:min(92%,34rem);padding:12px 18px;border-radius:14px;text-align:center;background:#0a0804d1;border:1px solid var(--gold);box-shadow:0 8px 30px #0009;pointer-events:none;z-index:6;animation:phase-in 4.2s ease forwards}.phase-banner q{display:block;font-family:var(--serif);font-size:var(--step-0);line-height:1.35;color:#fff;quotes:"“" "”"}.phase-banner span{display:block;margin-top:6px;font-size:var(--step--1);color:var(--gold-bright)}@keyframes phase-in{0%{opacity:0;transform:translate(-50%,-8px)}8%,85%{opacity:1;transform:translate(-50%)}to{opacity:0}}@media(prefers-reduced-motion:reduce){.phase-banner,.boss-blow-now{animation-duration:.01s}}.hcard-struck .hcard-face img{animation:flinch .42s ease}@keyframes flinch{0%{transform:none;filter:none}18%{transform:translate(-5%) rotate(-2deg) scale(.96);filter:brightness(1.5) sepia(.8) saturate(4) hue-rotate(-25deg)}45%{transform:translate(3%) rotate(1deg)}to{transform:none;filter:none}}.hcard-face:before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;opacity:0}.hcard-cast .hcard-face:before{box-shadow:inset 0 0 0 2px var(--c),inset 0 0 22px 6px var(--c);background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--c) 50%,transparent),transparent 72%);animation:castglow .9s ease}@keyframes castglow{0%{opacity:0}25%{opacity:1}to{opacity:0}}.hcard-cast .hcard-face img{filter:brightness(1.2);transition:filter .6s ease}.hcard-weary .hcard-face img{filter:saturate(.35) brightness(.8) contrast(1.05)}.hcard-weary .hcard-face:before{opacity:1;background:radial-gradient(ellipse at 50% 45%,transparent 45%,rgba(120,20,12,.5) 100%);animation:weary 2.4s ease-in-out infinite}@keyframes weary{0%,to{opacity:.55}50%{opacity:1}}.hcard-weary .hcard-hp-fill{background:linear-gradient(180deg,#ff8a6b,#c0392b)}.foe-weary .foe-art img{filter:saturate(.45) brightness(.8)}@media(prefers-reduced-motion:reduce){.hcard-struck .hcard-face img,.hcard-weary .hcard-face:before{animation:none}}.battle-grid>.foe{flex-shrink:0}