:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.main-menu{background:#080810;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.main-menu__bg{pointer-events:none;position:absolute;inset:0}.main-menu__stars{opacity:.7;background-image:radial-gradient(1.5px 1.5px at 8% 8%,#fff 0%,#0000 100%),radial-gradient(1px 1px at 22% 15%,#fff 0%,#0000 100%),radial-gradient(1.2px 1.2px at 47% 6%,#fff 0%,#0000 100%),radial-gradient(1.8px 1.8px at 63% 12%,#fff 0%,#0000 100%),radial-gradient(1px 1px at 78% 5%,#fff 0%,#0000 100%),radial-gradient(1.3px 1.3px at 91% 18%,#fff 0%,#0000 100%),radial-gradient(.8px .8px at 15% 28%,#fff 0%,#0000 100%),radial-gradient(1.1px 1.1px at 35% 22%,#fff 0%,#0000 100%),radial-gradient(1.4px 1.4px at 55% 30%,#fff 0%,#0000 100%),radial-gradient(.9px .9px at 85% 35%,#fff 0%,#0000 100%);position:absolute;inset:0}.main-menu__mountains{clip-path:polygon(0% 100%,0% 60%,8% 40%,16% 55%,24% 30%,34% 50%,42% 25%,52% 42%,60% 18%,70% 38%,78% 22%,88% 40%,96% 28%,100% 45%,100% 100%);background:linear-gradient(#0000 0%,#111128 100%);height:45%;position:absolute;bottom:0;left:0;right:0}.main-menu__content{z-index:1;flex-direction:column;align-items:center;gap:0;padding:40px;display:flex;position:relative}.main-menu__logo-area{text-align:center;padding:20px 60px;position:relative}.main-menu__title{color:#f4c542;letter-spacing:6px;text-shadow:0 0 40px #f4c5424d;margin:0;font-family:Georgia,Times New Roman,serif;font-size:3.8rem;font-weight:700}.main-menu__subtitle{color:#d4a830;letter-spacing:10px;margin:12px 0 0;font-family:Georgia,Times New Roman,serif;font-size:2.2rem;font-weight:700}.main-menu__divider{align-items:center;gap:12px;width:280px;margin:16px auto;display:flex}.main-menu__divider-line{opacity:.6;background:#7b3ff7;flex:1;height:1px}.main-menu__divider-gem{background:#7b3ff7;border-radius:50%;width:8px;height:8px}.main-menu__tagline{color:#6a5a8a;letter-spacing:2px;margin:10px 0 0;font-family:Georgia,serif;font-size:.85rem}.main-menu__corner{width:24px;height:24px;position:absolute}.main-menu__corner.tl{border-top:1.5px solid #3a2a5a;border-left:1.5px solid #3a2a5a;top:0;left:0}.main-menu__corner.tr{border-top:1.5px solid #3a2a5a;border-right:1.5px solid #3a2a5a;top:0;right:0}.main-menu__corner.bl{border-bottom:1.5px solid #3a2a5a;border-left:1.5px solid #3a2a5a;bottom:10px;left:0}.main-menu__corner.br{border-bottom:1.5px solid #3a2a5a;border-right:1.5px solid #3a2a5a;bottom:10px;right:0}.main-menu__sword{filter:drop-shadow(0 0 20px #7b3ff766);margin:-10px 0}.main-menu__buttons{flex-direction:column;align-items:center;gap:12px;margin-top:8px;display:flex}.main-menu__btn-start{color:#1a0a2e;letter-spacing:2px;cursor:pointer;background:#f4c542;border:none;border-radius:6px;min-width:240px;padding:14px 50px;font-family:Georgia,serif;font-size:1rem;font-weight:700;transition:all .2s}.main-menu__btn-start:hover{background:#ffd966;transform:translateY(-2px);box-shadow:0 4px 20px #f4c5424d}.main-menu__btn-exit{color:#6a5a8a;letter-spacing:2px;cursor:pointer;background:0 0;border:1px solid #3a2a5a;border-radius:6px;min-width:240px;padding:10px 50px;font-family:Georgia,serif;font-size:.9rem;transition:all .2s}.main-menu__btn-exit:hover{color:#9a8aba;border-color:#6a5a9a}.move-manager-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.move-manager{background:#16213e;border:2px solid #2a2a4a;border-radius:16px;flex-direction:column;gap:20px;width:90%;max-width:700px;max-height:80vh;padding:24px;display:flex;overflow-y:auto}.move-manager__header{justify-content:space-between;align-items:center;display:flex}.move-manager__header h2{color:#f4c542;font-size:1.5rem}.move-manager__close{color:#a0a0b0;background:0 0;border:1px solid #a0a0b0;border-radius:6px;padding:4px 10px;font-size:1.2rem}.move-manager__hint{color:#a0a0b0;font-size:.9rem}.move-manager__section h3{color:#a0a0b0;margin-bottom:12px;font-size:1rem}.move-manager__moves{flex-wrap:wrap;gap:12px;display:flex}.move-card{cursor:pointer;background:#0f0e17;border:2px solid #2a2a4a;border-radius:10px;flex-direction:column;gap:4px;width:160px;padding:12px;transition:all .2s;display:flex}.move-card:hover:not(.disabled){border-color:#f4c542;transform:translateY(-2px)}.move-card.equipped{background:#0d1f0d;border-color:#4caf50}.move-card.disabled{opacity:.4;cursor:not-allowed}.move-card__name{color:#eaeaea;font-size:.95rem;font-weight:700}.move-card__type{color:#a0a0b0;text-transform:uppercase;font-size:.75rem}.move-card__desc{color:#888;margin-top:4px;font-size:.8rem}.move-card__badge{color:#4caf50;margin-top:6px;font-size:.75rem;font-weight:700}.move-card__unequip{color:#e05252;margin-top:4px;font-size:.7rem}.map{color:#eaeaea;background:#0a0a16;flex-direction:column;min-height:100vh;font-family:Georgia,serif;display:flex}.map-topbar{background:#0d0d1e;border-bottom:1px solid #2a2040;flex-wrap:wrap;align-items:center;gap:20px;padding:10px 24px;display:flex}.map-topbar-name{color:#f4c542;letter-spacing:1px;margin-right:8px;font-size:15px;font-weight:700}.map-topbar-stat{color:#888;align-items:center;gap:5px;font-size:13px;display:flex}.map-topbar-stat span{color:#fff;font-weight:700}.map-topbar-xp{align-items:center;gap:8px;margin-left:auto;display:flex}.map-topbar-xp-label{color:#666;font-size:11px}.map-xp-bar{background:#2a2040;border-radius:10px;width:100px;height:7px;overflow:hidden}.map-xp-fill{background:#7b3ff7;border-radius:10px;height:100%;transition:width .4s}.map-body{flex:1;display:flex}.map-path-area{flex-direction:column;flex:1;align-items:center;gap:0;padding:40px 20px;display:flex}.map-node-row{flex-direction:column;align-items:center;display:flex}.map-connector{background:repeating-linear-gradient(#3a2a5a 0 6px,#0000 6px 12px);width:2px;height:44px}.map-node{background:#12101e;border:2px solid #2a2040;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:76px;height:76px;transition:all .2s;display:flex;position:relative}.map-node.current{cursor:pointer;background:#1a1408;border-color:#f4c542;animation:2s infinite map-pulse}.map-node.current:hover{transform:scale(1.08)}.map-node.defeated{opacity:.55;background:#0d1a0d;border-color:#2a4a2a}.map-node.locked{opacity:.3;cursor:not-allowed;border-color:#1a1830}@keyframes map-pulse{0%,to{box-shadow:0 0 14px #f4c5424d}50%{box-shadow:0 0 26px #f4c54299}}.map-node-icon{font-size:24px;line-height:1}.map-node-name{color:#888;letter-spacing:.5px;text-align:center;max-width:68px;margin-top:3px;font-size:9px}.map-node.current .map-node-name{color:#f4c542}.map-node-check{color:#4caf50;background:#1a3a1a;border:1px solid #2a5a2a;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:flex;position:absolute;top:-4px;right:-4px}.map-step-label{color:#3a2a5a;letter-spacing:1px;margin-top:5px;font-size:10px}.map-sidebar{background:#0d0d1e;border-left:1px solid #1a1830;flex-direction:column;justify-content:space-between;width:200px;padding:24px 16px;display:flex}.map-sidebar-section{flex-direction:column;gap:6px;display:flex}.map-sidebar-title{color:#4a3a6a;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-size:10px}.map-move-badge{color:#ccc;background:#12101e;border:1px solid #2a2040;border-radius:6px;justify-content:space-between;align-items:center;padding:7px 10px;font-size:11px;display:flex}.move-type-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.move-type-dot.physical{background:#c87941}.move-type-dot.magic{background:#9b41c8}.move-type-dot.none{background:#4182c8}.map-no-moves{color:#3a2a5a;font-size:11px;font-style:italic}.map-sidebar-buttons{flex-direction:column;gap:8px;display:flex}.map-btn-primary{color:#1a0a2e;cursor:pointer;letter-spacing:1px;background:#f4c542;border:none;border-radius:6px;width:100%;padding:11px;font-family:Georgia,serif;font-size:13px;font-weight:700;transition:all .2s}.map-btn-primary:hover{background:#ffd966;transform:translateY(-1px)}.map-btn-secondary{color:#6a5a8a;cursor:pointer;background:0 0;border:1px solid #2a2040;border-radius:6px;width:100%;padding:10px;font-family:Georgia,serif;font-size:12px;transition:all .2s}.map-btn-secondary:hover{color:#9a8aba;border-color:#4a3a6a}.map-victory{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.map-victory-icon{font-size:4rem}.map-victory h2{color:#f4c542;margin:0;font-size:2rem}.map-victory p{color:#888;margin:0}.battle{color:#eaeaea;flex-direction:column;min-height:100vh;font-family:Georgia,serif;display:flex;position:relative;overflow:hidden}.battle__bg{z-index:0;position:absolute;inset:0}.battle__bg>*{width:100%;height:100%}.battle__arena{z-index:1;background:linear-gradient(#0000 60%,#080810f2 100%);justify-content:space-around;align-items:flex-end;min-height:320px;padding:60px 40px 24px;display:flex;position:relative}.battle__combatant{flex-direction:column;align-items:center;gap:8px;width:200px;display:flex}.battle__name-tag{letter-spacing:1px;background:#00000080;border-radius:10px;padding:3px 10px;font-size:.85rem;font-weight:700}.battle__name-tag.enemy{color:#e05252;border:1px solid #e0525240}.battle__name-tag.hero{color:#4caf50;border:1px solid #4caf5040}.battle__sprite-wrap{justify-content:center;align-items:center;width:128px;height:128px;display:flex;position:relative}.battle__sprite-img{width:128px;height:128px;image-rendering:pixelated;filter:drop-shadow(0 4px 12px #000c)}.monster-facing{transform:scaleX(-1)}.battle__sprite-fallback{font-size:4rem}.attack{animation:.35s anim-attack}.hit{animation:.35s anim-hit}.buff{animation:.4s anim-buff}.heal{animation:.4s anim-heal}@keyframes anim-attack{0%{transform:translate(0)}40%{transform:translate(30px)}to{transform:translate(0)}}@keyframes anim-hit{0%,to{filter:brightness();transform:translate(0)}20%{filter:brightness(3)saturate(0);transform:translate(-8px)}50%{filter:brightness(2)hue-rotate(330deg);transform:translate(6px)}}@keyframes anim-buff{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.5)hue-rotate(60deg);transform:scale(1.12)}}@keyframes anim-heal{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.4)hue-rotate(90deg);transform:scale(1.08)}}.battle__float{pointer-events:none;z-index:10;font-size:1.4rem;font-weight:700;animation:.9s forwards float-up;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.battle__float.damage{color:#f44;text-shadow:0 0 8px #ff000080}.battle__float.heal{color:#4f8;text-shadow:0 0 8px #00ff4480}@keyframes float-up{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-50px)}}.battle__vs{color:#f4c542;letter-spacing:3px;text-shadow:0 0 10px #f4c54299;opacity:.9;padding-bottom:40px;font-size:1.2rem;font-weight:700}.hp-bar{background:#1a1a2a;border:1px solid #2a2a3a;border-radius:20px;width:100%;height:20px;position:relative;overflow:hidden}.hp-bar__fill{border-radius:20px;height:100%;transition:width .4s,background .4s}.hp-bar__text{color:#fff;white-space:nowrap;font-size:.7rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.battle__mini-stats{color:#666;font-size:.72rem}.battle__effects{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.effect-badge{border-radius:10px;padding:2px 7px;font-size:.65rem;font-weight:700}.effect-badge.buff{color:#4caf50;background:#0d3320}.effect-badge.debuff{color:#e05252;background:#3a0d0d}.battle__log{z-index:1;background:#080810e6;border-top:1px solid #1a1830;border-bottom:1px solid #1a1830;flex-direction:column;gap:3px;min-height:80px;padding:10px 20px;display:flex;position:relative}.battle__log-entry{color:#555;font-size:.82rem}.battle__log-entry.latest{color:#f4c542;font-weight:700}.battle__phase{z-index:1;text-align:center;color:#6a5a8a;letter-spacing:1px;background:#080810f2;padding:6px;font-size:.8rem;font-style:italic;position:relative}.battle__moves{z-index:1;background:#080810f7;padding:16px 20px;position:relative}.battle__moves-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.battle__move-wrapper{position:relative}.move-btn{cursor:pointer;border:2px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:4px;width:100%;padding:12px;transition:all .2s;display:flex}.move-btn--physical{color:#f4a442;background:#1e0f00;border-color:#c87941}.move-btn--magic{color:#c884f4;background:#12001e;border-color:#9b41c8}.move-btn--none{color:#84c4f4;background:#001220;border-color:#4182c8}.move-btn:hover:not(:disabled){filter:brightness(1.25);transform:translateY(-2px)}.move-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.move-btn__name{font-family:Georgia,serif;font-size:.95rem;font-weight:700}.move-btn__meta{opacity:.7;font-size:.68rem}.move-tooltip{z-index:50;pointer-events:none;background:#0d0d1e;border:1px solid #3a2a5a;border-radius:8px;width:180px;padding:10px 14px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 20px #000c}.move-tooltip__name{color:#f4c542;margin-bottom:4px;font-size:.85rem;font-weight:700}.move-tooltip__desc{color:#aaa;margin-bottom:4px;font-size:.78rem;line-height:1.4}.move-tooltip__effect{color:#7b3ff7;text-transform:capitalize;font-size:.7rem}.battle__retreat{z-index:1;color:#f7f7f7;cursor:pointer;background:#74740b;border:1px solid #4a3a6a;border-radius:6px;align-self:flex-start;margin:4px 0 8px 20px;padding:10px 20px;font-family:Georgia,serif;font-size:.85rem;transition:all .2s;position:relative}.battle__retreat:hover{color:#eaeaea;background:#4a3a6a4d;border-color:#8a7aaa}.lu-overlay{z-index:100;color:#eaeaea;background:#000000d9;justify-content:center;align-items:center;padding:24px;font-family:Georgia,serif;display:flex;position:fixed;inset:0}.lu-card{background:#0d0d1e;border:1px solid #2a2040;border-radius:16px;width:100%;max-width:420px;overflow:hidden}.lu-header{text-align:center;background:#0a0818;border-bottom:1px solid #2a2040;padding:20px 24px}.lu-header-icon{margin-bottom:6px;font-size:2.2rem;display:block}.lu-header h2{color:#f4c542;letter-spacing:3px;margin:0;font-size:1.6rem}.lu-header p{color:#6a5a8a;letter-spacing:1px;margin-top:4px;font-size:.8rem}.lu-section{border-bottom:1px solid #1a1830;padding:16px 24px}.lu-section-title{color:#4a3a6a;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;font-size:.7rem}.lu-choices{flex-direction:column;gap:10px;display:flex}.lu-choice{cursor:pointer;background:#0a0818;border:2px solid #2a2040;border-radius:10px;align-items:center;gap:14px;padding:14px 16px;transition:all .2s;display:flex}.lu-choice:hover{background:#1a1408;border-color:#f4c542;transform:translate(4px)}.lu-choice.selected{background:#1a1408;border-color:#f4c542}.lu-choice-icon{text-align:center;width:36px;font-size:1.6rem}.lu-choice-info{flex:1}.lu-choice-name{color:#eaeaea;font-size:.95rem;font-weight:700}.lu-choice-desc{color:#666;margin-top:2px;font-size:.78rem}.lu-choice-value{color:#4caf50;white-space:nowrap;font-size:1.1rem;font-weight:700}.lu-buttons{padding:16px 24px 20px}.lu-btn{color:#1a0a2e;cursor:pointer;letter-spacing:1px;opacity:.4;background:#f4c542;border:none;border-radius:8px;width:100%;padding:12px;font-family:Georgia,serif;font-size:.95rem;font-weight:700;transition:all .2s}.lu-btn.active{opacity:1}.lu-btn.active:hover{background:#ffd966;transform:translateY(-1px)}.pb{color:#eaeaea;background:#080810;justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:Georgia,serif;display:flex}.pb-card{background:#0d0d1e;border:1px solid #2a2040;border-radius:16px;width:100%;max-width:480px;overflow:hidden}.pb-header{text-align:center;background:#0a0818;border-bottom:1px solid #2a2040;padding:28px 24px;position:relative}.pb-header-icon{margin-bottom:8px;font-size:2.8rem;display:block}.pb-header h2{letter-spacing:3px;margin:0;font-size:2rem}.pb-header.win h2{color:#f4c542}.pb-header.lose h2{color:#e05252}.pb-header.victory h2{color:#f4c542}.pb-header p{color:#6a5a8a;letter-spacing:1px;margin-top:6px;font-size:.82rem}.pb-corner{width:18px;height:18px;position:absolute}.pb-corner.tl{border-top:1px solid #3a2a5a;border-left:1px solid #3a2a5a;top:12px;left:12px}.pb-corner.tr{border-top:1px solid #3a2a5a;border-right:1px solid #3a2a5a;top:12px;right:12px}.pb-section{border-bottom:1px solid #1a1830;padding:16px 24px}.pb-section-title{color:#4a3a6a;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;font-size:.7rem}.pb-xp-row{color:#aaa;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem;display:flex}.pb-xp-level{color:#7b3ff7;font-weight:700}.pb-xp-bar{background:#1a1830;border-radius:10px;height:10px;overflow:hidden}.pb-xp-fill{background:#7b3ff7;border-radius:10px;height:100%;transition:width .8s}.pb-xp-sub{text-align:right;color:#3a2a5a;margin-top:4px;font-size:.7rem}.pb-move{border-radius:10px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.pb-move--physical{background:#1e0f00;border:2px solid #c87941}.pb-move--magic{background:#12001e;border:2px solid #9b41c8}.pb-move--none{background:#001220;border:2px solid #4182c8}.pb-move-header{justify-content:space-between;align-items:center;display:flex}.pb-move-name{color:#eaeaea;font-size:1rem;font-weight:700}.pb-move-type{text-transform:uppercase;letter-spacing:1px;color:#9b41c8;font-size:.7rem}.pb-move--physical .pb-move-type{color:#c87941}.pb-move--none .pb-move-type{color:#4182c8}.pb-move-desc{color:#888;margin-top:4px;font-size:.8rem;line-height:1.4}.pb-move-hint{color:#3a2a5a;margin-top:6px;font-size:.7rem;font-style:italic}.pb-stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pb-stat{background:#0a0818;border:1px solid #1a1830;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.pb-stat-label{color:#555;font-size:.78rem}.pb-stat-val{color:#eaeaea;font-size:.9rem;font-weight:700}.pb-buttons{flex-direction:column;gap:10px;padding:16px 24px 24px;display:flex}.pb-btn-primary{color:#1a0a2e;cursor:pointer;letter-spacing:1px;background:#f4c542;border:none;border-radius:8px;width:100%;padding:13px;font-family:Georgia,serif;font-size:.95rem;font-weight:700;transition:all .2s}.pb-btn-primary:hover{background:#ffd966;transform:translateY(-1px)}.pb-btn-secondary{color:#6a5a8a;cursor:pointer;background:0 0;border:1px solid #2a2040;border-radius:8px;width:100%;padding:11px;font-family:Georgia,serif;font-size:.85rem;transition:all .2s}.pb-btn-secondary:hover{color:#9a8aba;border-color:#4a3a6a}.cs{color:#eaeaea;background:#060810;justify-content:center;align-items:center;min-height:100vh;font-family:Georgia,serif;display:flex;position:relative;overflow:hidden}.cs__bg{pointer-events:none;background:radial-gradient(at 20%,#0d0820 0%,#0000 60%),radial-gradient(at 80%,#0d0820 0%,#0000 60%),radial-gradient(at 50% 100%,#1a0a2e 0%,#0000 60%);position:absolute;inset:0}.cs__bg:after{content:"";opacity:.5;background-image:radial-gradient(1.2px 1.2px at 10% 10%,#fff 0%,#0000 100%),radial-gradient(1px 1px at 25% 20%,#fff 0%,#0000 100%),radial-gradient(1.4px 1.4px at 40% 8%,#fff 0%,#0000 100%),radial-gradient(.8px .8px at 60% 15%,#fff 0%,#0000 100%),radial-gradient(1.2px 1.2px at 75% 5%,#fff 0%,#0000 100%),radial-gradient(1px 1px at 90% 18%,#fff 0%,#0000 100%),radial-gradient(.9px .9px at 15% 35%,#fff 0%,#0000 100%),radial-gradient(1.1px 1.1px at 85% 30%,#fff 0%,#0000 100%);position:absolute;inset:0}.cs__content{z-index:1;flex-direction:column;align-items:center;gap:40px;width:100%;max-width:900px;padding:40px 24px;display:flex;position:relative}.cs__header{text-align:center;padding:16px 60px;position:relative}.cs__subtitle{color:#6a5a8a;letter-spacing:3px;margin:0 0 8px;font-size:.85rem}.cs__title{color:#f4c542;letter-spacing:6px;text-shadow:0 0 30px #f4c54233;word-break:break-word;margin:0;font-size:2.8rem;line-height:1.3}.cs__corner{width:20px;height:20px;position:absolute}.cs__corner.tl{border-top:1px solid #3a2a5a;border-left:1px solid #3a2a5a;top:0;left:0}.cs__corner.tr{border-top:1px solid #3a2a5a;border-right:1px solid #3a2a5a;top:0;right:0}.cs__heroes{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.cs__hero-card{cursor:pointer;flex-direction:column;align-items:center;gap:14px;transition:transform .2s;display:flex;position:relative}.cs__hero-card:hover{transform:translateY(-8px)}.cs__hero-card.selected{transform:translateY(-12px)}.cs__hero-pedestal{justify-content:center;align-items:flex-end;width:120px;height:140px;display:flex;position:relative}.cs__hero-glow{filter:blur(8px);opacity:0;border-radius:50%;width:100px;height:20px;transition:opacity .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.cs__hero-card.selected .cs__hero-glow,.cs__hero-card:hover .cs__hero-glow{opacity:1}.glow--hero1{background:#48f}.glow--hero2{background:#4c4}.glow--hero3{background:#4ca}.glow--hero4{background:#c4a}.glow--hero5{background:#f4c542}.cs__hero-pedestal:after{content:"";background:#1a1830;border:1px solid #2a2040;border-radius:50%;width:90px;height:14px;transition:border-color .2s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.cs__hero-card.selected .cs__hero-pedestal:after{background:#2a2010;border-color:#f4c542}.cs__hero-sprite{width:100px;height:100px;image-rendering:pixelated;z-index:1;filter:drop-shadow(0 4px 12px #000c);transition:filter .2s;position:relative}.cs__hero-card.selected .cs__hero-sprite{filter:drop-shadow(0 0 12px #f4c54280)}.cs__hero-name{letter-spacing:2px;text-transform:uppercase;color:#888;font-size:.85rem;transition:color .2s}.cs__hero-card.selected .cs__hero-name{color:#f4c542}.cs__hero-card:hover .cs__hero-name{color:#ccc}.cs__hero-selected-badge{color:#1a0a2e;background:#f4c542;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-8px;right:-8px}.cs__footer{flex-direction:column;align-items:center;gap:16px;display:flex}.cs__selected-info{align-items:center;gap:8px;font-size:.9rem;display:flex}.cs__selected-label{color:#6a5a8a}.cs__selected-name{color:#f4c542;letter-spacing:1px;font-weight:700}.cs__hint{color:#3a2a5a;font-size:.85rem;font-style:italic}.cs__buttons{gap:12px;display:flex}.cs__btn-confirm{color:#1a0a2e;cursor:pointer;letter-spacing:2px;background:#f4c542;border:none;border-radius:8px;padding:13px 40px;font-family:Georgia,serif;font-size:1rem;font-weight:700;transition:all .2s}.cs__btn-confirm:hover:not(:disabled){background:#ffd966;transform:translateY(-2px)}.cs__btn-confirm:disabled{opacity:.3;cursor:not-allowed;transform:none}.cs__btn-back{color:#6a5a8a;cursor:pointer;background:0 0;border:1px solid #2a2040;border-radius:8px;padding:13px 24px;font-family:Georgia,serif;font-size:.9rem;transition:all .2s}.cs__btn-back:hover{color:#9a8aba;border-color:#4a3a6a}.loading{color:#eaeaea;z-index:999;background:#080810;justify-content:center;align-items:center;font-family:Georgia,serif;display:flex;position:fixed;inset:0}.loading__bg{pointer-events:none;background:radial-gradient(at 50% 100%,#1a0a2e 0%,#0000 60%),radial-gradient(at 50% 0,#0d0820 0%,#0000 60%);position:absolute;inset:0}.loading__content{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:40px;display:flex;position:relative}.loading__sword{font-size:3rem;animation:2s ease-in-out infinite loading-float}@keyframes loading-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.loading__title{color:#f4c542;letter-spacing:4px;text-shadow:0 0 30px #f4c54233;margin:0;font-size:2rem}.loading__spinner{border:3px solid #2a2040;border-top-color:#7b3ff7;border-radius:50%;width:48px;height:48px;animation:1s linear infinite loading-spin}@keyframes loading-spin{to{transform:rotate(360deg)}}.loading__message{color:#a0a0b0;letter-spacing:1px;min-height:1.5rem;font-size:1rem}.loading__hint{color:#3a2a5a;font-size:.75rem;font-style:italic}*{box-sizing:border-box;margin:0;padding:0}body{color:#eaeaea;background-color:#1a1a2e;min-height:100vh;font-family:Segoe UI,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}button{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:1rem;transition:all .2s}button:hover{opacity:.85;transform:translateY(-1px)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}