@import "https://fonts.googleapis.com/css2?family=DotGothic16&family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#f8f6ef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#07080c;--surface:#12151de0;--surface-soft:#ffffff0e;--line:#ffffff21;--muted:#a8acb8;--gold:#f7bc52;--cyan:#69e7ff;--magenta:#f06dff;--danger:#ff6d69;background:#07080c;font-family:Inter,system-ui,sans-serif}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172333;--bg:#edf3f8;--surface:#ffffffe8;--surface-soft:#14283c0e;--line:#19304629;--muted:#667586;background:#edf3f8}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit}::selection{background:#69e7ff47}html[data-motion=reduced] *,html[data-motion=reduced] :before,html[data-motion=reduced] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) *,html:not([data-motion=full]) :before,html:not([data-motion=full]) :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.arena3d{isolation:isolate;aspect-ratio:16/9;background:radial-gradient(circle at 50% 35%,#1f40668a,#0000 48%),#050711;border:1px solid #82afe13d;border-radius:24px;width:100%;min-height:430px;position:relative;overflow:hidden;box-shadow:0 32px 90px #0000006b,inset 0 0 80px #4fa0ff14}.arena3d__canvas{touch-action:none;inset:0;width:100%!important;height:100%!important;position:absolute!important}.arena3d__vignette,.arena3d__scanlines{z-index:2;pointer-events:none;position:absolute;inset:0}.arena3d__vignette{background:linear-gradient(#03050f8c 0%,#0000 24% 70%,#03050cad 100%),radial-gradient(#0000 45%,#00000094 110%)}.arena3d__scanlines{opacity:.12;mix-blend-mode:screen;background-image:repeating-linear-gradient(0deg,#0000,#0000 3px,#68dcff1a 4px)}.arena3d__skip{z-index:5;color:#e6f8ffe0;letter-spacing:.08em;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050d1cad;border:1px solid #acdeff59;border-radius:999px;align-items:center;gap:10px;min-height:40px;padding:0 16px;font:600 12px/1 system-ui,sans-serif;transition:border-color .18s,color .18s,transform .18s,background .18s;display:inline-flex;position:absolute;bottom:clamp(14px,2.5vw,26px);right:clamp(14px,2.5vw,28px);box-shadow:inset 0 0 24px #5ecbff14}.arena3d__skip:hover{color:#fff;background:#0d1f37d1;border-color:#acdeffb8;transform:translateY(-2px)}.arena3d__skip:focus-visible{outline-offset:3px;outline:2px solid #7adfff}.arena3d__skip span{color:#73dcff;font-size:17px}.arena3d__intro-copy{z-index:4;color:#dff8ff;text-align:center;text-shadow:0 0 18px #45cdffbd;pointer-events:none;gap:7px;width:min(90%,560px);animation:1.8s ease-in-out infinite alternate arena-intro-copy;display:grid;position:absolute;top:clamp(16px,4vw,44px);left:50%;transform:translate(-50%)}.arena3d__intro-copy span{color:#98dcf4d1;letter-spacing:.28em;font:650 clamp(9px,1.1vw,12px)/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.arena3d__intro-copy strong{letter-spacing:.08em;font:750 clamp(16px,2.6vw,30px)/1 system-ui,sans-serif}.arena3d__battle-start{z-index:5;color:#fff;text-align:center;text-shadow:0 0 12px #ffffffd6,0 0 38px #5be0ffe0;pointer-events:none;gap:8px;width:min(92%,640px);animation:1.25s cubic-bezier(.16,1,.3,1) both arena-battle-start;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arena3d__battle-start:before,.arena3d__battle-start:after{content:"";background:linear-gradient(90deg,#0000,#6fe8ff);width:28%;height:1px;position:absolute;top:50%;box-shadow:0 0 12px #6fe8ff}.arena3d__battle-start:before{left:0}.arena3d__battle-start:after{right:0;transform:scaleX(-1)}.arena3d__battle-start span{color:#87eaff;letter-spacing:.34em;font:700 clamp(9px,1.3vw,12px)/1 ui-monospace,SFMono-Regular,Consolas,monospace}.arena3d__battle-start strong{letter-spacing:.08em;font:900 clamp(32px,7vw,78px)/.95 system-ui,sans-serif}.arena3d__event-badge{z-index:4;color:#ffb35c;min-width:min(80%,330px);box-shadow:0 0 30px color-mix(in srgb, currentColor 25%, transparent), inset 0 0 24px color-mix(in srgb, currentColor 11%, transparent);letter-spacing:.14em;text-align:center;text-shadow:0 0 12px;pointer-events:none;background:linear-gradient(90deg,#0000,#070c1ac2 24% 76%,#0000);border:1px solid;border-radius:6px;padding:10px 22px;font:800 clamp(12px,2vw,20px)/1 system-ui,sans-serif;animation:1.15s cubic-bezier(.2,.8,.2,1) both arena-event-badge;position:absolute;top:clamp(18px,4vw,42px);left:50%;transform:translate(-50%)}.arena3d__event-badge--magic{color:#a77bff}.arena3d__event-badge--defense{color:#5df}.arena3d__event-badge--counter{color:#ffe06a}.arena3d__event-badge--ko{color:#ff496f}.arena3d__pet-label{--arena-accent:#5ce7ff;border:1px solid color-mix(in srgb, var(--arena-accent) 58%, transparent);color:#ecfbff;width:158px;box-shadow:0 0 22px color-mix(in srgb, var(--arena-accent) 25%, transparent), inset 0 0 18px color-mix(in srgb, var(--arena-accent) 8%, transparent);text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none;pointer-events:none;background:#050d1bd1;border-radius:8px;grid-template-columns:1fr auto;gap:5px 12px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;display:grid}.arena3d__pet-label strong{letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.arena3d__pet-label small{color:#e1f5ffb3;grid-area:1/2;font-size:9px}.arena3d__hp-track{background:#ffffff1f;border-radius:999px;grid-column:1/-1;height:4px;overflow:hidden}.arena3d__hp-track span{border-radius:inherit;background:var(--arena-accent);height:100%;box-shadow:0 0 8px var(--arena-accent);transition:width .42s cubic-bezier(.2,.8,.2,1);display:block}@keyframes arena-intro-copy{0%{opacity:.6;transform:translate(-50%)translateY(0)}to{opacity:1;transform:translate(-50%)translateY(3px)}}@keyframes arena-event-badge{0%{opacity:0;filter:blur(7px);transform:translate(-50%)scaleX(.45)}18%{opacity:1;filter:blur();transform:translate(-50%)scaleX(1.08)}28%,80%{opacity:1;transform:translate(-50%)scaleX(1)}to{opacity:0;transform:translate(-50%)translateY(-7px)}}@keyframes arena-battle-start{0%{opacity:0;filter:blur(16px);transform:translate(-50%,-50%)scale(1.65)}18%{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(.96)}28%,72%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.08)}}@media (width<=700px){.arena3d{aspect-ratio:4/3;border-radius:18px;min-height:390px}.arena3d__pet-label{width:126px;padding:7px 8px}}@media (prefers-reduced-motion:reduce){.arena3d__intro-copy,.arena3d__battle-start,.arena3d__event-badge{animation:none}.arena3d__skip,.arena3d__hp-track span{transition:none}}#root{min-height:100vh}.app-shell{background:radial-gradient(circle at 15% 10%,#69e7ff1f,#0000 24rem),radial-gradient(circle at 88% 32%,#f06dff1c,#0000 28rem),linear-gradient(#10121a 0%,#07080c 64%);min-height:100vh;overflow:hidden}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;width:min(1180px,100% - 32px);min-height:76px;margin:0 auto;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{width:42px;height:42px;color:var(--cyan);background:linear-gradient(135deg,#69e7ff33,#f06dff2e);border:1px solid #69e7ff80;border-radius:12px;place-items:center;font-family:DotGothic16,sans-serif;display:grid;box-shadow:0 0 30px #69e7ff1f}.brand-name{letter-spacing:.12em;font-weight:800}.brand-caption{color:var(--muted);letter-spacing:.08em;font-size:11px}.build-badge{color:var(--gold);letter-spacing:.1em;background:#f7bc5212;border:1px solid #f7bc5259;border-radius:999px;padding:7px 11px;font-size:11px}.header-actions{justify-content:end;align-items:center;gap:8px;display:flex}.display-toggle,.locale-toggle{border:1px solid var(--line);background:var(--surface-soft);border-radius:999px;align-items:center;display:inline-flex}.display-toggle{min-height:32px;color:inherit;letter-spacing:.1em;gap:6px;padding:0 11px;font:800 9px/1 ui-monospace,monospace}.display-toggle span{color:var(--gold);font-size:13px}.locale-toggle{padding:3px}.locale-toggle button{min-width:34px;min-height:26px;color:var(--muted);letter-spacing:.08em;background:0 0;border:0;border-radius:999px;font:800 9px/1 ui-monospace,monospace}.locale-toggle button.active{color:#071015;background:var(--cyan);box-shadow:0 4px 14px #69e7ff33}.app-main{width:min(1180px,100% - 32px);margin:0 auto;padding:52px 0 84px}.hero-copy{text-align:center;max-width:840px;margin:0 auto 34px}.eyebrow{color:var(--cyan);letter-spacing:.2em;text-transform:uppercase;font-size:12px;font-weight:700}.hero-copy h1{letter-spacing:-.055em;margin:14px 0 12px;font-size:clamp(38px,7vw,78px);line-height:.98}.hero-copy h1 span{color:#0000;background:linear-gradient(90deg, var(--cyan), #fff, var(--magenta));-webkit-background-clip:text;background-clip:text}.hero-copy p{color:var(--muted);max-width:680px;margin:0 auto;line-height:1.75}.stepper{flex-wrap:wrap;justify-content:center;gap:8px;margin:25px 0 36px;display:flex}.step-chip{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 12px;font-size:12px}.step-chip.active{color:#071015;background:var(--cyan);border-color:var(--cyan);font-weight:800}.step-chip.done{color:var(--cyan);border-color:#69e7ff57}.panel{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;box-shadow:0 28px 90px #0000005c}.summon-panel{padding:clamp(18px,4vw,36px)}.panel-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px;display:flex}.panel-heading h2{margin:0 0 7px;font-size:clamp(22px,3vw,32px)}.panel-heading p{color:var(--muted);margin:0;font-size:14px}.runtime-badges{flex-wrap:wrap;justify-content:end;align-items:center;gap:8px;display:flex}.runtime-pill{white-space:nowrap;color:#baffdf;letter-spacing:.08em;background:#66f5be11;border:1px solid #66f5be47;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font:750 9px/1 ui-monospace,monospace;display:inline-flex}.runtime-pill i{background:#66f5be;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #66f5bee6}.runtime-pill.connected{color:#d8f9ff;background:#69e7ff12;border-color:#69e7ff4d}.runtime-pill.connected i{background:var(--cyan);box-shadow:0 0 10px #69e7ffe6}.level-pill{white-space:nowrap;color:var(--gold);border:1px solid #f7bc525c;border-radius:999px;padding:8px 11px;font-size:12px}.summon-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:18px;display:grid}.pet-card{isolation:isolate;border:1px solid var(--line);background:#0c0f15;border-radius:19px;min-height:370px;position:relative;overflow:hidden}.pet-summon-stage{z-index:0;background:radial-gradient(circle at 50% 73%,#69e7ff2b,#0000 40%),linear-gradient(#070b12,#0b1017 72%,#07090d);position:absolute;inset:0 0 70px;overflow:hidden}.pet-visual{z-index:2;object-fit:contain;object-position:center bottom;opacity:.86;filter:drop-shadow(0 15px 25px #00000073);transform-origin:50% 88%;width:92%;height:92%;animation:1.15s cubic-bezier(.16,1,.3,1) both pet-summon-rise;position:absolute;bottom:3%;left:4%}.summon-beam{z-index:0;clip-path:polygon(34% 0,66% 0,100% 100%,0 100%);filter:blur(8px);opacity:.82;background:linear-gradient(#0000,#69e7ff14 32%,#69e7ff4d);width:68%;height:82%;animation:1.8s ease-in-out infinite alternate summon-beam-pulse;position:absolute;bottom:11%;left:50%;transform:translate(-50%)}.summon-circle{z-index:1;background:repeating-conic-gradient(from 0deg,#69e7ff57 0 2deg,transparent 2deg 28deg),radial-gradient(ellipse,transparent 44%,#69e7ff2e 45% 50%,transparent 51%);border:3px solid #69e7ffbd;border-radius:50%;width:min(76%,286px);height:82px;position:absolute;bottom:3%;left:50%;transform:translate(-50%);box-shadow:0 0 16px #69e7ffb8,0 0 48px #69e7ff57,inset 0 0 20px #69e7ff61}.summon-circle:before{content:"";border:2px solid #ffffffad;border-radius:50%;position:absolute;inset:16% 12%;box-shadow:0 0 14px #69e7ffb3}.summon-circle:after{content:"";background:conic-gradient(from 45deg,transparent 0 12%,#dafbff9e 12% 14%,transparent 14% 37%,#dafbff9e 37% 39%,transparent 39% 62%,#dafbff9e 62% 64%,transparent 64% 87%,#dafbff9e 87% 89%,transparent 89%);border:1px solid #69e7ffb8;border-radius:50%;animation:9s linear infinite summon-rune-spin;position:absolute;inset:29% 22%;overflow:hidden}.summon-sparks{z-index:3;background:#fff;border-radius:50%;width:3px;height:3px;animation:1.8s ease-in-out infinite summon-sparks-rise;position:absolute;bottom:22%;left:50%;box-shadow:-92px -28px #69e7ff,74px -46px #fff,102px -2px #69e7ff,-58px -104px #fff,42px -132px #69e7ff,-112px -146px #fff,118px -172px #69e7ff}.summon-front-arc{z-index:3;pointer-events:none;border:3px solid #0000;border-bottom-color:#b4f6fff5;border-radius:50%;width:min(76%,286px);height:82px;position:absolute;bottom:3%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 22px -12px #69e7fff2}.pet-card:after{content:"";z-index:4;pointer-events:none;background:linear-gradient(#0000 28%,#06080c33 55%,#080a0f 94%);position:absolute;inset:0}.pet-card-content{z-index:5;position:absolute;inset:auto 18px 17px}.pet-role{color:var(--cyan);text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:800}.pet-card h3{margin:7px 0 5px;font-size:23px}.pet-card p{color:var(--muted);margin:0 0 13px;font-size:12px}.upload-button{color:#fff;background:#ffffff14;border:1px solid #ffffff38;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:10px 13px;font-weight:700;display:inline-flex}.upload-button:hover{border-color:var(--cyan)}.file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes pet-summon-rise{0%{opacity:0;clip-path:inset(100% 0 0);filter:blur(10px)brightness(1.8)drop-shadow(0 22px 30px #00000080);transform:translateY(88px)scale(.82)}46%{opacity:.98;clip-path:inset(24% 0 0);filter:blur(1px)brightness(1.25)drop-shadow(0 15px 25px #00000073)}to{opacity:.86;clip-path:inset(0);filter:blur()brightness()drop-shadow(0 15px 25px #00000073);transform:translateY(0)scale(1)}}@keyframes summon-beam-pulse{0%{opacity:.48;transform:translate(-50%)scaleX(.88)}to{opacity:.92;transform:translate(-50%)scaleX(1.04)}}@keyframes summon-rune-spin{to{transform:rotate(360deg)}}@keyframes summon-sparks-rise{0%{opacity:0;transform:translate(-50%,24px)scale(.7)}35%,70%{opacity:.9}to{opacity:0;transform:translate(-50%,-82px)scale(1.2)}}.core-visualizer{background:radial-gradient(circle at 48% 48%,#69e7ff17,#0000 42%),linear-gradient(145deg,#0e1722f5,#090a11f5);border:1px solid #69e7ff38;border-radius:19px;min-height:370px;padding:18px;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #69e7ff09}.core-visualizer:before{content:"";opacity:.13;pointer-events:none;background-image:linear-gradient(#69e7ff24 1px,#0000 1px),linear-gradient(90deg,#69e7ff24 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.core-visualizer-heading{z-index:1;justify-content:space-between;align-items:start;gap:12px;display:flex;position:relative}.core-visualizer-heading span{color:var(--cyan);letter-spacing:.2em;font:700 9px/1 ui-monospace,monospace}.core-visualizer-heading h3{margin:6px 0 0;font-size:20px}.core-level-indicator{color:#d9fbff;letter-spacing:.1em;background:#69e7ff12;border:1px solid #69e7ff40;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font:700 9px/1 ui-monospace,monospace;display:inline-flex}.core-level-indicator i{background:#66f5be;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #66f5be}.core-visualizer-grid{z-index:1;grid-template-columns:minmax(0,1.18fr) minmax(124px,.82fr);align-items:center;gap:14px;margin-top:8px;display:grid;position:relative}.core-radar-wrap{min-width:0}.core-radar{filter:drop-shadow(0 0 12px #69e7ff24);width:100%;max-height:222px;display:block}.core-radar-grid{fill:#69e7ff06;stroke:#99e2ff42;stroke-width:1px}.core-radar-grid.inner{fill:none;stroke:#99e2ff24}.core-radar-axis{stroke:#99e2ff2b;stroke-width:1px}.core-radar-value{fill:url(#core-radar-fill);fill-opacity:.28;stroke:#a7f4ff;stroke-width:2px;stroke-linejoin:round;filter:drop-shadow(0 0 7px #69e7ff9e);transform-origin:120px 116px;animation:.85s cubic-bezier(.16,1,.3,1) both radar-materialize}.core-radar-label{letter-spacing:.08em;font:700 10px/1 ui-monospace,monospace}.core-radar-label.physical{fill:#ff957d}.core-radar-label.magic{fill:#a9a2ff}.core-radar-label.defense{fill:#7ce9d3}.core-radar-essence{fill:#f7bc52;letter-spacing:.06em;font:800 9px/1 ui-monospace,monospace}.core-meter-list{gap:16px;display:grid}.core-meter>div:first-child{justify-content:space-between;align-items:baseline;gap:9px;display:flex}.core-meter span{color:var(--muted);letter-spacing:.12em;font:700 8px/1 ui-monospace,monospace}.core-meter strong{font-size:20px}.core-meter.physical strong{color:#ff957d}.core-meter.magic strong{color:#a9a2ff}.core-meter.defense strong{color:#7ce9d3}.core-meter-track{background:#ffffff14;border-radius:99px;height:5px;margin-top:6px;overflow:hidden}.core-meter-track i{border-radius:inherit;transform-origin:0;background:currentColor;height:100%;animation:.85s cubic-bezier(.16,1,.3,1) both core-meter-fill;display:block;box-shadow:0 0 10px}.core-meter.physical{color:#ff957d}.core-meter.magic{color:#a9a2ff}.core-meter.defense{color:#7ce9d3}.core-visualizer .essence-list{z-index:1;margin-top:2px;position:relative}.essence-list{flex-wrap:wrap;gap:7px;margin:17px 0 0;display:flex}.essence-tag{color:#caf7ff;background:#69e7ff14;border:1px solid #69e7ff2e;border-radius:999px;padding:6px 9px;font-size:11px}.essence-tag.locked{color:var(--muted);border-color:var(--line);background:#ffffff09}@keyframes radar-materialize{0%{opacity:0;transform:scale(.2)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes core-meter-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.progression-panel{margin-top:22px;padding:clamp(18px,4vw,36px);overflow:hidden}.progression-heading{justify-content:space-between;align-items:start;gap:20px;display:flex}.progression-heading>div:first-child>span{color:var(--cyan);letter-spacing:.2em;font:800 10px/1 ui-monospace,monospace}.progression-heading h2{margin:8px 0 6px;font-size:clamp(24px,3vw,34px)}.progression-heading p{color:var(--muted);margin:0;font-size:13px}.progression-level{aspect-ratio:1;width:68px;color:var(--gold);background:radial-gradient(circle,#f7bc521f,#0000 70%);border:1px solid #f7bc5261;border-radius:20px;flex:none;place-items:center;font:900 17px/1 ui-monospace,monospace;display:grid;box-shadow:inset 0 0 24px #f7bc520f}.progression-summary{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:12px;margin-top:22px;display:grid}.xp-card{background:#69e7ff0b;border:1px solid #69e7ff2e;border-radius:16px;padding:16px}.xp-card>div:first-child{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.xp-card span,.career-stats span{color:var(--muted);letter-spacing:.12em;font:700 9px/1 ui-monospace,monospace}.xp-card strong{color:#dffcff;font-size:22px}.xp-track{background:#ffffff14;border-radius:99px;height:8px;margin:12px 0 8px;overflow:hidden}.xp-track i{border-radius:inherit;background:linear-gradient(90deg,var(--cyan),#69ffb0,var(--gold));height:100%;transition:width .5s;display:block;box-shadow:0 0 14px #69e7ff80}.xp-card small{color:var(--muted);font-size:11px}.career-stats{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.career-stats>div{border:1px solid var(--line);background:#ffffff09;border-radius:14px;align-content:center;justify-items:center;min-width:0;display:grid}.career-stats strong{margin-top:7px;font-size:20px}.mastery-row{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.mastery-row span{border:1px solid var(--line);color:var(--muted);background:#ffffff06;border-radius:999px;padding:6px 9px;font-size:10px}.level-roadmap{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:22px;display:grid}.level-roadmap article{border:1px solid var(--line);background:#ffffff06;border-radius:15px;min-height:145px;padding:13px;position:relative}.level-roadmap article.current{background:linear-gradient(145deg,#69e7ff1c,#69e7ff06);border-color:#69e7ff73;box-shadow:inset 0 0 28px #69e7ff0b}.level-roadmap article.unlocked{border-color:#66f5be4d}.level-roadmap article.locked{opacity:.48;filter:saturate(.5)}.level-roadmap article>div{justify-content:space-between;align-items:center;gap:6px;display:flex}.level-roadmap b{color:var(--cyan);font:800 10px/1 ui-monospace,monospace}.level-roadmap article>div span{color:var(--muted);font-size:9px}.level-roadmap article>strong{margin-top:13px;font-size:12px;display:block}.level-roadmap article>small{color:var(--gold);margin-top:7px;font-size:9px;line-height:1.4;display:block}.level-roadmap article>p{color:var(--muted);margin:9px 0 0;font-size:10px;line-height:1.45}.evolution-quest{background:radial-gradient(circle at 72% 30%,#f06dff14,#0000 35%),#05070c85;border:1px solid #f06dff33;border-radius:20px;margin-top:24px;overflow:hidden}.evolution-quest.locked{border-color:var(--line)}.quest-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:17px 18px;display:flex}.quest-heading span{color:#f3a9ff;letter-spacing:.14em;font:800 9px/1 ui-monospace,monospace}.quest-heading h3{margin:7px 0 0;font-size:18px}.quest-state{white-space:nowrap;color:#f3a9ff;letter-spacing:.08em;background:#f06dff0f;border:1px solid #f06dff47;border-radius:999px;padding:7px 10px;font:750 9px/1 ui-monospace,monospace}.evolution-quest.locked .quest-state{color:var(--muted);border-color:var(--line)}.quest-locked-copy{text-align:center;padding:28px 20px}.quest-locked-copy strong{font-size:18px}.quest-locked-copy p{max-width:650px;color:var(--muted);margin:10px auto 0;font-size:12px;line-height:1.7}.quest-workspace{grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);min-height:430px;display:grid}.quest-form{border-right:1px solid var(--line);background:#00000029;flex-direction:column;gap:15px;padding:18px;display:flex}.quest-form label>span,.reflection-field>span{color:var(--muted);letter-spacing:.08em;margin:0 0 7px 2px;font-size:10px;font-weight:750;display:block}.quest-form input:not([type=color]),.quest-form select,.reflection-field textarea{border:1px solid var(--line);color:#fff;width:100%;font:inherit;background:#ffffff0e;border-radius:11px;outline:0;padding:11px 12px}.quest-form input:focus,.quest-form select:focus,.reflection-field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #69e7ff12}.quest-form select option{color:#fff;background:#10131a}.color-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.color-fields input[type=color]{border:1px solid var(--line);background:#ffffff0d;border-radius:11px;width:100%;height:44px;padding:4px}.quest-output{min-width:0;padding:18px}.svg-preview{background:radial-gradient(circle,#69e7ff14,#0000 64%),#080b12;border:1px solid #69e7ff29;border-radius:16px;place-items:center;height:210px;display:grid;overflow:hidden}.svg-preview img{object-fit:contain;filter:drop-shadow(0 16px 24px #0000007a);width:min(250px,70%);height:94%}.advice-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:11px;display:grid}.advice-grid>div{border:1px solid var(--line);background:#ffffff06;border-radius:11px;padding:10px}.advice-grid span{color:var(--cyan);letter-spacing:.12em;font:800 8px/1 ui-monospace,monospace}.advice-grid p{color:var(--muted);margin:6px 0 0;font-size:10px;line-height:1.55}.reflection-field{margin-top:12px;display:block}.reflection-field textarea{resize:vertical;min-height:70px}.quest-complete{margin-top:10px}.quest-placeholder{text-align:center;border:1px dashed #ffffff24;border-radius:16px;align-content:center;justify-items:center;height:100%;min-height:350px;display:grid}.quest-placeholder span{color:#f3a9ff;letter-spacing:.16em;font:800 9px/1 ui-monospace,monospace}.quest-placeholder strong{margin-top:10px;font-size:20px}.quest-placeholder p{max-width:340px;color:var(--muted);margin:9px 18px 0;font-size:11px;line-height:1.6}.quest-notice{border-top:1px solid var(--line);color:var(--muted);text-align:center;padding:11px 18px;font-size:11px}.quest-notice.error{color:var(--danger)}.portfolio-list{margin-top:22px}.portfolio-list h3{margin:0 0 11px;font-size:15px}.portfolio-list article{border-top:1px solid var(--line);grid-template-columns:minmax(180px,.4fr) 1fr;align-items:center;gap:14px;padding:11px 13px;display:grid}.portfolio-list article>div{flex-direction:column;gap:4px;display:flex}.portfolio-list article span{color:var(--cyan);font-size:9px}.portfolio-list article p{color:var(--muted);margin:0;font-size:11px}.battle-mode-card{border:1px solid var(--line);background:#07090e80;border-radius:17px;margin-top:18px;overflow:hidden}.battle-mode-heading{justify-content:space-between;align-items:center;gap:18px;padding:15px;display:flex}.battle-mode-heading strong{letter-spacing:.06em;font-size:13px;display:block}.battle-mode-heading span{color:var(--muted);margin-top:4px;font-size:11px;display:block}.mode-tabs{border:1px solid var(--line);background:#00000042;border-radius:11px;flex:none;grid-template-columns:1fr 1fr;padding:4px;display:grid}.mode-tabs button{color:var(--muted);letter-spacing:.08em;background:0 0;border:0;border-radius:8px;padding:8px 11px;font-size:10px;font-weight:800}.mode-tabs button.active{color:#061116;background:var(--cyan);box-shadow:0 4px 16px #69e7ff2e}.online-setup{border-top:1px solid var(--line);padding:15px}.worker-notice{background:#f7bc5212;border:1px solid #f7bc524d;border-radius:12px;flex-direction:column;gap:5px;margin-bottom:13px;padding:11px 12px;display:flex}.worker-notice strong{color:var(--gold);font-size:12px}.worker-notice span{color:var(--muted);font-size:11px;line-height:1.55}.worker-notice code{color:#fff1bd}.room-fields{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:9px;display:grid}.room-fields label{min-width:0}.room-fields label>span{color:var(--muted);letter-spacing:.14em;margin:0 0 6px 2px;font-size:9px;font-weight:800;display:block}.room-fields input{border:1px solid var(--line);color:#fff;letter-spacing:.06em;background:#ffffff0e;border-radius:10px;outline:0;width:100%;min-width:0;padding:10px 11px;font-family:DotGothic16,monospace}.room-fields input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #69e7ff14}.room-refresh{border:1px solid var(--line);width:40px;height:40px;color:var(--cyan);background:#69e7ff12;border-radius:10px;font-size:18px}.online-status{border:1px solid var(--line);background:#ffffff09;border-radius:11px;align-items:center;gap:10px;margin-top:12px;padding:10px 11px;display:flex}.online-status>div{min-width:0}.online-status strong{font-size:11px;display:block}.online-status small{color:var(--muted);margin-top:2px;font-size:10px;line-height:1.45;display:block}.status-dot{background:#747987;border-radius:50%;flex:none;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #7479871a}.online-status.connecting .status-dot,.online-status.waiting .status-dot,.online-status.action-locked .status-dot{background:var(--gold);box-shadow:0 0 0 4px #f7bc521c,0 0 13px #f7bc5273}.online-status.connected .status-dot,.online-status.active .status-dot,.arena-online-state.active .status-dot{background:#66f5be;box-shadow:0 0 0 4px #66f5be1a,0 0 13px #66f5be7a}.online-status.disconnected,.online-status.error{border-color:#ff6d694d}.online-status.disconnected .status-dot,.online-status.error .status-dot,.arena-online-state.disconnected .status-dot,.arena-online-state.error .status-dot{background:var(--danger);box-shadow:0 0 0 4px #ff6d691c}.primary-button,.secondary-button,.action-button{color:#081015;border:0;border-radius:13px;font-weight:800}.primary-button{background:linear-gradient(90deg, var(--cyan), #9cf2d8);width:100%;margin-top:22px;padding:15px 22px;box-shadow:0 12px 32px #69e7ff2e}.secondary-button{color:#fff;border:1px solid var(--line);background:#ffffff17;padding:11px 15px}.status-message{text-align:center;color:var(--muted);margin-top:12px;font-size:12px}.status-message.error{color:var(--danger)}.arena-panel{background:#05070b;min-height:680px;position:relative;overflow:hidden}.arena-stage{height:680px}.arena-stage .arena3d{aspect-ratio:auto;border:0;border-radius:0;height:100%;min-height:100%}.arena-stage .arena3d__pet-label{display:none}.battle-overlay{z-index:4;pointer-events:none;flex-direction:column;justify-content:space-between;padding:20px;display:flex;position:absolute;inset:0}.battle-top{grid-template-columns:1fr auto 1fr;align-items:start;gap:14px;display:grid}.battle-top,.battle-bottom{transition:opacity .42s,transform .42s}.battle-overlay.intro-active .battle-top{opacity:0;transform:translateY(-12px)}.battle-overlay.intro-active .battle-bottom{opacity:0;pointer-events:none;transform:translateY(12px)}.fighter-hud{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05070bbd;border:1px solid #ffffff2e;border-radius:14px;width:100%;max-width:330px;padding:12px 14px}.fighter-hud.right{text-align:right;justify-self:end}.fighter-hud strong{font-size:13px}.hp-track{background:#ffffff1c;border-radius:999px;height:8px;margin-top:8px;overflow:hidden}.hp-fill{border-radius:inherit;background:linear-gradient(90deg,#66f5be,#b7ff7e);height:100%;transition:width .45s}.turn-badge{border:1px solid var(--line);color:var(--gold);background:#05070bb8;border-radius:999px;padding:8px 12px;font-size:11px}.turn-stack{justify-items:center;gap:7px;display:grid}.arena-fullscreen-button{pointer-events:auto;color:#ffffffc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.11em;background:#05070bad;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font:750 8px/1 ui-monospace,monospace;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.arena-fullscreen-button span{color:var(--cyan);font-size:13px}.arena-fullscreen-button:hover{color:#fff;background:#0f212bd6;border-color:#69e7ff99}.arena-fullscreen-button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.arena-online-state{white-space:nowrap;border:1px solid var(--line);color:var(--muted);letter-spacing:.08em;background:#05070bb8;border-radius:999px;align-items:center;gap:6px;padding:5px 8px;font-size:9px;display:inline-flex}.arena-online-state .status-dot{width:5px;height:5px}.battle-bottom{pointer-events:auto;justify-content:center;align-items:end;width:100%;display:flex}.arena-command-deck{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#080d169e,#030509db);border:1px solid #ffffff29;border-radius:20px;width:min(720px,100%);padding:9px;box-shadow:0 18px 50px #00000061,inset 0 1px #ffffff0e}.arena-command-heading{align-items:center;gap:14px;min-height:25px;padding:0 8px 7px;display:flex}.arena-command-heading>span{color:var(--cyan);letter-spacing:.16em;flex:none;font:800 9px/1 ui-monospace,monospace}.arena-command-heading p{color:#ffffffa8;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:10px;overflow:hidden}.action-bar{grid-template-columns:repeat(3,minmax(120px,1fr));gap:9px;width:100%;display:grid}.action-button{color:#fff;background:linear-gradient(145deg,#ffffff21,#ffffff0b);border:1px solid #ffffff29;min-height:64px;padding:10px;box-shadow:inset 0 1px #ffffff0d,0 8px 24px #00000038}.action-button span{margin-bottom:3px;font-size:18px;display:block}.action-button small{color:var(--muted);font-weight:500}.action-button.physical:hover{background:#ff957d24;border-color:#ff957d}.action-button.magic:hover{background:#a9a2ff24;border-color:#a9a2ff}.action-button.defense:hover{background:#7ce9d324;border-color:#7ce9d3}:is(.arena-panel:fullscreen,.arena-panel.is-fullscreen){background:#05070b;border:0;border-radius:0;width:100vw;height:100vh;min-height:100vh}:is(.arena-panel:fullscreen .arena-stage,.arena-panel.is-fullscreen .arena-stage){height:100vh}:is(.arena-panel:fullscreen .battle-overlay,.arena-panel.is-fullscreen .battle-overlay){padding:clamp(20px,3vw,40px)}:is(.arena-panel:fullscreen .arena-command-deck,.arena-panel.is-fullscreen .arena-command-deck){width:min(820px,78vw)}.result-card{z-index:7;text-align:center;background:#0a0b10f0;border:1px solid #f7bc5259;border-radius:22px;width:min(560px,100% - 36px);padding:30px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 25px 100px #000}.result-card .trophy{font-size:48px}.result-card h2{margin:8px 0;font-size:32px}.result-card p{color:var(--muted);line-height:1.65}.result-xp-line,.result-level-line{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.result-xp-line strong{color:var(--gold);font-size:22px}.result-xp-line span,.result-level-line{color:var(--muted);font-size:10px}.result-level-line{margin-top:12px}.result-level-line span{color:var(--cyan);font-weight:800}.result-level-line b{color:#fff}.result-xp-track{background:#ffffff17;border-radius:99px;height:7px;margin-top:7px;overflow:hidden}.result-xp-track i{border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--gold));height:100%;display:block}.result-actions{justify-content:center;gap:9px;margin-top:20px;display:flex}.connection-banner{z-index:7;text-align:center;background:#0f080cf0;border:1px solid #ff6d696b;border-radius:18px;justify-items:center;gap:8px;width:min(520px,100% - 36px);padding:22px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 24px 80px #0000009e}.connection-banner strong{color:var(--danger);letter-spacing:.12em;font-size:13px}.connection-banner span{color:var(--muted);font-size:12px;line-height:1.55}.connection-banner button{border:1px solid var(--line);color:#fff;background:#ffffff14;border-radius:10px;padding:9px 12px;font-weight:700}.footer-note{text-align:center;color:var(--muted);margin-top:25px;font-size:11px}html[data-theme=light] .app-shell{background:radial-gradient(circle at 15% 10%,#14afcd24,#0000 25rem),radial-gradient(circle at 88% 32%,#b848c91a,#0000 29rem),linear-gradient(#f8fbfd 0%,#eaf1f6 68%,#e5edf3 100%)}html[data-theme=light] .panel{box-shadow:0 24px 70px #26405524}html[data-theme=light] .hero-copy h1 span{background-image:linear-gradient(90deg,#058aa4,#21384b,#a23bb1)}html[data-theme=light] .runtime-pill{color:#14744f;background:#199b6614;border-color:#199b663d}html[data-theme=light] .runtime-pill.connected{color:#0b7088;background:#14afcd14}html[data-theme=light] .level-pill,html[data-theme=light] .progression-level{color:#8b5c00}html[data-theme=light] .xp-card strong{color:#164a59}html[data-theme=light] .career-stats>div,html[data-theme=light] .mastery-row span,html[data-theme=light] .level-roadmap article{background:#24435a09}html[data-theme=light] .secondary-button{color:#172333;background:#19304612}html[data-theme=light] .room-fields input{color:#172333;background:#1930460e}html[data-theme=light] .worker-notice code{color:#805900}html[data-theme=light] .core-visualizer,html[data-theme=light] .pet-card,html[data-theme=light] .evolution-quest,html[data-theme=light] .arena-panel,html[data-theme=light] .result-card,html[data-theme=light] .connection-banner{color:#f8f6ef}html[data-theme=light] .core-visualizer .secondary-button,html[data-theme=light] .pet-card .secondary-button,html[data-theme=light] .evolution-quest .secondary-button,html[data-theme=light] .arena-panel .secondary-button,html[data-theme=light] .result-card .secondary-button{color:#fff;background:#ffffff17}html[data-theme=light] .evolution-quest{background:radial-gradient(circle at 72% 30%,#f06dff1a,#0000 35%),#10131b}html[data-theme=light] .quest-form input:not([type=color]),html[data-theme=light] .quest-form select,html[data-theme=light] .reflection-field textarea{color:#fff}html[data-theme=light] .footer-note{color:#5a6b7d}@media (width<=760px){.site-header{min-height:66px}.build-badge{display:none}.header-actions{gap:5px}.display-toggle{padding:0 8px;font-size:0}.display-toggle span{font-size:14px}.app-main{padding-top:34px}.summon-grid{grid-template-columns:1fr}.core-visualizer{min-height:340px}.panel-heading{flex-direction:column;align-items:start}.runtime-badges{justify-content:start}.progression-heading{align-items:center}.progression-summary{grid-template-columns:1fr}.career-stats{min-height:82px}.level-roadmap{grid-template-columns:repeat(5,minmax(150px,1fr));padding-bottom:6px;overflow-x:auto}.quest-heading{flex-direction:column;align-items:start}.quest-workspace{grid-template-columns:1fr}.quest-form{border-right:0;border-bottom:1px solid var(--line)}.advice-grid{grid-template-columns:1fr}.portfolio-list article{grid-template-columns:1fr;gap:7px}.battle-mode-heading{flex-direction:column;align-items:stretch}.mode-tabs{width:100%}.room-fields{grid-template-columns:minmax(0,1fr) auto}.room-fields label:last-child{grid-column:1/-1}.pet-card{min-height:310px}.arena-panel,.arena-stage{height:620px;min-height:620px}.battle-top{grid-template-columns:1fr 1fr}.turn-stack{position:absolute;top:84px;left:50%;transform:translate(-50%)}.fighter-hud{min-width:0}.arena-fullscreen-button{padding:6px 8px;font-size:0}.arena-fullscreen-button span{font-size:14px}.arena-command-deck{padding:7px}.arena-command-heading{display:none}.action-bar{grid-template-columns:repeat(3,1fr)}.action-button{min-width:0;padding:11px 4px}.action-button small{display:none}}