@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap";:root{--color-bg:#0a0a0f;--color-surface:#13131a;--color-border:#2a2a3a;--color-text:#e8e6e3;--color-text-dim:#8a8a9a;--color-gold:#d4a843;--color-ember:#e85d26;--color-teal:#2dd4bf;--color-crit:#ef4444;--color-blue:#3b82f6;--font-display:"Cinzel", "Georgia", serif;--font-body:"Inter", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.app{background:var(--color-bg);width:100vw;height:100vh;color:var(--color-text);font-family:var(--font-body);overflow:hidden}.wizard-select{background:radial-gradient(ellipse at center, #141420 0%, var(--color-bg) 70%);flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;width:100%;height:100%;padding:2rem 2rem 3rem;display:flex;overflow-y:auto}.wizard-select__logo{width:100%;max-width:420px;height:auto;margin-top:2.5rem}.wizard-select__header{text-align:center;flex-direction:column;align-items:center;gap:.01rem;display:flex}.wizard-select__tagline{color:var(--color-text-dim);letter-spacing:.02em;font-size:1.1rem}.wizard-select__grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;width:100%;max-width:900px;display:grid}.wizard-select__difficulty{justify-content:center;gap:.5rem;display:flex}.wizard-select__diff-btn{border:1px solid var(--color-border);cursor:pointer;background:#ffffff08;border-radius:8px;flex-direction:column;align-items:center;gap:.15rem;min-width:120px;padding:.5rem 1.2rem;transition:all .2s;display:flex}.wizard-select__diff-btn:hover{border-color:var(--color-gold);background:#d4a8430d}.wizard-select__diff-btn--active{border-color:var(--color-gold);background:#d4a8431f;box-shadow:0 0 12px #d4a84326}.wizard-select__diff-emoji{font-size:1.1rem}.wizard-select__diff-label{font-family:var(--font-display);color:var(--color-text);font-size:.9rem}.wizard-select__diff-desc{color:var(--color-text-dim);font-size:.65rem}.wizard-select__card{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:12px;flex-direction:column;transition:border-color .2s;display:flex;overflow:hidden}.wizard-select__card:hover{border-color:var(--color-gold)}.wizard-select__portrait{aspect-ratio:3/4;object-fit:cover;width:100%}.wizard-select__info{text-align:center;padding:.75rem}.wizard-select__emoji{font-size:1.5rem}.wizard-select__name{font-family:var(--font-display);color:var(--color-gold);margin:.25rem 0;font-size:1.1rem}.wizard-select__desc{color:var(--color-text-dim);font-size:.8rem}.loading-screen{background:var(--color-bg);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.loading-screen__content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.loading-screen__icon{border-radius:16px;width:80px;height:80px}.loading-screen__spinner{border:3px solid var(--color-border);border-top-color:var(--color-gold);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen__message{font-family:var(--font-display);color:var(--color-gold);font-size:1.3rem}.loading-screen__sub{color:var(--color-text-dim);font-size:.85rem}.arena{background-position:50%;background-size:cover;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.arena:before{content:"";pointer-events:none;background:#00000073;position:absolute;inset:0}.arena>*{z-index:1;position:relative}.arena__top-bar{justify-content:center;padding:1rem;display:flex;position:relative}.arena__quit-btn{border:1px solid var(--color-border);color:var(--color-text-dim);cursor:pointer;z-index:5;background:#00000080;border-radius:6px;padding:.3rem .75rem;font-size:.75rem;transition:all .2s;position:absolute;top:1rem;left:1rem}.arena__quit-btn:hover:not(:disabled){border-color:var(--color-crit);color:var(--color-crit)}.arena__quit-btn:disabled{opacity:.3;cursor:default}.arena__round{font-family:var(--font-display);color:var(--color-gold);border:1px solid var(--color-border);background:#0009;border-radius:20px;padding:.4rem 1.2rem;font-size:1rem}.arena__hp-row{justify-content:space-between;align-items:flex-start;gap:2rem;padding:0 2rem;display:flex}.hp-bar{flex:1;max-width:400px}.hp-bar--enemy{text-align:right}.hp-bar__label{width:100%;color:var(--color-text-dim);justify-content:space-between;margin-bottom:.25rem;font-size:.85rem;line-height:1;display:flex}.hp-bar__value{font-variant-numeric:tabular-nums}.hp-bar__track{background:#00000080;height:24px;position:relative;overflow:hidden}.hp-bar__frame{object-fit:fill;z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hp-bar__fill{z-index:2;max-width:calc(100% - 6px);position:absolute;top:3px;bottom:3px;left:3px}.arena__battle{flex:1;justify-content:space-between;align-items:center;gap:2rem;padding:1rem 2rem;display:flex}.arena__player-side,.arena__enemy-side{flex:1;justify-content:center;align-items:center;display:flex}.spell-card{width:100%;max-width:280px}.spell-card__frame{aspect-ratio:3/4;border-radius:8px;position:relative;overflow:hidden}.spell-card__frame-img{object-fit:cover;z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.spell-card__visual{object-fit:cover;z-index:1;border-radius:4px;width:63%;height:70.9%;position:absolute;top:14.8%;left:18.6%}.spell-card__visual--fallback{background:#14141ecc;justify-content:center;align-items:center;font-size:3rem;display:flex}.spell-card__info{text-align:center;border:1px solid var(--color-border);background:#000000bf;border-radius:8px;margin-top:.5rem;padding:.75rem}.spell-card__text{color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.8rem;font-style:italic;line-height:1.3;display:-webkit-box;overflow:hidden}.spell-card__score{font-family:var(--font-display);font-size:2rem;font-weight:700}.spell-card__score-value{font-size:inherit}.spell-card__score-label{color:var(--color-text);font-size:1rem}.spell-card__axes{justify-content:center;gap:.75rem;margin:.5rem 0;display:flex}.spell-card__axis{color:var(--color-text);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.spell-card__summary{color:var(--color-text);font-size:.75rem;font-style:italic}.enemy-wizard{flex-direction:column;align-items:center;gap:1rem;max-width:280px;display:flex}.enemy-wizard__portrait{aspect-ratio:3/4;object-fit:cover;border:2px solid var(--color-border);border-radius:8px;width:200px}.enemy-wizard__speech{border:1px solid var(--color-border);text-align:center;background:#000000bf;border-radius:8px;max-width:260px;padding:.75rem}.enemy-wizard__dialogue{color:var(--color-text);margin-bottom:.5rem;font-size:.85rem}.enemy-wizard__counter{color:var(--color-teal);margin-bottom:.25rem;font-size:.75rem}.enemy-wizard__score{color:var(--color-text-dim);font-size:.7rem}.arena__input{justify-content:center;padding:1.5rem 2rem;display:flex}.mic-input{text-align:center;border:1px solid var(--color-border);background:#0009;border-radius:12px;min-width:320px;padding:1rem 2rem}.mic-input__icon{margin-bottom:.5rem;font-size:2.5rem}.mic-input__text{font-family:var(--font-display);color:var(--color-gold);letter-spacing:.1em;font-size:1.1rem}.mic-input__hint{color:var(--color-text-dim);margin-top:.25rem;font-size:.8rem}.mic-input__pulse{background:var(--color-ember);border-radius:50%;width:48px;height:48px;margin:0 auto .5rem;animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.mic-input__spinner{border:3px solid var(--color-border);border-top-color:var(--color-teal);border-radius:50%;width:32px;height:32px;margin:0 auto .5rem;animation:.8s linear infinite spin}.mic-input--ready{border-color:var(--color-gold);box-shadow:0 0 20px #d4a84326}.mic-input__transcript{color:var(--color-teal);max-width:500px;margin:.5rem 0;font-size:.95rem;font-style:italic;line-height:1.4}.mic-input__transcript-static{color:var(--color-text-dim);max-width:500px;margin-top:.5rem;font-size:.85rem;font-style:italic;line-height:1.3}.mic-input__waveform{justify-content:center;align-items:center;gap:3px;height:40px;margin-top:.75rem;display:flex}.mic-input__bar{background:var(--color-ember);border-radius:2px;width:4px;min-height:4px}.mic-input__round-end .mic-input__text{color:var(--color-teal)}.crit-flash{z-index:100;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.crit-flash__img{object-fit:cover;width:100%;height:100%}.particles-canvas{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.end-screen{background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.end-screen__content{text-align:center;border:1px solid var(--color-border);background:#000000b3;border-radius:16px;max-width:500px;padding:3rem}.end-screen__title{font-family:var(--font-display);color:var(--color-gold);margin-bottom:.5rem;font-size:3rem}.end-screen__title--victory{color:var(--color-gold);text-shadow:0 0 30px #d4a84380,0 0 60px #d4a84333}.end-screen__title--defeat{color:var(--color-crit);text-shadow:0 0 30px #ef444480,0 0 60px #ef444433}.end-screen__subtitle{color:var(--color-text-dim);margin-bottom:2rem}.end-screen__stats{justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.end-screen__stat{flex-direction:column;align-items:center;display:flex}.end-screen__stat-value{font-family:var(--font-display);color:var(--color-gold);font-size:2rem}.end-screen__stat-label{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.end-screen__actions{justify-content:center;gap:1rem;display:flex}.end-screen__btn{font-family:var(--font-display);cursor:pointer;border:1px solid var(--color-border);border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;transition:all .2s}.end-screen__btn--primary{background:var(--color-gold);color:var(--color-bg);border-color:var(--color-gold)}.end-screen__btn--primary:hover{background:#c49a3a}.end-screen__btn--secondary{color:var(--color-text);background:0 0}.end-screen__btn--secondary:hover{border-color:var(--color-gold);color:var(--color-gold)}.spellbook{background-position:50%;background-size:cover;width:100%;height:100%;padding:2rem;overflow-y:auto}.spellbook__content{text-align:center;max-width:900px;margin:0 auto}.spellbook__title{font-family:var(--font-display);color:var(--color-gold);text-shadow:0 0 20px #000000e6,0 2px 8px #000c,0 0 40px #d4a8434d;margin-bottom:.5rem;font-size:2.5rem}.spellbook__subtitle{color:var(--color-text);text-shadow:0 1px 6px #000000e6,0 0 20px #000000b3;margin-bottom:2rem}.spellbook__grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.spellbook__card{border:1px solid var(--color-border);background:#0009;border-radius:8px;transition:border-color .3s,box-shadow .3s;overflow:hidden}.spellbook__card:hover{border-color:var(--color-gold)}.spellbook__card--playing{border-color:var(--color-teal);box-shadow:0 0 20px #2dd4bf4d,inset 0 0 20px #2dd4bf0d}.spellbook__card-image img{aspect-ratio:3/4;object-fit:cover;width:100%}.spellbook__card-info{padding:.75rem}.spellbook__card-text{color:var(--color-text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.25rem;font-size:.75rem;font-style:italic;display:-webkit-box;overflow:hidden}.spellbook__card-score{font-family:var(--font-display);color:var(--color-gold);font-size:1.2rem;display:block}.spellbook__card-axes{color:var(--color-text-dim);justify-content:center;gap:.5rem;margin:.4rem 0;font-size:.7rem;display:flex}.spellbook__card-summary{color:var(--color-text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.25rem 0;font-size:.65rem;font-style:italic;line-height:1.3;display:-webkit-box;overflow:hidden}.spellbook__card-round{color:var(--color-text-dim);margin-bottom:.5rem;font-size:.7rem;display:block}.spellbook__play-btn{border:1px solid var(--color-teal);color:var(--color-teal);cursor:pointer;background:#2dd4bf26;border-radius:6px;align-items:center;gap:.35rem;padding:.4rem .8rem;font-size:.75rem;transition:all .2s;display:inline-flex}.spellbook__play-btn:hover:not(:disabled){background:#2dd4bf40;box-shadow:0 0 12px #2dd4bf4d}.spellbook__play-btn--active{background:#2dd4bf4d;animation:.6s ease-in-out infinite alternate sfx-glow;box-shadow:0 0 16px #2dd4bf66}.spellbook__play-btn:disabled{cursor:default}@keyframes sfx-glow{0%{box-shadow:0 0 8px #2dd4bf4d}to{box-shadow:0 0 20px #2dd4bf99}}.spellbook__empty{color:var(--color-text-dim);padding:3rem;font-style:italic}.spellbook__btn{background:var(--color-gold);color:var(--color-bg);font-family:var(--font-display);cursor:pointer;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;transition:background .2s}.spellbook__btn:hover{background:#c49a3a}@media (width<=768px){.wizard-select__grid{grid-template-columns:repeat(2,1fr)}.arena__battle{flex-direction:column}.arena__hp-row{flex-direction:column;gap:.5rem}.hp-bar{max-width:100%}}.spellbook__actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.spellbook__btn--download{color:var(--color-teal);border:1px solid var(--color-teal);background:0 0}.spellbook__btn--download:hover:not(:disabled){background:#2dd4bf26}.spellbook__btn--download:disabled{opacity:.6;cursor:default}.wizard-select__nav{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.wizard-select__nav-btn{border:1px solid var(--color-border);color:var(--color-text-dim);cursor:pointer;background:#ffffff0a;border-radius:8px;align-items:center;gap:.4rem;padding:.55rem 1.2rem;font-size:.85rem;transition:all .2s;display:inline-flex}.wizard-select__nav-btn:hover{border-color:var(--color-gold);color:var(--color-gold);background:#d4a84314}.wizard-select__nav-badge{background:var(--color-gold);color:var(--color-bg);border-radius:10px;margin-left:.15rem;padding:.1rem .45rem;font-size:.7rem;font-weight:600}.match-history{background:radial-gradient(ellipse at center, #1a1a2e 0%, var(--color-bg) 70%);width:100%;height:100%;padding:2rem;overflow-y:auto}.match-history__content{max-width:800px;margin:0 auto}.match-history__title{font-family:var(--font-display);color:var(--color-gold);text-align:center;margin-bottom:1.5rem;font-size:2.2rem}.match-history__stats{border:1px solid var(--color-border);background:#0006;border-radius:12px;justify-content:center;gap:2rem;margin-bottom:2rem;padding:1rem;display:flex}.match-history__stat{flex-direction:column;align-items:center;display:flex}.match-history__stat-value{font-family:var(--font-display);color:var(--color-gold);font-size:1.8rem}.match-history__stat-value--win{color:#22c55e}.match-history__stat-value--loss{color:var(--color-crit)}.match-history__stat-label{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.match-history__empty{text-align:center;color:var(--color-text-dim);padding:3rem;font-style:italic}.match-history__list{flex-direction:column;gap:.5rem;margin-bottom:2rem;display:flex}.match-history__match{border:1px solid var(--color-border);background:#0006;border-radius:8px;overflow:hidden}.match-history__match-header{cursor:pointer;text-align:left;align-items:center;gap:1rem;width:100%;padding:.75rem 1rem;transition:background .2s;display:flex}.match-history__match-header:hover{background:#ffffff08}.match-history__result{font-family:var(--font-display);min-width:100px;font-size:.85rem;font-weight:600}.match-history__result--win{color:#22c55e}.match-history__result--loss{color:var(--color-crit)}.match-history__archetype{color:var(--color-text);min-width:80px;font-size:.85rem}.match-history__meta{color:var(--color-text-dim);flex:1;font-size:.8rem}.match-history__date{color:var(--color-text-dim);font-size:.75rem}.match-history__expand{color:var(--color-text-dim);font-size:.7rem}.match-history__detail{border-top:1px solid var(--color-border);background:#0003;overflow:hidden}.match-history__cards{gap:.75rem;padding:1rem;display:flex;overflow-x:auto}.match-history__card{border:1px solid var(--color-border);background:#0006;border-radius:6px;flex-shrink:0;width:140px;overflow:hidden}.match-history__card-img{aspect-ratio:3/4;object-fit:cover;width:100%}.match-history__card-info{text-align:center;padding:.5rem}.match-history__card-text{color:var(--color-text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.25rem;font-size:.65rem;font-style:italic;display:-webkit-box;overflow:hidden}.match-history__card-score{font-family:var(--font-display);color:var(--color-gold);margin-right:.5rem;font-size:.9rem}.match-history__card-round{color:var(--color-text-dim);font-size:.65rem}.match-history__detail-stats{color:var(--color-text-dim);text-align:center;padding:.5rem 1rem .75rem;font-size:.75rem}.match-history__actions{justify-content:center;gap:1rem;display:flex}.match-history__btn{font-family:var(--font-display);cursor:pointer;border:1px solid var(--color-border);border-radius:8px;padding:.65rem 1.5rem;font-size:.9rem;transition:all .2s}.match-history__btn--primary{background:var(--color-gold);color:var(--color-bg);border-color:var(--color-gold)}.match-history__btn--primary:hover{background:#c49a3a}.match-history__btn--danger{color:var(--color-crit);border-color:var(--color-crit);background:0 0}.match-history__btn--danger:hover{background:#ef44441a}.howtoplay{background:radial-gradient(ellipse at center, #1a1a2e 0%, var(--color-bg) 70%);width:100%;height:100%;padding:2rem;overflow-y:auto}.howtoplay__content{max-width:720px;margin:0 auto}.howtoplay__title{font-family:var(--font-display);color:var(--color-gold);text-align:center;margin-bottom:1.5rem;font-size:2.2rem}.howtoplay__section{margin-bottom:2rem}.howtoplay__heading{font-family:var(--font-display);color:var(--color-gold);border-bottom:1px solid var(--color-border);margin-bottom:.75rem;padding-bottom:.4rem;font-size:1.2rem}.howtoplay__text{color:var(--color-text);margin-bottom:.75rem;font-size:.9rem;line-height:1.5}.howtoplay__text--dim{color:var(--color-text-dim)}.howtoplay__steps{flex-direction:column;gap:.75rem;display:flex}.howtoplay__step{color:var(--color-text);align-items:flex-start;gap:.75rem;font-size:.9rem;line-height:1.5;display:flex}.howtoplay__step-num{background:var(--color-gold);width:28px;height:28px;color:var(--color-bg);font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.howtoplay__axes{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.howtoplay__axis{color:var(--color-text);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.howtoplay__axis-icon{text-align:center;width:28px;font-size:1.2rem}.howtoplay__tips{flex-direction:column;gap:.4rem;padding:0;list-style:none;display:flex}.howtoplay__tips li{color:var(--color-text);padding-left:1.2rem;font-size:.85rem;line-height:1.5;position:relative}.howtoplay__tips li:before{content:"✦";color:var(--color-teal);position:absolute;left:0}.howtoplay__examples{flex-direction:column;gap:.75rem;display:flex}.howtoplay__example{border:1px solid var(--color-border);background:#0006;border-radius:8px;padding:.75rem 1rem}.howtoplay__example--bad{opacity:.7}.howtoplay__example-text{color:var(--color-text);margin-bottom:.3rem;font-size:.85rem;font-style:italic}.howtoplay__example-score{font-family:var(--font-display);color:var(--color-gold);margin-right:.75rem;font-size:.9rem}.howtoplay__example-why{color:var(--color-text-dim);margin-top:.25rem;font-size:.75rem}.howtoplay__btn{background:var(--color-gold);color:var(--color-bg);font-family:var(--font-display);cursor:pointer;border:none;border-radius:8px;margin:1.5rem auto 0;padding:.65rem 2rem;font-size:.95rem;transition:background .2s;display:block}.howtoplay__btn:hover{background:#c49a3a}.best-spells{background:radial-gradient(ellipse at center, #1a1a2e 0%, var(--color-bg) 70%);width:100%;height:100%;padding:2rem;overflow-y:auto}.best-spells__content{max-width:800px;margin:0 auto}.best-spells__title{font-family:var(--font-display);color:var(--color-gold);text-align:center;margin-bottom:.5rem;font-size:2.2rem}.best-spells__subtitle{text-align:center;color:var(--color-text-dim);margin-bottom:2rem}.best-spells__empty{text-align:center;color:var(--color-text-dim);padding:3rem;font-style:italic}.best-spells__list{flex-direction:column;gap:.75rem;margin-bottom:2rem;display:flex}.best-spells__card{border:1px solid var(--color-border);background:#0006;border-radius:8px;align-items:center;gap:1rem;padding:.75rem 1rem;transition:border-color .2s;display:flex}.best-spells__card:hover{border-color:var(--color-gold)}.best-spells__rank{font-family:var(--font-display);color:var(--color-gold);text-align:center;flex-shrink:0;min-width:36px;font-size:1.3rem}.best-spells__img{object-fit:cover;border:1px solid var(--color-border);border-radius:6px;flex-shrink:0;width:64px;height:64px}.best-spells__info{flex:1;min-width:0}.best-spells__text{color:var(--color-text);margin-bottom:.3rem;font-size:.85rem;font-style:italic;line-height:1.4}.best-spells__meta{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.best-spells__score-value{font-family:var(--font-display);color:var(--color-gold);font-size:1rem;font-weight:600}.best-spells__axes{color:var(--color-text-dim);font-size:.75rem}.best-spells__match-info{color:var(--color-text-dim);font-size:.7rem}.best-spells__summary{color:var(--color-text-dim);margin-top:.2rem;font-size:.7rem;font-style:italic}.best-spells__btn{background:var(--color-gold);color:var(--color-bg);font-family:var(--font-display);cursor:pointer;border:none;border-radius:8px;margin:0 auto;padding:.65rem 2rem;font-size:.95rem;transition:background .2s;display:block}.best-spells__btn:hover{background:#c49a3a}html,body{color:#e8e6e3;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0f;width:100%;height:100%;margin:0;padding:0;font-family:Inter,system-ui,sans-serif}#root{width:100%;height:100%}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}