:root{--midnight-900:#0e0722;--midnight-800:#140b2e;--midnight-700:#1e1240;--midnight-600:#2a1a52;--midnight-500:#382465;--emerald-500:#2fd48a;--emerald-600:#17b273;--emerald-700:#0f9d63;--emerald-glow:#2fd48a8c;--pink-400:#ff9dd4;--pink-500:#ff7ac3;--pink-600:#e14fa0;--pink-glow:#ff7ac380;--gold-400:#ffe08a;--gold-500:#ffd166;--gold-600:#f0b429;--gold-glow:#ffd1668c;--text-bright:#fff8f0;--text-body:#e6ddff;--text-dim:#b3a5e0;--text-on-light:#2a1a52;--fizzle-500:#b78bff;--font-display:"Fredoka Variable", "Fredoka", system-ui, sans-serif;--font-text:"Nunito Variable", "Nunito", system-ui, sans-serif;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-round:999px;--duration-quick:.14s;--duration-base:.26s;--duration-slow:.42s;--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--tap-min:64px;--tap-primary:96px;--glow-soft:0 0 24px;--glow-strong:0 0 48px}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--midnight-800);color:var(--text-body);font-family:var(--font-text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;touch-action:manipulation;overflow:hidden}h1,h2,h3{font-family:var(--font-display);color:var(--text-bright);margin:0}button{cursor:pointer;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;font-family:inherit}.app-shell{height:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.avatar-effect-layer,.avatar-effect-layer *{pointer-events:none}.fx-sparkle{transform-origin:50%;transform-box:fill-box;animation:fx-sparkle-twinkle 1.6s var(--ease-smooth,ease-in-out) infinite}@keyframes fx-sparkle-twinkle{0%,to{opacity:.25;transform:scale(.4)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(25deg)}}.fx-firefly{transform-origin:50%;transform-box:fill-box;animation:3.6s ease-in-out infinite fx-firefly-drift}.fx-firefly-glow{animation:1.8s ease-in-out infinite fx-firefly-glow}@keyframes fx-firefly-drift{0%{transform:translate(0)}25%{transform:translate(6px,-10px)}50%{transform:translate(-5px,-4px)}75%{transform:translate(4px,8px)}to{transform:translate(0)}}@keyframes fx-firefly-glow{0%,to{opacity:.35}50%{opacity:.95}}.fx-butterfly{transform-origin:50%;transform-box:fill-box;animation:4.2s ease-in-out infinite fx-butterfly-flit}.fx-butterfly-wing{transform-box:fill-box;animation:.5s ease-in-out infinite fx-butterfly-flap}.fx-butterfly-wing-left{transform-origin:100%}.fx-butterfly-wing-right{transform-origin:0}@keyframes fx-butterfly-flit{0%,to{transform:translate(0)}50%{transform:translate(-8px,-14px)}}@keyframes fx-butterfly-flap{0%,to{transform:scaleX(1)}50%{transform:scaleX(.25)}}.fx-note{transform-origin:50%;transform-box:fill-box;animation:3.2s ease-in infinite fx-note-rise}@keyframes fx-note-rise{0%{opacity:0;transform:translate(0)rotate(-6deg)}15%{opacity:1}85%{opacity:.8}to{opacity:0;transform:translate(10px,-70px)rotate(8deg)}}.fx-snow{transform-origin:50%;transform-box:fill-box;animation:linear infinite fx-snow-fall}@keyframes fx-snow-fall{0%{opacity:0;transform:translateY(-12px)}10%{opacity:.95}50%{transform:translate(8px,100px)}90%{opacity:.95}to{opacity:0;transform:translate(-6px,210px)}}.fx-star{transform-origin:50%;transform-box:fill-box;animation:fx-star-pulse 2.4s var(--ease-smooth,ease-in-out) infinite}.fx-star-orbit{transform-box:view-box;animation:6s linear infinite fx-star-orbit}@keyframes fx-star-pulse{0%,to{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes fx-star-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fx-bubble{transform-origin:50%;transform-box:fill-box;animation:4.4s ease-in-out infinite fx-bubble-rise}@keyframes fx-bubble-rise{0%{opacity:0;transform:translate(0)scale(.7)}10%{opacity:.85}70%{opacity:.7}to{opacity:0;transform:translate(4px,-130px)scale(1.15)}}@media (prefers-reduced-motion:reduce){.fx-sparkle,.fx-firefly,.fx-firefly-glow,.fx-butterfly,.fx-butterfly-wing,.fx-note,.fx-snow,.fx-star,.fx-star-orbit,.fx-bubble{animation:none}}.sd-title-layout{gap:clamp(20px,5vw,64px)}.sd-title-right{gap:clamp(8px,1.6vh,16px);width:clamp(360px,34vw,540px);max-width:540px}.sd-title .sd-title-heading{background:linear-gradient(100deg, var(--emerald-500) 0%, var(--gold-400) 45%, var(--emerald-500) 100%);color:#0000;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 22px var(--emerald-glow)) drop-shadow(0 0 40px var(--gold-glow));background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite heading-shimmer;position:relative}@keyframes heading-shimmer{0%,to{background-position:0%}50%{background-position:100%}}.sd-title-heading-wrap{display:inline-block;position:relative}.sd-title-sparkle{border-radius:var(--radius-round);background:var(--gold-400);box-shadow:0 0 10px var(--gold-glow);pointer-events:none;opacity:0;animation:5s ease-in-out infinite sparkle-drift;position:absolute}.sd-title-sparkle--1{width:6px;height:6px;animation-delay:0s;top:-14px;left:8%}.sd-title-sparkle--2{width:4px;height:4px;animation-delay:1.6s;top:6px;right:4%}.sd-title-sparkle--3{width:5px;height:5px;animation-delay:3.1s;bottom:-10px;left:46%}@keyframes sparkle-drift{0%{opacity:0;transform:translateY(4px)scale(.6)}20%{opacity:1}50%{opacity:.8;transform:translate(6px,-10px)scale(1)}80%{opacity:.3}to{opacity:0;transform:translate(-4px,-18px)scale(.6)}}.sd-title-hero{border-radius:var(--radius-lg);text-align:left;background:radial-gradient(120% 90% at 85% 0%, #ffd16647, transparent 55%), linear-gradient(155deg, var(--emerald-600) 0%, var(--midnight-700) 55%, var(--midnight-800) 100%);min-height:clamp(200px,30vh,280px);box-shadow:var(--glow-soft) var(--emerald-glow), 0 10px 0 #0000004d;transition:transform var(--duration-base) var(--ease-pop), box-shadow var(--duration-base) var(--ease-smooth);border:2px solid #ffffff29;align-items:flex-end;padding:clamp(16px,2.4vh,24px) clamp(18px,2.4vw,28px);display:flex;position:relative;overflow:hidden}.sd-title-hero:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff29 45%,#ffffff47 50%,#ffffff29 55%,#0000 70%) 100% 0/260% 260%;animation:4.5s ease-in-out infinite hero-shimmer;position:absolute;inset:0}@keyframes hero-shimmer{0%,to{background-position:120% 0}50%{background-position:0 100%}}.sd-title-hero:active{transform:scale(.98)}.sd-title-hero-art{width:100%;height:100%;position:absolute;inset:0}.sd-title-hero-path{stroke:var(--gold-400);stroke-opacity:.55;stroke-width:3.5px;stroke-dasharray:11 10;stroke-linecap:round}.sd-title-hero-node{fill:var(--midnight-900);stroke:var(--gold-400);stroke-width:3px}.sd-title-hero-trophy{fill:var(--gold-400);stroke:var(--gold-600);stroke-width:1px;filter:drop-shadow(0 0 10px var(--gold-glow));transform-origin:372px 60px;animation:3.6s ease-in-out infinite hero-trophy-bob}@keyframes hero-trophy-bob{0%,to{transform:translate(372px,60px)rotate(0)}50%{transform:translate(372px,60px)translateY(-6px)rotate(-4deg)}}.sd-title-hero-star{fill:var(--gold-400);opacity:.85;filter:drop-shadow(0 0 6px var(--gold-glow));animation:3s ease-in-out infinite hero-star-twinkle}.sd-title-hero-star--1{animation-delay:0s}.sd-title-hero-star--2{animation-delay:1s}.sd-title-hero-star--3{animation-delay:2s}@keyframes hero-star-twinkle{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.sd-title-hero-copy{flex-direction:column;align-items:flex-start;gap:6px;max-width:78%;display:flex;position:relative}.sd-title-hero-name{font-family:var(--font-display);color:var(--text-bright);text-shadow:0 0 20px var(--emerald-glow);font-size:clamp(26px,3vw,34px);font-weight:700}.sd-title-hero-tagline{color:var(--text-dim);font-size:clamp(14px,1.4vw,17px);font-weight:600}.sd-title-hero-cta{min-height:var(--tap-primary);border-radius:var(--radius-round);font-family:var(--font-display);color:#063a24;background:linear-gradient(180deg, var(--gold-400), var(--gold-600));box-shadow:0 6px 0 #b8830f, var(--glow-soft) var(--gold-glow);align-items:center;margin-top:4px;padding:0 30px;font-size:clamp(18px,2vw,22px);font-weight:600;display:inline-flex}@media (prefers-reduced-motion:reduce){.sd-title-hero:before,.sd-title-hero-trophy,.sd-title-hero-star{animation:none}}.sd-title-practise{border-radius:var(--radius-md);background:#1e12408c;border:2px solid #ffffff1a;flex-direction:column;align-items:flex-start;gap:12px;padding:clamp(14px,2vh,20px) clamp(16px,2vw,22px);display:flex}.sd-title-practise .sd-title-sub{font-size:17px}.sd-title-practise .table-chips{gap:8px}.sd-title-practise .table-chip{min-width:var(--tap-min);min-height:var(--tap-min);padding:0 14px;font-size:19px}.sd-title-practise .sd-title-play{padding:12px 48px;font-size:26px}.sd-title-links{gap:10px}.sd-title-link{min-height:48px;padding:0 20px;font-size:16px}.sd-title-left{gap:6px;position:relative}.sd-title-avatar-float{animation:6s ease-in-out infinite avatar-bob;position:relative}.sd-title-avatar-ground{filter:blur(2px);background:radial-gradient(50% 50%,#00000073,#0000 72%);border-radius:50%;width:62%;height:22px;animation:6s ease-in-out infinite ground-pulse;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}@keyframes avatar-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes ground-pulse{0%,to{opacity:.9;transform:translate(-50%)scale(1)}50%{opacity:.55;transform:translate(-50%)scale(.82)}}@media (prefers-reduced-motion:reduce){.sd-title .sd-title-heading,.sd-title-sparkle,.sd-title-avatar-float,.sd-title-avatar-ground{animation:none}}.map-node{animation:4.6s ease-in-out infinite node-bob}.map-node--passed{animation:4.6s ease-in-out infinite node-bob,3.4s ease-in-out infinite node-gold-pulse}@keyframes node-bob{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 6px))}}@keyframes node-gold-pulse{0%,to{box-shadow:var(--glow-soft) var(--gold-glow)}50%{box-shadow:var(--glow-strong) var(--gold-glow)}}.map-node:active{animation-play-state:paused}.map-mist{filter:blur(28px);pointer-events:none;opacity:.35;border-radius:50%;position:absolute;bottom:0}.map-mist--1{background:radial-gradient(50% 50% at 50% 50%, var(--midnight-500), transparent 70%);width:46%;height:90px;left:-6%}.map-mist--2{background:radial-gradient(50% 50% at 50% 50%, var(--emerald-700), transparent 70%);width:54%;height:110px;right:-8%}.map .map-sheet{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.map .map-sheet-panel{animation:sheet-up-springy var(--duration-slow) var(--ease-pop)}@keyframes sheet-up-springy{0%{opacity:0;transform:translateY(70px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.map-node,.map-node--passed,.map .map-sheet-panel{animation:none}}.sd-title-backdrop{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sd-title-backdrop-scrim{pointer-events:none;background:linear-gradient(105deg,#140b2e26 0%,#140b2e73 55%,#0e072299 100%);position:absolute;inset:0}@media (width<=760px){.sd-title.sd-title{overflow-y:auto}.sd-title .sd-title-layout{flex-direction:column;justify-content:flex-start;align-items:center;gap:18px;height:auto;min-height:100%;padding:68px 16px 32px}.sd-title .sd-title-left{width:100%}.sd-title .sd-title-avatar{width:clamp(150px,44vw,210px)}.sd-title .sd-title-right{gap:14px;width:100%;max-width:none}.sd-title .sd-title-heading{text-align:center;font-size:clamp(38px,11vw,54px)}.sd-title .sd-title-hero,.sd-title .sd-title-practise{width:100%}.sd-title .sd-title-play{align-self:stretch;padding:14px 32px;font-size:26px}.sd-title .sd-title-links{flex-wrap:wrap;justify-content:center}}.button-primary,.button-secondary{font-family:var(--font-display);min-height:var(--tap-min);border-radius:var(--radius-round);transition:transform var(--duration-quick) var(--ease-pop);padding:14px 44px;font-size:28px;font-weight:600}.button-primary{color:#063a24;background:linear-gradient(180deg, var(--emerald-500), var(--emerald-700));box-shadow:0 6px 0 #0a6b45, var(--glow-soft) var(--emerald-glow)}.button-secondary{color:var(--text-bright);background:var(--midnight-600);border:2px solid #ffffff2e;font-size:22px}.button-primary:active,.button-secondary:active{transform:scale(.94)}.sd-title{background:radial-gradient(100% 80% at 50% -10%, var(--midnight-600) 0%, transparent 55%), linear-gradient(180deg, var(--midnight-800), var(--midnight-900));height:100%;position:relative;overflow:hidden}.sd-title-layout{justify-content:center;align-items:center;gap:clamp(24px,6vw,96px);height:100%;padding:24px;display:flex;position:relative}.sd-title-left{flex-direction:column;align-items:center;gap:10px;display:flex}.sd-title-avatar{border-radius:var(--radius-lg);width:clamp(200px,26vw,320px);transition:transform var(--duration-base) var(--ease-pop);background:#2a1a528c;border:2px solid #ffffff1a;padding:12px}.sd-title-avatar:active{transform:scale(.96)}.sd-title-avatar-edit{font-family:var(--font-display);color:var(--text-dim);padding-top:4px;font-size:18px;display:block}.sd-title-dust{font-family:var(--font-display);color:var(--gold-400);font-size:18px}.sd-title-right{flex-direction:column;gap:18px;max-width:560px;display:flex}.sd-title-heading{text-shadow:0 0 36px var(--emerald-glow);font-size:clamp(48px,6vw,76px)}.sd-title-sub{color:var(--text-dim);margin:0;font-size:20px;font-weight:700}.table-chips{flex-wrap:wrap;gap:12px;display:flex}.table-chip{min-width:var(--tap-min);min-height:var(--tap-min);border-radius:var(--radius-round);font-family:var(--font-display);color:var(--text-dim);background:var(--midnight-700);transition:transform var(--duration-quick) var(--ease-pop), background var(--duration-quick) var(--ease-smooth), color var(--duration-quick) var(--ease-smooth);border:2px solid #ffffff24;padding:0 18px;font-size:24px;font-weight:600}.table-chip--on{color:#063a24;background:linear-gradient(180deg, var(--emerald-500), var(--emerald-600));box-shadow:var(--glow-soft) var(--emerald-glow);border-color:#0000}.table-chip:active{transform:scale(.92)}.sd-title-play{align-self:flex-start;padding:16px 64px;font-size:34px}.sound-toggle{z-index:40;width:var(--tap-min);height:var(--tap-min);border-radius:var(--radius-round);background:#140b2eb8;border:2px solid #ffffff29;place-items:center;font-size:26px;display:grid;position:absolute;top:20px;right:20px}.creator{background:radial-gradient(90% 70% at 30% 0%, var(--midnight-600) 0%, transparent 55%), linear-gradient(180deg, var(--midnight-800), var(--midnight-900));height:100%;position:relative;overflow:hidden}.creator-layout{align-items:stretch;gap:16px;height:100%;padding:clamp(12px,2.5vw,32px);display:flex;position:relative}.creator-preview{flex-direction:column;flex:0 0 36%;justify-content:center;align-items:center;gap:16px;display:flex}.creator-heading{text-shadow:0 0 28px var(--pink-glow);font-size:clamp(30px,3.6vw,44px)}.creator-avatar{border-radius:var(--radius-lg);background:#2a1a528c;border:2px solid #ffffff1a;width:clamp(220px,26vw,340px);padding:10px}.creator-panel{border-radius:var(--radius-lg);background:#140b2e99;border:2px solid #ffffff14;flex-direction:column;flex:1;gap:14px;min-width:0;padding:clamp(10px,1.6vw,24px);display:flex}.creator-tabs{flex-wrap:wrap;gap:8px;display:flex}.creator-tab{border-radius:var(--radius-round);min-height:56px;font-family:var(--font-display);color:var(--text-dim);background:var(--midnight-700);border:2px solid #0000;padding:0 20px;font-size:19px;font-weight:600}.creator-tab--on{color:var(--text-on-light);background:linear-gradient(180deg, var(--pink-400), var(--pink-500));box-shadow:var(--glow-soft) var(--pink-glow)}.creator-options{flex-wrap:wrap;flex:1;align-content:flex-start;gap:14px;padding:6px;display:flex;overflow-y:auto}.creator-option{border-radius:var(--radius-md);background:var(--midnight-700);width:132px;height:152px;transition:transform var(--duration-quick) var(--ease-pop), border-color var(--duration-quick);border:3px solid #ffffff1a;place-items:center;display:grid}.creator-option--on{border-color:var(--gold-500);box-shadow:var(--glow-soft) var(--gold-glow)}.creator-option:active{transform:scale(.93)}.creator-swatch{border-radius:var(--radius-round);border:4px solid #ffffff59;width:76px;height:76px}.creator-mini{width:104px;display:block}.creator-done{align-self:flex-end}.duel{height:100%;position:relative;overflow:hidden}.duel-backdrop{width:100%;height:100%;position:absolute;inset:0}.duel-backdrop--raster{object-fit:cover}.boss-raster{filter:drop-shadow(0 8px 18px #00000073);width:100%;height:auto}.boss-raster--shocked{animation:boss-flinch .55s var(--ease-pop)}@keyframes boss-flinch{0%{transform:rotate(0)scale(1)}30%{transform:rotate(-7deg)scale(.94)translateY(-8px)}to{transform:rotate(0)scale(1)}}@media (prefers-reduced-motion:reduce){.boss-raster--shocked{animation:none}}.hall-candle{animation:4s ease-in-out infinite candle-bob}@keyframes candle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.clock-gear{animation:14s linear infinite gear-turn}@keyframes gear-turn{to{transform:rotate(360deg)}}.clock-pendulum{animation:2.4s ease-in-out infinite alternate pendulum-swing}@keyframes pendulum-swing{0%{transform:rotate(-13deg)}to{transform:rotate(13deg)}}.duel-top{z-index:10;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.duel-top-meter-row{align-items:center;gap:10px;display:flex}.combo-badge{font-family:var(--font-display);color:var(--gold-400);text-shadow:0 0 12px var(--gold-glow);filter:drop-shadow(0 0 8px var(--gold-glow));animation:combo-pop var(--duration-base) var(--ease-pop);font-size:20px;font-weight:600}@keyframes combo-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.combo-badge{animation:none}}.duel-round-label{font-family:var(--font-display);color:var(--text-bright);border-radius:var(--radius-round);background:#0e072299;padding:3px 14px;font-size:15px}.magic-meter{align-items:center;gap:10px;display:flex}.magic-meter-star{width:34px;height:34px;filter:drop-shadow(0 0 8px var(--gold-glow))}.magic-meter-track{border-radius:var(--radius-round);background:#0e0722bf;border:2px solid #ffffff29;width:clamp(220px,30vw,380px);height:22px;position:relative;overflow:hidden}.magic-meter-fill{border-radius:var(--radius-round);background:linear-gradient(90deg, var(--emerald-600), var(--emerald-500), var(--gold-400));height:100%;box-shadow:var(--glow-soft) var(--emerald-glow);transition:width var(--duration-slow) var(--ease-pop)}.magic-meter-notch{background:#0e072280;width:2px;position:absolute;top:0;bottom:0}.duel-rival{z-index:8;align-items:flex-start;gap:10px;display:flex;position:absolute;top:40px;right:28px}.duel-rival-art{width:clamp(200px,23vw,310px);animation:5.4s ease-in-out infinite rival-weave}@keyframes rival-weave{0%,to{transform:translate(0)rotate(-2deg)}18%{transform:translate(-12px,-16px)rotate(-5deg)}38%{transform:translate(6px,-6px)rotate(1deg)}55%{transform:translate(-6px,-22px)rotate(3deg)}74%{transform:translate(10px,-10px)rotate(-1deg)}88%{transform:translate(-4px,-4px)rotate(-3deg)}}.duel-rival-art--hit{animation:rival-hit .6s var(--ease-pop)}.duel-rival-art--defeated{animation:rival-defeated 1.2s var(--ease-smooth) forwards}@keyframes rival-bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-14px)rotate(2deg)}}@keyframes rival-hit{0%{transform:translateY(0)rotate(0)}30%{transform:translateY(-20px)rotate(9deg)scale(.96)}to{transform:translateY(0)rotate(0)}}@keyframes rival-defeated{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}70%{opacity:1;transform:translate(60px,-140px)rotate(540deg)scale(.85)}to{opacity:0;transform:translate(140px,-420px)rotate(720deg)scale(.5)}}@media (prefers-reduced-motion:reduce){.duel-rival-art--defeated{animation:rival-defeated-reduced .6s var(--ease-smooth) forwards}}@keyframes rival-defeated-reduced{0%{opacity:1}to{opacity:0}}.speech{border-radius:var(--radius-md);max-width:240px;color:var(--text-on-light);animation:speech-pop var(--duration-base) var(--ease-pop);background:#fff8f0;padding:12px 16px;font-size:17px;font-weight:800;line-height:1.25}.speech--rival{border-bottom-right-radius:4px;margin-top:18px}.speech--pip{border-bottom-left-radius:4px;margin-bottom:6px}@keyframes speech-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.duel-centre{inset-inline:0;z-index:5;place-items:center;display:grid;position:absolute;top:16%;bottom:30%}.crystal{filter:drop-shadow(0 0 26px var(--emerald-glow));place-items:center;display:grid;position:relative}.crystal--whole{animation:3.6s ease-in-out infinite crystal-float}@keyframes crystal-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.crystal-shape{width:100%;height:100%;position:absolute;inset:0}.crystal--whole .crystal-shape{width:clamp(220px,24vw,300px);position:relative}.crystal-text{font-family:var(--font-display);color:#fff;text-shadow:0 2px #063a2466,0 0 22px #ffffff80;font-size:clamp(48px,5.6vw,72px);font-weight:600;position:absolute}.crystal-split{animation:split-crack var(--duration-slow) var(--ease-pop);align-items:center;gap:18px;display:flex;position:relative}@keyframes split-crack{0%{transform:scale(.7)}55%{transform:scale(1.08)}to{transform:scale(1)}}.crystal--part{aspect-ratio:19/16;place-items:center;width:clamp(150px,16vw,200px);display:grid;position:relative}.crystal--part .crystal-shape{position:absolute}.crystal--part:active{transform:scale(.95)}.crystal-text--small{font-size:clamp(30px,3.2vw,42px)}.crystal--revealed .crystal-text--small{opacity:.85;font-size:clamp(20px,2vw,26px);transform:translateY(-26px)}.crystal-reveal{font-family:var(--font-display);color:var(--gold-400);text-shadow:0 0 18px var(--gold-glow);animation:speech-pop var(--duration-base) var(--ease-pop);font-size:clamp(40px,4.4vw,56px);font-weight:600;position:absolute;bottom:18%}.crystal-op{font-family:var(--font-display);color:var(--text-bright);text-shadow:0 0 16px var(--pink-glow);font-size:clamp(44px,5vw,64px)}.crystal-doubled-hint{font-family:var(--font-display);color:var(--gold-400);font-size:22px;position:absolute;top:-34px;right:-10px;transform:rotate(8deg)}.crystal-array{border-radius:var(--radius-md);animation:speech-pop var(--duration-base) var(--ease-pop);background:#0e0722d1;border:2px solid #ffffff24;padding:12px 16px;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%)}.array-dot{animation:dot-in .3s var(--ease-pop) backwards}@keyframes dot-in{0%{opacity:0}to{opacity:1}}.cast-flash{animation:speech-pop var(--duration-base) var(--ease-pop);place-items:center;display:grid}.cast-flash-equation{font-family:var(--font-display);color:var(--text-bright);text-shadow:0 0 34px var(--emerald-glow), 0 0 68px var(--emerald-glow);font-size:clamp(56px,7vw,92px);font-weight:600}.hint-wand{z-index:12;width:var(--tap-primary);height:var(--tap-primary);border-radius:var(--radius-round);background:radial-gradient(circle at 32% 28%, var(--midnight-500), var(--midnight-700));border:3px solid var(--gold-500);color:var(--gold-400);font-family:var(--font-display);flex-direction:column;justify-content:center;align-items:center;gap:0;font-size:16px;font-weight:600;animation:2.4s ease-in-out infinite wand-pulse;display:flex;position:absolute;top:46%;right:clamp(20px,4vw,64px)}.hint-wand svg{width:42px;height:42px}.hint-wand:active{transform:scale(.9)}@keyframes wand-pulse{0%,to{box-shadow:0 0 12px var(--gold-glow)}50%{box-shadow:0 0 30px var(--gold-glow)}}.hint-wand--nudge{animation:wand-nudge .9s var(--ease-pop) infinite;border-color:var(--gold-400)}@keyframes wand-nudge{0%,to{box-shadow:0 0 18px var(--gold-glow);transform:scale(1)}50%{box-shadow:0 0 44px var(--gold-glow), 0 0 80px var(--gold-glow);transform:scale(1.18)}}.duel-hero{z-index:9;width:clamp(210px,24vw,330px);animation:4.6s ease-in-out infinite hero-weave;position:absolute;bottom:clamp(64px,11vh,116px);left:clamp(10px,2.5vw,48px)}@keyframes hero-weave{0%,to{transform:translate(0)rotate(0)}22%{transform:translate(8px,-12px)rotate(2deg)}45%{transform:translate(-6px,-4px)rotate(-2deg)}64%{transform:translate(10px,-18px)rotate(1deg)}84%{transform:translate(-4px,-8px)rotate(-1deg)}}@media (prefers-reduced-motion:reduce){.duel-rival-art,.duel-hero,.duel-pip-art{animation:none}}.duel-hero--cast{animation:hero-cast .65s var(--ease-pop)}@keyframes hero-cast{0%{transform:translateY(0)rotate(0)scale(1)}35%{transform:translateY(-16px)rotate(5deg)scale(1.07)}to{transform:translateY(0)rotate(0)scale(1)}}.duel-pip{z-index:8;flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:clamp(84px,13vh,140px);right:clamp(14px,2.5vw,44px)}.duel-pip-art{width:clamp(130px,14vw,185px);animation:2.8s ease-in-out infinite pip-bob}@keyframes pip-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.answer-bubbles{inset-inline:0;z-index:10;justify-content:center;gap:clamp(16px,3vw,40px);display:flex;position:absolute;bottom:clamp(20px,5vh,48px)}.answer-bubble{border-radius:var(--radius-round);background:radial-gradient(circle at 32% 26%, #5a3f96, var(--midnight-600) 70%);width:clamp(96px,11vw,132px);height:clamp(96px,11vw,132px);animation:bubble-in .5s var(--ease-pop) backwards;transition:transform var(--duration-quick) var(--ease-pop);border:3px solid #ffffff38;place-items:center;display:grid;box-shadow:inset 0 -8px 18px #00000040,0 0 18px #5a3f9680}.answer-bubble:active{transform:scale(.92)}@keyframes bubble-in{0%{opacity:0;transform:scale(.3)translateY(40px)}to{opacity:1;transform:scale(1)translateY(0)}}.answer-bubble--popped{animation:bubble-pop .45s var(--ease-pop) forwards;pointer-events:none}@keyframes bubble-pop{30%{transform:scale(1.15)}to{opacity:0;transform:scale(0)}}.answer-bubble-value{font-family:var(--font-display);color:var(--text-bright);font-size:clamp(36px,4vw,48px);font-weight:600}.particle-canvas{z-index:20;pointer-events:none;position:absolute;inset:0}.spell-beam{transform-origin:0;z-index:15;pointer-events:none;height:20px;margin-top:-10px;position:absolute}.spell-beam-core{border-radius:var(--radius-round);background:linear-gradient(90deg, #7dedbb00 0%, #7dedbb 22%, #fff8f0 50%, var(--gold-400) 78%, #fff8f0 100%);width:100%;height:100%;box-shadow:0 0 18px var(--emerald-glow), 0 0 46px var(--emerald-glow), 0 0 80px var(--gold-glow);transform-origin:0;animation:beam-fire .62s var(--ease-smooth) forwards}.spell-beam--thin{height:11px;margin-top:-5.5px}@keyframes beam-fire{0%{opacity:1;transform:scaleX(0)}40%{opacity:1;transform:scaleX(1)}75%{opacity:.85;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.duel-flash{z-index:18;pointer-events:none;background:radial-gradient(60% 60% at 72% 26%,#fff8f080,#2fd48a2e 45%,#0000 75%);animation:.5s ease-out forwards flash-pop;position:absolute;inset:0}@keyframes flash-pop{0%{opacity:0}25%{opacity:1}to{opacity:0}}.duel--shake{animation:.45s ease-out duel-shake}@keyframes duel-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px,4px)}40%{transform:translate(6px,-5px)}60%{transform:translate(-4px,3px)}80%{transform:translate(3px,-2px)}}.duel-motes{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.duel-mote{border-radius:var(--radius-round);opacity:0;filter:blur(.5px);animation:linear infinite mote-rise;position:absolute;bottom:-12px;box-shadow:0 0 8px}@keyframes mote-rise{0%{opacity:0;transform:translateY(0)}12%{opacity:.55}85%{opacity:.35}to{opacity:0;transform:translateY(-104vh)}}.finale{z-index:30;animation:finale-in var(--duration-slow) var(--ease-smooth);background:radial-gradient(80% 80% at 50% 40%,#140b2e8c,#0e0722eb);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}@keyframes finale-in{0%{opacity:0}to{opacity:1}}.finale-rays{z-index:0;pointer-events:none;opacity:.12;background:repeating-conic-gradient(var(--gold-400) 0deg 6deg, transparent 6deg 18deg);animation:30s linear infinite finale-rays-spin;position:absolute;inset:-20%}@keyframes finale-rays-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.finale-rays{animation:none}}.finale-avatar{width:clamp(180px,20vw,260px);animation:finale-dance 1.6s var(--ease-pop) infinite}@keyframes finale-dance{0%,to{transform:rotate(-3deg)translateY(0)}50%{transform:rotate(3deg)translateY(-14px)}}.finale-title{text-shadow:0 0 36px var(--gold-glow);font-size:clamp(48px,6vw,80px)}.finale-line{color:var(--text-dim);margin:0;font-size:22px;font-weight:700}.finale-dust{font-family:var(--font-display);color:var(--gold-400);text-shadow:0 0 18px var(--gold-glow);margin:6px 0 14px;font-size:28px}.finale-actions{gap:18px;display:flex}.finale-practise{color:var(--text-dim);opacity:.7;margin:-6px 0 8px;font-size:14px;font-weight:600}.finale-reward{border-radius:var(--radius-round);border:2px solid var(--gold-500);font-family:var(--font-display);color:var(--gold-400);animation:speech-pop var(--duration-slow) var(--ease-pop);background:#ffd16624;margin:0 0 12px;padding:10px 22px;font-size:20px}.sd-title-links{gap:14px;display:flex}.map{background:radial-gradient(110% 80% at 50% -10%, var(--midnight-600) 0%, transparent 60%), linear-gradient(180deg, var(--midnight-800), var(--midnight-900));height:100%;position:relative;overflow:hidden}.map-title{text-shadow:0 0 26px var(--gold-glow);font-size:clamp(28px,3.4vw,42px);position:absolute;top:24px;left:50%;transform:translate(-50%)}.map-path{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.map-node{width:128px;min-height:var(--tap-primary);border-radius:var(--radius-md);transition:transform var(--duration-quick) var(--ease-pop);background:#1e1240e0;border:2px solid #ffffff29;flex-direction:column;align-items:center;gap:2px;padding:10px 6px 8px;display:flex;position:absolute;transform:translate(-50%,-50%)}.map-node:active{transform:translate(-50%,-50%)scale(.93)}.map-node--passed{border-color:var(--gold-500);box-shadow:var(--glow-soft) var(--gold-glow)}.map-node-table{font-family:var(--font-display);color:var(--text-bright);font-size:26px;font-weight:600}.map-node-name{color:var(--text-dim);font-size:13px;font-weight:800}.map-node-badge{font-size:20px;position:absolute;top:-12px;right:-8px}.map-stars{gap:2px;display:inline-flex}.map-star{color:#ffffff2e;width:18px;height:18px}.map-star--lit{color:var(--gold-500);filter:drop-shadow(0 0 5px var(--gold-glow))}.map-sheet{z-index:50;background:#0a051a8c;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.map-sheet-panel{border-radius:var(--radius-lg);background:var(--midnight-700);text-align:center;width:min(560px,94vw);animation:sheet-up var(--duration-base) var(--ease-pop);border:2px solid #ffffff29;flex-direction:column;align-items:center;gap:10px;margin-bottom:24px;padding:24px 28px;display:flex}@keyframes sheet-up{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.map-sheet-panel h3{font-size:30px}.map-sheet-boss{filter:drop-shadow(0 6px 14px #00000073);width:190px;margin-top:-96px}.map-sheet-sub{color:var(--text-dim);margin:0;font-weight:700}.map-sheet-bio{color:var(--text-dim);opacity:.85;margin:0;font-size:15px;font-style:italic}.map-sheet-actions{gap:14px;margin-top:6px;display:flex}.spellbook{background:linear-gradient(180deg, var(--midnight-800), var(--midnight-900));height:100%;padding:24px;position:relative;overflow-y:auto}.spellbook-header{text-align:center;padding:8px 0 20px}.spellbook-header h2{text-shadow:0 0 26px var(--emerald-glow);font-size:clamp(32px,4vw,48px)}.spellbook-progress{font-family:var(--font-display);color:var(--gold-400);margin:6px 0 0;font-size:19px}.spellbook-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:14px;max-width:1180px;margin:0 auto;display:grid}.spell-card{aspect-ratio:3/4;border-radius:var(--radius-md);background:var(--midnight-700);border:2px solid #2fd48a66;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:10px 6px;display:flex;box-shadow:inset 0 0 22px #2fd48a14}.spell-card--mystery{box-shadow:none;background:var(--midnight-800);border-color:#ffffff14}.spell-card-mystery-mark{font-family:var(--font-display);color:#ffffff24;font-size:40px}.spell-card-gem{width:44px}.spell-card-fact{font-family:var(--font-display);color:var(--text-bright);font-size:20px;font-weight:600}.spell-card-answer{font-family:var(--font-display);color:var(--gold-400);font-size:26px;font-weight:600}.spell-card-split{color:var(--text-dim);text-align:center;font-size:12px;font-weight:800}.creator-dust{font-family:var(--font-display);color:var(--gold-400);align-self:flex-end;font-size:18px}.creator-option{position:relative}.creator-option--locked .creator-mini,.creator-option--locked .creator-swatch{filter:saturate(.35)brightness(.55)}.creator-price{border-radius:var(--radius-round);background:var(--gold-500);color:var(--text-on-light);font-family:var(--font-display);white-space:nowrap;padding:3px 12px;font-size:15px;font-weight:600;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.creator-option--denied{animation:denied-wobble .5s var(--ease-pop)}@keyframes denied-wobble{0%,to{transform:translate(0)}25%{transform:translate(-7px)rotate(-2deg)}50%{transform:translate(6px)rotate(2deg)}75%{transform:translate(-4px)}}.duel-rival{flex-flow:wrap;justify-content:flex-end}.duel-rival-name{text-align:center;font-family:var(--font-display);color:var(--text-bright);border-radius:var(--radius-round);background:#0e072299;align-self:center;padding:2px 14px;font-size:17px}.characters{background:radial-gradient(110% 80% at 50% -10%, var(--midnight-600) 0%, transparent 60%), linear-gradient(180deg, var(--midnight-800), var(--midnight-900));height:100%;padding:24px 24px 48px;position:relative;overflow-y:auto}.characters-title{text-align:center;text-shadow:0 0 26px var(--gold-glow);margin:0 0 28px;font-size:clamp(28px,3.4vw,42px)}.characters-list{flex-direction:column;gap:22px;max-width:920px;margin:0 auto;display:flex}.character-card{border-radius:var(--radius-lg);background:var(--midnight-700);opacity:0;animation:character-card-in var(--duration-slow) var(--ease-pop) both;border:2px solid #ffffff24;align-items:center;gap:24px;padding:20px 28px;display:flex;position:relative;box-shadow:inset 0 0 32px #b78bff14}.character-card--right{flex-direction:row-reverse}.character-card-portrait{filter:drop-shadow(0 8px 18px #00000073);flex:none;width:clamp(200px,22vw,260px)}.character-card-body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.character-card--right .character-card-body{text-align:right;align-items:flex-end}.character-card-heading{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.character-card--right .character-card-heading{justify-content:flex-end}.character-card-name{color:var(--gold-400);text-shadow:0 0 18px var(--gold-glow);margin:0;font-size:clamp(24px,2.6vw,32px)}.character-card-defeated{font-family:var(--font-display);color:var(--text-on-light);background:var(--gold-500);border-radius:var(--radius-round);white-space:nowrap;padding:4px 14px;font-size:15px;font-weight:600}.character-card-meta{color:var(--text-dim);margin:0;font-weight:800}.character-card-chip{border-radius:var(--radius-round);background:var(--midnight-600);font-family:var(--font-display);color:var(--text-bright);border:1px solid #ffffff29;margin-left:8px;padding:2px 12px;font-size:13px;display:inline-block}.character-card-story{color:var(--text-body);margin:0;font-size:16px;line-height:1.5}@keyframes character-card-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.character-card,.character-card--right{text-align:center;flex-direction:column}.character-card-body,.character-card--right .character-card-body{text-align:center;align-items:center}.character-card-heading,.character-card--right .character-card-heading{justify-content:center}.character-card-portrait{width:clamp(180px,60vw,220px)}}@media (prefers-reduced-motion:reduce){.character-card{opacity:1;animation:none}}.creator-portrait-thumb{border-radius:var(--radius-md);border:3px solid var(--gold-500);width:clamp(64px,8vw,92px);box-shadow:var(--glow-soft) var(--gold-glow);background:#140b2ebf;position:absolute;bottom:-10px;right:-10px}.creator-avatar{position:relative}.creator-portrait-thumb--reveal{animation:portrait-sparkle-burst .9s var(--ease-pop)}@keyframes portrait-sparkle-burst{0%{opacity:0;box-shadow:0 0 0 var(--gold-glow);transform:scale(.4)rotate(-8deg)}45%{opacity:1;box-shadow:0 0 46px var(--gold-glow), 0 0 90px var(--gold-glow);transform:scale(1.22)rotate(4deg)}to{opacity:1;box-shadow:var(--glow-soft) var(--gold-glow);transform:scale(1)rotate(0)}}.creator-portrait-section{flex-direction:column;align-items:flex-end;gap:8px;margin-top:8px;display:flex}.creator-finalise{min-height:var(--tap-primary);align-self:flex-end;padding:14px 32px;font-size:22px}.creator-finalise--busy{animation:1.4s ease-in-out infinite portrait-paint-pulse}@keyframes portrait-paint-pulse{0%,to{box-shadow:0 6px 0 #0a6b45, var(--glow-soft) var(--emerald-glow)}50%{box-shadow:0 6px 0 #0a6b45, 0 0 34px var(--gold-glow)}}.creator-portrait-message{font-family:var(--font-display);color:var(--gold-400);text-align:right;margin:0;font-size:16px}@media (prefers-reduced-motion:reduce){.creator-portrait-thumb--reveal,.creator-finalise--busy{animation:none}}.duel-hero-raster{filter:drop-shadow(0 8px 18px #00000073);width:100%;height:auto}.sd-title-portrait{border-radius:var(--radius-md);width:100%}.map-stage{position:absolute;inset:0}.map-stage--painted{aspect-ratio:3/2;max-width:100%;height:100%;inset:0 auto auto 50%;transform:translate(-50%)}.map-raster{object-fit:fill;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.map-node--plaque{background:#140b2ed1;border-width:2.5px;gap:0;width:118px;min-height:64px;padding:6px 6px 8px;box-shadow:0 6px 16px #00000073}.map-node--plaque .map-node-table{font-size:22px}.map-node--plaque .map-node-name{font-size:11.5px}.map-node-cta{font-family:var(--font-display);color:var(--gold-400);letter-spacing:.02em;font-size:10.5px;font-weight:600}.map-title{z-index:25}.duel-shadow{aspect-ratio:5;filter:blur(4px);z-index:4;pointer-events:none;background:radial-gradient(closest-side,#06031080,#0000 72%);border-radius:50%;position:absolute}.duel-shadow--boss{background:radial-gradient(closest-side,#06031061,#0000 72%);animation:5.4s ease-in-out infinite boss-shadow-breathe}@keyframes boss-shadow-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(.86)}}.duel--staged .duel-hero{animation:4.6s ease-in-out infinite hero-sway}@keyframes hero-sway{0%,to{transform:translate(0)rotate(0)}30%{transform:translate(6px)rotate(1.2deg)}70%{transform:translate(-5px)rotate(-1deg)}}.duel--staged .duel-rival{z-index:8;flex-direction:column;align-items:center}.duel--staged .duel-rival-art{width:100%}.duel-fg{object-fit:cover;z-index:11;pointer-events:none;filter:blur(2.5px)drop-shadow(0 0 22px #7dedbb29);width:100%;height:100%;animation:16s ease-in-out infinite alternate fg-drift;position:absolute;inset:0}@keyframes fg-drift{0%{transform:translate(0)scale(1.02)}to{transform:translate(-16px,7px)scale(1.05)}}.duel--staged .duel-backdrop--raster{animation:28s ease-in-out infinite alternate bg-drift}@keyframes bg-drift{0%{transform:scale(1.03)translate(0)}to{transform:scale(1.06)translate(12px,-6px)}}.duel--staged .answer-bubbles,.duel--staged .hint-wand{z-index:14}@media (prefers-reduced-motion:reduce){.duel-fg,.duel--staged .duel-backdrop--raster,.duel--staged .duel-hero,.duel-shadow--boss{animation:none}}.map-scroll{position:absolute;inset:0}@media (width<=760px){.creator{overflow-y:auto}.creator-layout{flex-direction:column;gap:12px;height:auto;min-height:100%;padding:14px 12px 24px}.creator-preview{flex-flow:wrap;flex:none;justify-content:center;gap:12px}.creator-heading{text-align:center;order:-1;width:100%;margin-right:56px;font-size:26px}.creator-avatar{width:clamp(120px,36vw,170px);padding:6px}.creator-panel{padding:12px 10px}.creator-dust{margin-right:60px;font-size:15px}.creator-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.creator-tab{white-space:nowrap;flex:none;min-height:48px;padding:0 16px;font-size:16px}.creator-options{gap:9px}.creator-option{width:calc(33.3333% - 6px);height:116px}.creator-mini{width:80px}.creator-swatch{width:54px;height:54px}.creator-price{padding:2px 9px;font-size:12.5px;bottom:5px}.creator-done,.creator-finalise{align-self:stretch;padding:12px 24px;font-size:22px}.duel-top{top:8px}.magic-meter-track{width:clamp(140px,42vw,380px)}.duel-round-label{text-align:center;max-width:86vw;font-size:12px}.combo-badge{font-size:15px}.duel-centre{top:13%;bottom:34%}.crystal--whole .crystal-shape{width:clamp(150px,44vw,300px)}.crystal-text{font-size:clamp(32px,11vw,72px)}.crystal-split{gap:8px}.crystal--part{width:clamp(94px,25vw,200px)}.crystal-text--small{font-size:clamp(18px,5.5vw,42px)}.crystal-reveal{font-size:clamp(24px,7vw,56px)}.crystal-op{font-size:clamp(24px,7vw,64px)}.answer-bubbles{flex-wrap:wrap;gap:10px;padding-inline:8px;bottom:12px}.answer-bubble{width:clamp(78px,21vw,104px);height:clamp(78px,21vw,104px)}.answer-bubble-value{font-size:clamp(26px,8vw,40px)}.hint-wand{width:78px;height:78px;font-size:13px;top:auto;bottom:132px;right:10px}.hint-wand svg{width:30px;height:30px}.duel-rival{top:64px;right:8px}.duel-rival-art{width:clamp(116px,33vw,180px)}.duel-rival-name{font-size:12.5px}.speech{max-width:175px;padding:8px 11px;font-size:13.5px}.duel-hero{width:clamp(120px,34vw,200px);bottom:128px;left:8px}.duel-pip{align-items:flex-start;inset:74px auto auto 8px}.duel-pip-art{width:60px}.duel--staged .duel-hero{width:clamp(128px,38vw,220px)!important;bottom:25%!important;left:6%!important}.duel--staged .duel-rival{width:clamp(112px,33vw,200px)!important;bottom:52%!important;left:auto!important;right:6%!important}.duel-shadow{width:30vw!important}.duel-shadow--boss{width:22vw!important;bottom:47%!important;left:auto!important;right:9%!important}.duel--staged .duel-shadow:not(.duel-shadow--boss){bottom:23.5%!important;left:9%!important}.duel-fg{opacity:.85}.finale-title{font-size:clamp(32px,10vw,56px)}.finale-avatar{width:clamp(130px,38vw,200px)}.finale-actions{flex-direction:column;width:min(320px,86vw)}.finale-reward{text-align:center;max-width:88vw;font-size:16px}.map-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.map-stage--painted{left:0;transform:none}.map-title{width:max-content;font-size:22px;top:30px}.map-node--plaque{width:92px;min-height:56px;padding:4px 4px 6px}.map-node--plaque .map-node-table{font-size:18px}.map-node--plaque .map-node-name{font-size:10px}.map-node-cta{font-size:9px}.map-star{width:13px;height:13px}.map-sheet-panel{gap:8px;width:94vw;padding:14px 16px 18px}.map-sheet-boss{width:140px;margin-top:-66px}.map-sheet-panel h3{font-size:23px}.map-sheet-sub,.map-sheet-bio{font-size:13.5px}.map-sheet-actions{flex-direction:column;gap:10px;width:100%}.map-sheet-actions .button-primary,.map-sheet-actions .button-secondary{width:100%;padding:12px 20px;font-size:22px}.spellbook{padding:16px 12px 28px}.spellbook-header{padding:52px 0 14px}.spellbook-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:9px}.spell-card-fact{font-size:16px}.spell-card-answer{font-size:20px}.spell-card-split{font-size:10px}.characters-title{padding-top:46px;font-size:26px}.character-card,.character-card--right{text-align:center;flex-direction:column;gap:8px;padding:16px 14px}.character-card-portrait{width:clamp(140px,44vw,190px);margin:0 auto}.character-card-body{text-align:center}}@media (height<=480px){.duel-rival{top:44px}.speech{max-width:190px;padding:7px 10px;font-size:13px}.duel-top{top:4px}.duel--staged .duel-rival{top:40px;bottom:auto!important}}.sound-toggle{top:max(20px, env(safe-area-inset-top));right:max(20px, env(safe-area-inset-right))}.map-stage--tall{aspect-ratio:2/3;width:min(100%,66.67vh);height:auto;margin:0 auto;position:relative;inset:auto}.map-scroll{justify-content:center;align-items:center;display:flex}.map-scroll>.map-stage--painted{flex:none}.creator-portrait-hint{max-width:300px;color:var(--text-dim);text-align:center;border-radius:var(--radius-md);border:1.5px dashed #ffffff2e;margin:0;padding:10px 14px;font-size:13.5px;font-weight:700;line-height:1.45}.home{background:radial-gradient(120% 90% at 50% -20%, var(--midnight-600) 0%, transparent 60%), linear-gradient(180deg, var(--midnight-800) 0%, var(--midnight-900) 100%);flex-direction:column;justify-content:center;align-items:center;gap:clamp(24px,4vh,48px);height:100%;padding:clamp(16px,3vw,48px);display:flex;position:relative;overflow:hidden}.starfield{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.starfield-star{animation-name:star-twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes star-twinkle{0%,to{opacity:.25}50%{opacity:.9}}.home-header{text-align:center;position:relative}.home-title{letter-spacing:.01em;text-shadow:0 0 32px #ffd16659;font-size:clamp(44px,6vw,72px);font-weight:600;animation:4.5s ease-in-out infinite home-title-glow}@keyframes home-title-glow{0%,to{text-shadow:0 0 32px #ffd16659}50%{text-shadow:0 0 50px #ffd16699, 0 0 20px var(--gold-glow)}}.home-cards{flex-wrap:wrap;justify-content:center;gap:clamp(20px,3vw,40px);display:flex;position:relative}.game-card{aspect-ratio:4/5;border-radius:var(--radius-lg);background:var(--midnight-700);opacity:0;width:clamp(240px,24vw,320px);animation:card-enter var(--duration-slow) var(--ease-pop) forwards;transition:transform var(--duration-base) var(--ease-pop), box-shadow var(--duration-base) var(--ease-smooth);border:2px solid #ffffff17;position:relative;overflow:hidden;transform:translateY(22px);box-shadow:0 10px 24px #05021073,0 2px 6px #0502104d}@keyframes card-enter{to{opacity:1;transform:translateY(0)}}.game-card:not(:disabled):active{box-shadow:var(--glow-soft) var(--emerald-glow), 0 14px 30px #0502108c, 0 4px 10px #05021059;transform:scale(.96)}.game-card-scene{position:absolute;inset:0}.game-card:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffffff52 50%,#0000 60%);position:absolute;inset:-60% -20%;transform:translate(-120%)}.game-card:not(:disabled):active:after{opacity:1;animation:card-shine-sweep var(--duration-slow) var(--ease-smooth)}@keyframes card-shine-sweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}.card-art{width:100%;height:100%;display:block}.sparkle-twinkle{animation:3.2s ease-in-out infinite star-twinkle}.game-card-label{inset-inline:0;text-align:left;background:linear-gradient(#0000 0%,#0a051adb 55%);flex-direction:column;gap:2px;padding:18px 20px 16px;display:flex;position:absolute;bottom:0}.game-card-title{font-family:var(--font-display);color:var(--text-bright);font-size:27px;font-weight:600}.game-card-tagline{color:var(--text-dim);font-size:15px;font-weight:700}.game-card--locked .game-card-scene{filter:saturate(.45)brightness(.62)}.game-card-ribbon{background:var(--gold-500);color:var(--text-on-light);font-family:var(--font-display);letter-spacing:.04em;padding:7px 52px;font-size:14px;font-weight:600;position:absolute;top:22px;right:-44px;transform:rotate(38deg)}.home-button{top:max(20px, env(safe-area-inset-top));left:max(20px, env(safe-area-inset-left));z-index:40;width:var(--tap-min);height:var(--tap-min);border-radius:var(--radius-round);color:var(--text-bright);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform var(--duration-quick) var(--ease-pop);background:#140b2eb8;border:2px solid #ffffff29;place-items:center;display:grid;position:absolute}.home-button:active{transform:scale(.9)}.parent-corner-entry{width:var(--tap-min);height:var(--tap-min);color:var(--text-dim);opacity:.6;place-items:center;display:grid;position:absolute;bottom:14px;right:14px}.parent-corner{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a051acc;place-items:center;display:grid;position:fixed;inset:0}.parent-corner-panel{border-radius:var(--radius-lg);background:var(--midnight-700);border:2px solid #ffffff24;width:min(680px,92vw);max-height:88vh;padding:28px 32px;font-size:15px;overflow-y:auto}.parent-corner-panel h3{margin:22px 0 10px;font-size:18px}.parent-corner-header{justify-content:space-between;align-items:center;display:flex}.parent-corner-header h2{font-size:26px}.parent-corner-close{width:var(--tap-min);height:var(--tap-min);border-radius:var(--radius-round);color:var(--text-bright);background:var(--midnight-600);font-size:20px}.parent-corner-stats,.parent-corner-empty{color:var(--text-dim)}.parent-corner-table{border-collapse:collapse;width:100%}.parent-corner-table th,.parent-corner-table td{text-align:left;border-bottom:1px solid #ffffff14;padding:8px 10px}.mastery-bar{vertical-align:middle;border-radius:var(--radius-round);background:#ffffff1a;width:110px;height:10px;margin-right:8px;display:inline-block;overflow:hidden}.mastery-bar-fill{background:linear-gradient(90deg, var(--emerald-600), var(--emerald-500));height:100%}.parent-corner-actions{flex-wrap:wrap;gap:12px;display:flex}.parent-corner-button{border-radius:var(--radius-round);min-height:48px;color:var(--text-bright);background:var(--midnight-600);border:2px solid #ffffff2e;padding:10px 22px;font-weight:700}.parent-corner-button:disabled{opacity:.4}.parent-corner-button--danger{color:var(--pink-400);border-color:#ff7ac380}.parent-corner-import{align-items:flex-start;gap:12px;margin-top:12px;display:flex}.parent-corner-import textarea{border-radius:var(--radius-sm);background:var(--midnight-800);color:var(--text-body);resize:vertical;border:1px solid #ffffff24;flex:1;padding:10px;font-family:inherit;font-size:13px}.parent-corner-message{border-radius:var(--radius-sm);background:var(--midnight-800);color:var(--text-dim);word-break:break-all;max-height:120px;margin-top:14px;padding:10px 14px;overflow-y:auto}@media (prefers-reduced-motion:reduce){.home-title{animation:none}.game-card{opacity:1;animation:none;transform:none}.game-card:not(:disabled):active:after{opacity:0;animation:none}}.parent-corner-key{border-radius:var(--radius-sm);background:var(--midnight-800);min-height:48px;color:var(--text-body);border:1px solid #ffffff24;flex:1;padding:10px;font-size:14px}@media (width<=760px){.home{justify-content:flex-start;overflow-y:auto}.home-title{padding-top:18px;font-size:clamp(34px,10vw,48px)}.home-cards{flex-direction:column;align-items:center;gap:18px;padding:8px 16px 72px}.game-card{width:min(88vw,340px)}.parent-corner-panel{max-height:92vh;padding:18px 16px}.parent-corner-table th,.parent-corner-table td{padding:5px 6px;font-size:12.5px}.mastery-bar{width:64px}.parent-corner-import{flex-wrap:wrap}.parent-corner-key{flex-basis:100%;min-width:0}.parent-corner-entry{bottom:max(14px, env(safe-area-inset-bottom));right:max(14px, env(safe-area-inset-right));position:fixed}}