@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";:root{--ink: #18263b;--ink-soft: #53647b;--paper: #fff8df;--paper-deep: #f7ebc5;--lavender: #b79df7;--purple: #7656c9;--teal: #2f9d91;--teal-dark: #247a78;--coral: #fa7950;--yellow: #f8c94e;--mint: #d8f1db;--line: rgba(24, 38, 59, .12);--shadow: 0 14px 0 rgba(24, 38, 59, .08), 0 18px 30px rgba(74, 56, 122, .1);--shadow-small: 0 6px 0 rgba(24, 38, 59, .08), 0 9px 18px rgba(74, 56, 122, .08);--font-body: "DM Sans", ui-sans-serif, system-ui, sans-serif;--font-display: "Fraunces", Georgia, serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at 8% 10%,rgba(183,157,247,.27),transparent 23rem),radial-gradient(circle at 94% 88%,rgba(250,121,80,.16),transparent 26rem),var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button{font:inherit}button:focus-visible{outline:4px solid rgba(47,157,145,.45);outline-offset:3px}.app{position:relative;min-height:100dvh;isolation:isolate;overflow:hidden;padding:18px 24px 24px}.app:before,.app:after{content:"";position:fixed;z-index:-1;width:320px;height:320px;border-radius:50%;border:28px solid rgba(255,255,255,.3);pointer-events:none}.app:before{top:80px;right:-170px}.app:after{bottom:-180px;left:-120px;border-color:#b79df72e}.start-screen{display:grid;place-items:center}.start-card{width:min(960px,100%);min-height:min(670px,calc(100dvh - 36px));display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);gap:24px;align-items:center;padding:clamp(24px,4vw,48px);border:1px solid rgba(24,38,59,.12);border-radius:32px;background:#ffffffb8;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.start-card-copy{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.start-brand{margin-bottom:clamp(40px,7vh,72px)}.start-card-copy h1{margin:0;font:700 clamp(38px,5vw,62px)/.98 var(--font-display);letter-spacing:-.055em}.start-description{max-width:390px;margin:16px 0 0;color:var(--ink-soft);font-size:16px;line-height:1.55}.start-preview{position:relative;min-height:272px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden;padding:26px 20px 17px;border:1px solid rgba(24,38,59,.12);border-radius:24px;background:linear-gradient(180deg,#d8e6ff,#e9edfb 53%,#d5ead8 53%,#b7d99e);box-shadow:inset 0 -20px #457c501f}.start-preview:before{content:"";position:absolute;inset:0;opacity:.35;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:21px 21px}.start-preview:after{content:"";position:absolute;right:22px;top:20px;width:44px;height:44px;border-radius:50%;background:#fff4be;box-shadow:0 0 0 8px #fff4be4d}.start-preview .wizard-art{z-index:1;transform:scale(1.08);transform-origin:bottom center}.preview-spark{position:absolute;z-index:2;display:grid;place-items:center;color:var(--purple)}.spark-one{top:61px;left:20%}.spark-two{top:108px;right:19%;color:var(--coral)}.preview-name,.preview-caption{position:relative;z-index:2}.preview-name{margin-top:7px;padding:4px 13px;border-radius:99px;color:var(--ink);background:#ffffffe6;font:700 15px var(--font-display)}.preview-caption{margin-top:4px;color:var(--ink-soft);font-size:11px;font-weight:700}.start-form{display:flex;flex-direction:column;gap:18px}.name-field{display:flex;flex-direction:column;gap:8px;color:var(--ink);font-size:13px;font-weight:800}.name-field input{width:100%;min-height:54px;padding:0 15px;border:2px solid rgba(24,38,59,.17);border-radius:14px;outline:none;color:var(--ink);background:#ffffffb3;font-size:16px}.name-field input::placeholder{color:#8a98a6}.name-field input:focus{border-color:var(--purple);box-shadow:0 0 0 4px #7656c926}.character-picker{display:flex;flex-direction:column;gap:9px}.picker-label{color:var(--ink);font-size:13px;font-weight:800}.character-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.character-option{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;min-height:155px;padding:8px 4px 10px;border:2px solid transparent;border-radius:15px;color:var(--ink);background:#fff8dfdb;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.character-option:hover{transform:translateY(-3px);border-color:#7656c959}.character-option.selected{border-color:var(--purple);background:#eee8ff;box-shadow:0 5px #7656c921}.character-art{display:grid;place-items:end center;width:100%;height:101px;overflow:hidden}.character-art .wizard-art{transform:scale(.68);transform-origin:bottom center;margin-bottom:-29px}.character-name{margin-top:4px;font:700 15px var(--font-display)}.character-detail{color:var(--ink-soft);font-size:10px}.character-check{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:var(--ink);background:var(--yellow)}.start-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;border:0;border-radius:15px;color:var(--paper);background:var(--purple);box-shadow:0 5px #5e43ad;cursor:pointer;font-size:16px;font-weight:800;transition:transform .16s ease,background .16s ease,opacity .16s ease}.start-button:hover:not(:disabled){background:#6847bd;transform:translateY(-2px)}.start-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #5e43ad}.start-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.start-hint{margin:-8px 0 0;color:var(--ink-soft);font-size:11px;text-align:center}.topbar{max-width:1440px;margin:0 auto 14px;display:flex;gap:18px;align-items:center}.brand{display:flex;gap:11px;align-items:center;min-width:246px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:15px;color:var(--paper);background:var(--purple);box-shadow:0 5px #5e43ad;transform:rotate(-4deg)}.brand-mark svg{width:24px;height:24px}.brand-title{font:700 21px/1 var(--font-display);letter-spacing:-.03em}.brand-subtitle{margin-top:4px;color:var(--ink-soft);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.journey{flex:1;min-width:180px;display:flex;align-items:center;gap:12px}.journey-copy{white-space:nowrap;font-size:12px;font-weight:700;color:var(--ink-soft)}.journey-copy strong{display:block;color:var(--ink);font-size:15px}.journey-track{position:relative;height:12px;flex:1;border-radius:99px;background:#eadfbf}.journey-fill{width:10%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--coral),var(--yellow))}.journey-star{position:absolute;top:50%;left:10%;display:grid;place-items:center;width:28px;height:28px;border:3px solid var(--paper);border-radius:50%;color:var(--ink);background:var(--yellow);box-shadow:0 3px #18263b21;transform:translate(-50%,-50%)}.journey-end{white-space:nowrap;color:var(--purple);font-size:12px;font-weight:800}.top-actions{display:flex;gap:8px}.icon-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:#ffffff8c;cursor:pointer;box-shadow:0 3px #18263b0a;transition:transform .18s ease,background .18s ease}.icon-button:hover{background:var(--paper);transform:translateY(-2px)}.icon-button.active{color:var(--purple);background:#e6defd}.main-grid{position:relative;z-index:1;max-width:1440px;min-height:calc(100dvh - 98px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.62fr) minmax(285px,.72fr);gap:16px}.card{border:1px solid rgba(24,38,59,.12);border-radius:27px;box-shadow:var(--shadow)}.battle-card{min-width:0;display:flex;flex-direction:column;padding:20px;background:#ffffffa3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.battle-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.battle-heading-actions{display:flex;align-items:center;gap:8px}.eyebrow{margin:0 0 4px;color:var(--purple);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.battle-heading h1{margin:0;font:700 clamp(24px,2.5vw,34px)/1.05 var(--font-display);letter-spacing:-.04em}.battle-status-badges{display:flex;align-items:center;gap:7px}.turn-badge{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:99px;color:var(--teal-dark);background:#dff4e6;font-size:12px;font-weight:800;white-space:nowrap}.combo-badge{display:flex;align-items:center;gap:5px;padding:8px 10px;border:1px solid rgba(250,121,80,.25);border-radius:99px;color:#9b4f50;background:#ffe1c9;font-size:11px;font-weight:800;white-space:nowrap;animation:combo-in .25s ease-out}.wizard-customize{position:relative}.customize-button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:8px 10px;border:1px solid rgba(118,86,201,.22);border-radius:99px;color:var(--purple);background:#eee8ffbf;cursor:pointer;font-size:11px;font-weight:800}.customize-button:hover{background:#eee8ff}.customize-menu{position:absolute;z-index:10;top:calc(100% + 9px);right:0;width:184px;padding:8px;border:1px solid var(--line);border-radius:15px;background:var(--paper);box-shadow:var(--shadow-small)}.customize-title{padding:4px 7px 7px;color:var(--ink-soft);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.look-option{display:flex;align-items:center;gap:8px;width:100%;padding:7px;border:1px solid transparent;border-radius:10px;color:var(--ink);background:transparent;cursor:pointer;text-align:left}.look-option:hover,.look-option.selected{border-color:#7656c940;background:#eee8ff}.look-option>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:1px}.look-option strong{font-size:12px}.look-option small{color:var(--ink-soft);font-size:10px}.look-option>svg{color:var(--purple)}.look-swatch{width:24px;height:24px;border-radius:8px;background:var(--purple);box-shadow:inset -4px -4px #18263b1f}.look-swatch.look-sage{background:var(--teal)}.look-swatch.look-ember{background:var(--coral)}.arena{position:relative;min-height:250px;overflow:hidden;border:1px solid rgba(24,38,59,.13);border-radius:22px;background:linear-gradient(180deg,#d8e6ff,#e9edfb 52%,#d5ead8 52%,#b7d99e)}.arena.level-caves{background:linear-gradient(180deg,#c9d0f0,#e4dded 53%,#c2b9d0 53%,#9a8bae)}.arena.level-sky{background:linear-gradient(180deg,#b9e8ed,#e8f2e7 53%,#dbe8bf 53%,#b1ce8d)}.level-caves .tree{opacity:.14;filter:hue-rotate(25deg) saturate(.65)}.level-sky .tree{opacity:.28;filter:hue-rotate(65deg) saturate(.75)}.level-caves .moon{background:#ded5ff;box-shadow:0 0 0 9px #ded5ff4d}.level-sky .moon{background:#fff4be;box-shadow:0 0 0 9px #fff4be4d}.level-caves .arena-ground{background:#432f5638}.level-sky .arena-ground{background:#457c5029}.arena:before{content:"";position:absolute;inset:0;opacity:.38;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:21px 21px}.moon{position:absolute;top:18px;right:24px;width:48px;height:48px;border-radius:50%;background:#fff4be;box-shadow:0 0 0 9px #fff4be4d}.tree{position:absolute;bottom:32px;width:74px;height:102px;opacity:.38}.tree:before{content:"";position:absolute;bottom:0;left:33px;width:9px;height:54px;border-radius:8px;background:#557b70}.tree:after{content:"";position:absolute;top:0;left:2px;width:72px;height:72px;border-radius:50%;background:#73b89b;box-shadow:28px 27px 0 -9px #73b89b,-16px 28px 0 -10px #73b89b}.tree-one{left:24px;transform:scale(.78)}.tree-two{right:100px;transform:scale(.64)}.arena-ground{position:absolute;right:0;bottom:0;left:0;height:24px;background:#457c5038}.fighter{position:absolute;bottom:28px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px}.fighter.wizard{left:12%}.fighter.foe{right:13%}.fighter-name{padding:4px 10px;border-radius:99px;color:var(--ink);background:#ffffffd1;font-size:11px;font-weight:800;box-shadow:0 2px #18263b14}.wizard-art{position:relative;width:98px;height:128px;animation:floaty 3.4s ease-in-out infinite}.wizard-hat{position:absolute;z-index:3;top:0;left:17px;width:65px;height:57px;border-radius:45px 45px 8px 8px;background:var(--purple);clip-path:polygon(0 100%,18% 36%,49% 0,83% 42%,100% 100%)}.wizard-hat:after{content:"";position:absolute;left:21px;top:18px;width:13px;height:13px;border-radius:50%;background:var(--yellow)}.wizard-brim{position:absolute;z-index:4;top:47px;left:6px;width:85px;height:16px;border-radius:50%;background:#6448b4}.wizard-face{position:absolute;z-index:2;top:46px;left:27px;width:44px;height:42px;border-radius:45% 45% 50% 50%;background:#f7c293}.wizard-face:before{content:"";position:absolute;top:16px;left:11px;width:5px;height:6px;border-radius:50%;background:var(--ink);box-shadow:17px 0 0 var(--ink)}.wizard-face:after{content:"";position:absolute;left:18px;bottom:7px;width:10px;height:5px;border-bottom:2px solid var(--ink);border-radius:50%}.wizard-body{position:absolute;left:14px;bottom:0;width:70px;height:60px;border-radius:42px 42px 15px 15px;background:var(--coral);clip-path:polygon(22% 0,78% 0,100% 100%,0 100%)}.wizard-body:after{content:"";position:absolute;top:10px;left:29px;width:10px;height:26px;border-radius:8px;background:var(--yellow)}.wand{position:absolute;z-index:5;right:0;bottom:38px;width:56px;height:8px;border-radius:9px;background:#845a38;transform:rotate(-24deg)}.wand:after{content:"";position:absolute;right:-2px;top:-7px;width:20px;height:20px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 5px #f8c94e45}.wizard-art.look-sage .wizard-hat{background:var(--teal)}.wizard-art.look-sage .wizard-brim{background:var(--teal-dark)}.wizard-art.look-sage .wizard-body{background:#3e9f7d}.wizard-art.look-sage .wizard-body:after{background:#eaf39d}.wizard-art.look-ember .wizard-hat{background:var(--coral)}.wizard-art.look-ember .wizard-brim{background:#d85f46}.wizard-art.look-ember .wizard-body{background:#8d57c9}.wizard-art.look-ember .wizard-body:after{background:#f8c94e}.foe-art{position:relative;width:104px;height:126px;animation:bob .9s ease-in-out infinite alternate}.foe-body{position:absolute;left:10px;bottom:0;width:85px;height:87px;border-radius:48% 48% 35% 35%;background:#5771ad;box-shadow:inset -8px -8px #202f6033}.foe-body:before{content:"";position:absolute;left:19px;top:23px;width:12px;height:16px;border-radius:50%;background:#fff5cc;box-shadow:35px 0 #fff5cc}.foe-body:after{content:"";position:absolute;left:38px;top:30px;width:8px;height:11px;border-radius:50%;background:var(--ink);box-shadow:35px 0 0 var(--ink)}.horn{position:absolute;top:6px;width:27px;height:37px;background:#f8c94e;clip-path:polygon(50% 0,100% 100%,0 75%)}.horn.left{left:16px;transform:rotate(-18deg)}.horn.right{right:15px;transform:scaleX(-1) rotate(-18deg)}.foe-shadow{position:absolute;bottom:-3px;left:5px;width:97px;height:16px;border-radius:50%;background:#18263b24}.arena-bars{position:absolute;z-index:3;top:13px;left:15px;right:15px;display:flex;justify-content:space-between;gap:15px}.health-label{display:flex;justify-content:space-between;margin-bottom:4px;color:var(--ink);font-size:10px;font-weight:800}.health-bar{width:132px;height:9px;padding:2px;border-radius:99px;background:#18263b29}.health-fill{height:100%;border-radius:inherit;background:var(--teal);transition:width .45s ease}.health-fill.foe-health{background:var(--coral)}.foe-intent{position:absolute;z-index:4;top:53px;right:15px;display:flex;align-items:flex-start;gap:6px;max-width:165px;padding:7px 9px;border:1px solid rgba(250,121,80,.28);border-radius:11px 11px 3px;color:#9b4f50;background:#fff7daeb;box-shadow:0 3px #18263b14;font-size:10px;line-height:1.2}.foe-intent svg{flex:0 0 auto;margin-top:1px;color:var(--coral)}.foe-intent strong{display:block;color:var(--ink);font-size:10px}.foe-intent.reacting{border-color:#2f9d9152;color:var(--teal-dark);background:#dff4e6f0}.foe-intent.reacting svg{color:var(--teal)}.fighter.foe.hit{animation:foe-hit .55s ease-out}.fighter.wizard.shaken{animation:wizard-shake .4s ease-out}.damage-pop{position:absolute;z-index:6;right:23%;bottom:98px;color:var(--coral);font:700 23px var(--font-display);opacity:0;transform:translateY(10px) rotate(-5deg)}.damage-pop.show{animation:damage-pop .85s ease-out forwards}.spell-burst{position:absolute;z-index:4;top:40%;left:50%;display:flex;align-items:center;gap:10px;color:var(--purple);transform:translate(-50%,-50%)}.spell-burst .trail{width:104px;height:9px;border-radius:50%;border-top:3px dashed var(--yellow);opacity:.9}.spell-orb{display:grid;place-items:center;width:54px;height:54px;border:4px solid #fff6bf;border-radius:50%;color:var(--ink);background:var(--yellow);box-shadow:0 0 0 8px #f8c94e40,0 5px #18263b24}.spell-burst.active .spell-orb{animation:cast .8s cubic-bezier(.2,.8,.2,1)}.spell-burst.active .trail{animation:trail .8s ease-out}.spell-number{position:absolute;top:66px;left:50%;min-width:118px;padding:5px 10px;border-radius:99px;color:var(--purple);background:#ffffffde;font:700 16px var(--font-display);text-align:center;transform:translate(-50%)}.question-panel{position:relative;margin-top:14px;padding:18px 18px 16px;border-radius:22px;background:var(--ink);color:var(--paper)}.question-panel:after{content:"";position:absolute;right:19px;top:-6px;width:12px;height:12px;background:var(--ink);transform:rotate(45deg)}.question-top{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#b9c8dd;font-size:12px;font-weight:700}.question-top span:last-child{color:var(--yellow)}.your-turn{display:inline-flex;align-items:center;gap:6px;color:var(--yellow);text-transform:uppercase;letter-spacing:.08em}.command-status{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:6px;color:#8fa2bc;font-size:10px;font-weight:700}.command-tools{display:flex;align-items:center;gap:10px}.support-button{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid rgba(185,200,221,.35);border-radius:99px;color:#d7e2ef;background:#ffffff0f;cursor:pointer;font-size:10px;font-weight:800}.support-button:hover,.support-button.active{color:var(--ink);border-color:var(--yellow);background:var(--yellow)}.energy-meter{display:inline-flex;align-items:center;gap:4px;color:#b9c8dd}.energy-meter span{margin-right:2px}.energy-meter i{display:block;width:19px;height:6px;border-radius:99px;background:var(--yellow);box-shadow:0 0 0 1px #f8c94e38}.place-value-chart{margin-top:10px;padding:10px 11px;border:1px solid rgba(185,200,221,.25);border-radius:13px;color:var(--paper);background:#ffffff14}.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.chart-heading>div:first-child{display:flex;flex-direction:column;gap:2px}.chart-heading strong{color:var(--yellow);font-size:12px}.chart-heading span{color:#b9c8dd;font-size:10px;font-weight:500}.chart-number{color:#fff8df;font:700 20px var(--font-display)}.place-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:8px}.place-value-cell{display:flex;align-items:center;justify-content:center;min-width:0;border-radius:7px;text-align:center}.place-value-label{min-height:28px;flex-direction:column;color:#b9c8dd;background:#ffffff12;font-size:11px;font-weight:800}.place-value-label span{color:var(--yellow);font-size:10px}.place-value-label small{font-size:8px;font-weight:700}.place-value-digit{min-height:34px;color:var(--ink);background:var(--paper);font:700 20px var(--font-display)}.chart-tip{display:flex;align-items:center;gap:5px;margin:7px 0 0;color:#b9c8dd;font-size:10px}.chart-tip svg{flex:0 0 auto;color:var(--yellow)}.question{margin:9px 0 15px;font:700 clamp(20px,2.1vw,27px)/1.18 var(--font-display);letter-spacing:-.03em}.question strong{color:var(--yellow)}.answers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.answer{min-height:95px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:10px 12px;border:2px solid rgba(255,248,223,.19);border-radius:15px;color:var(--paper);background:#ffffff1a;cursor:pointer;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease}.spell-card-top{display:flex;align-items:center;gap:5px;color:#b9c8dd;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.spell-card-top b{margin-left:auto;color:var(--yellow);font-size:9px;letter-spacing:0;text-transform:none}.spell-gem{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;color:var(--ink);background:var(--yellow)}.spell-answer{display:block;margin:3px 0 1px;font:700 25px var(--font-display);text-align:center}.spell-card-foot{color:#8fa2bc;font-size:10px;text-align:center}.answer:hover:not(:disabled){border-color:var(--yellow);background:#f8c94e26;transform:translateY(-3px)}.answer:hover:not(:disabled) .spell-card-foot{color:var(--paper)}.answer.correct .spell-gem{color:var(--ink);background:#b5e8bc}.answer.incorrect .spell-gem{color:#fff4df;background:#ff997b}.answer.correct{border-color:var(--yellow);background:var(--teal)}.answer.incorrect{border-color:#ff997b;background:#9b4f50}.answer:disabled{cursor:default}.answer-hint{margin:10px 0 0;color:#bbc9db;font-size:12px}.feedback{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:10px 12px;border-radius:12px;background:#ffffff1a;font-size:13px;line-height:1.35}.feedback.good{color:#d9f5db;background:#2f9d913b}.feedback.try{color:#ffe1d2;background:#fa79502e}.auto-next{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;color:#b9e8bd;font-size:11px;font-weight:800;white-space:nowrap}.next-button{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;border:0;border-radius:11px;padding:9px 11px;color:var(--ink);background:var(--yellow);cursor:pointer;font-size:12px;font-weight:800}.next-button:hover{background:#ffd96e}.victory-banner{position:absolute;z-index:8;inset:50% auto auto 50%;display:flex;min-width:190px;flex-direction:column;align-items:center;gap:4px;padding:15px 20px;border:3px solid #fff6bf;border-radius:18px;color:var(--ink);background:#fff8dff5;box-shadow:0 8px #18263b24,0 0 0 8px #f8c94e40;text-align:center;transform:translate(-50%,-50%);animation:victory-in .35s cubic-bezier(.2,.8,.2,1)}.victory-banner svg{color:var(--yellow)}.victory-banner strong{font:700 22px var(--font-display)}.victory-banner span{color:var(--ink-soft);font-size:11px;font-weight:800}.rail{display:flex;flex-direction:column;gap:14px;min-width:0}.rail-card{padding:18px;border:1px solid rgba(24,38,59,.12);border-radius:23px;background:#ffffff9c;box-shadow:var(--shadow-small)}.rail-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 13px;font:700 20px var(--font-display);letter-spacing:-.03em}.rail-title small{color:var(--purple);font:800 11px var(--font-body);text-transform:uppercase;letter-spacing:.08em}.level-map{position:relative;display:grid;gap:11px;padding-left:7px}.level-map:before{content:"";position:absolute;top:13px;bottom:13px;left:17px;width:3px;border-radius:4px;background:#e7dcb9}.level{position:relative;z-index:1;display:flex;align-items:center;gap:11px}.level-dot{display:grid;place-items:center;width:23px;height:23px;border:3px solid var(--paper);border-radius:50%;color:var(--ink);background:#d7d1c1;box-shadow:0 0 0 1px #18263b21;font-size:10px;font-weight:800}.level.done .level-dot{color:var(--paper);background:var(--teal)}.level.current .level-dot{background:var(--yellow);box-shadow:0 0 0 4px #f8c94e38}.level-text{font-size:12px;font-weight:700}.level-text span{display:block;color:var(--ink-soft);font-size:11px;font-weight:500}.progress-note{margin:13px 0 0;padding:9px 11px;border-radius:12px;color:var(--purple);background:#eee8ff;font-size:12px;font-weight:700}.pets-card{flex:1}.pet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pet{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:9px 4px 7px;border:1px solid transparent;border-radius:15px;color:var(--ink);background:#fff8dfd9;cursor:pointer;transition:transform .16s ease,border-color .16s ease}.pet:hover,.pet.selected{border-color:var(--lavender);transform:translateY(-3px)}.pet.selected{background:#eee8ff}.pet-avatar{position:relative;display:grid;place-items:center;width:47px;height:47px;border-radius:15px;color:var(--paper);background:var(--teal);box-shadow:inset -5px -5px #18263b1f}.pet-avatar:before{content:"";width:19px;height:15px;border-radius:50%;background:var(--paper);box-shadow:12px 0 0 var(--paper)}.pet-avatar:after{content:"";position:absolute;left:20px;top:21px;width:5px;height:5px;border-radius:50%;background:var(--ink);box-shadow:12px 0 0 var(--ink)}.pet:nth-child(2) .pet-avatar{background:var(--coral);border-radius:50%}.pet:nth-child(3) .pet-avatar{background:var(--purple);border-radius:18px 18px 22px 22px}.pet-name{font-size:11px;font-weight:800}.pet-kind{color:var(--ink-soft);font-size:10px}.pet-locked{opacity:.5;filter:saturate(.35)}.pet-more{width:100%;margin-top:10px;border:0;color:var(--purple);background:transparent;cursor:pointer;font-size:12px;font-weight:800}.pet-more:hover{text-decoration:underline}.pet-list-extra{margin-top:9px;padding-top:9px;border-top:1px dashed var(--line);color:var(--ink-soft);font-size:11px;line-height:1.45}.help-popover{position:fixed;z-index:20;top:74px;right:24px;width:min(300px,calc(100vw - 30px));padding:17px;border:1px solid var(--line);border-radius:17px;color:var(--ink);background:var(--paper);box-shadow:var(--shadow)}.help-popover h2{margin:0 0 7px;font:700 20px var(--font-display)}.help-popover p{margin:0;color:var(--ink-soft);font-size:13px;line-height:1.5}.help-close{position:absolute;top:9px;right:9px;padding:3px;border:0;color:var(--ink-soft);background:transparent;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes floaty{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes cast{0%{transform:scale(.6);opacity:.3}55%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}@keyframes trail{0%{width:10px;opacity:0}to{width:104px;opacity:1}}@keyframes damage-pop{0%{opacity:0;transform:translateY(10px) rotate(-5deg) scale(.8)}30%{opacity:1;transform:translateY(-3px) rotate(4deg) scale(1.12)}to{opacity:0;transform:translateY(-28px) rotate(-5deg) scale(1)}}@keyframes victory-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.75)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes combo-in{0%{opacity:0;transform:translateY(-4px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes foe-hit{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(7px) rotate(4deg)}55%{transform:translate(-6px) rotate(-3deg)}80%{transform:translate(3px) rotate(1deg)}}@keyframes wizard-shake{0%,to{transform:translate(0)}30%{transform:translate(-5px)}60%{transform:translate(4px)}}@media(max-width:980px){.app{padding:14px}.start-card{gap:17px;padding:24px}.start-brand{margin-bottom:34px}.start-card-copy h1{font-size:clamp(34px,5vw,50px)}.topbar{flex-wrap:wrap}.journey{order:3;flex-basis:100%}.main-grid{grid-template-columns:1fr;min-height:0}.rail{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);align-items:stretch}}@media(max-width:650px){.app{padding:11px}.start-card{grid-template-columns:1fr;min-height:0;gap:18px;padding:20px;border-radius:24px}.start-card-copy{align-items:center;text-align:center}.start-brand{margin-bottom:20px}.start-description{margin-top:10px;font-size:14px}.start-preview{min-height:225px}.start-form{gap:13px}.character-option{min-height:143px}.brand{min-width:0;flex:1}.brand-title{font-size:18px}.topbar{gap:10px;margin-bottom:10px}.journey{gap:8px}.journey-copy{font-size:10px}.journey-copy strong{font-size:13px}.battle-card{padding:13px;border-radius:22px}.battle-heading{margin-bottom:10px}.battle-heading-actions{gap:5px}.battle-status-badges{flex-wrap:wrap;justify-content:flex-end}.customize-button,.turn-badge{padding:7px 8px;font-size:10px}.combo-badge{padding:6px 8px;font-size:10px}.arena{min-height:222px}.fighter.wizard{left:5%}.fighter.foe{right:5%}.spell-burst .trail{width:46px}.spell-burst{gap:5px}.spell-burst.active .trail{animation-name:none}.spell-orb{width:47px;height:47px}.arena-bars{left:10px;right:10px}.health-bar{width:99px}.foe-intent{right:8px;max-width:135px}.damage-pop{right:18%;bottom:90px}.question-panel{padding:15px 13px 13px}.command-status{font-size:9px}.energy-meter i{width:14px}.question{font-size:20px}.answers{gap:6px}.answer{min-height:83px;padding:8px}.spell-answer{font-size:19px}.feedback{align-items:flex-start;flex-direction:column;gap:9px}.auto-next{align-self:center}.next-button{width:100%;justify-content:center}.rail{grid-template-columns:1fr}.pets-card{min-height:0}.help-popover{top:64px;right:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}