:root{--bg:#050a14;--bg-2:#081120;--panel:#0d1b2eb8;--panel-border:#16294a;--line:#1c3053;--text:#d9e6ff;--text-dim:#7e96bd;--cyan:#3ddad7;--cyan-bright:#7ef3ef;--blue:#4f7cff;--violet:#b34cff;--gold:#ffd24f;--red:#ff4f7b;--ok:#3ddad7;--font-mono:"SFMono-Regular", ui-monospace, "JetBrains Mono", Menlo, monospace;--radius:14px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:radial-gradient(1200px 700px at 50% -10%, #0a1c38 0%, var(--bg) 55%) var(--bg);color:var(--text);min-height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}button{font:inherit;cursor:pointer}.setup-screen,.loading-screen,.onboarding{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;padding:24px;display:flex}.setup-screen p,.loading-screen p{max-width:560px;color:var(--text-dim);line-height:1.6}.setup-screen code{border:1px solid var(--line);color:var(--cyan-bright);background:#0c1a30;border-radius:6px;padding:2px 6px}.system-brand{font-family:var(--font-mono);letter-spacing:.45em;color:var(--cyan);text-shadow:0 0 18px #3ddad7a6;font-weight:700}.system-brand.small{font-size:13px}.brand-glyph{color:var(--cyan-bright)}.onboarding h1{letter-spacing:-.02em;background:linear-gradient(120deg, #fff 10%, var(--cyan-bright) 90%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(32px,6vw,56px);line-height:1.05}.onboarding .lead{max-width:520px;color:var(--text-dim);font-size:17px;line-height:1.6}.name-form{gap:10px;width:min(480px,100%);margin-top:14px;display:flex}.name-form input{border:1px solid var(--line);color:var(--text);background:#0b1830;border-radius:10px;outline:none;flex:1;padding:12px 14px;font-size:16px;transition:border-color .15s}.name-form input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #3ddad72e}.name-form button,.primary-btn{background:linear-gradient(135deg, var(--cyan), #1f9fae);color:#04222a;border:none;border-radius:10px;padding:12px 18px;font-weight:700;transition:transform .12s,box-shadow .15s;box-shadow:0 4px 20px #3ddad740}.name-form button:hover:not(:disabled),.primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 26px #3ddad766}.name-form button:disabled,.primary-btn:disabled{opacity:.45;cursor:not-allowed}.hint{color:var(--text-dim);opacity:.7;font-size:13px}.app{max-width:980px;margin:0 auto;padding:18px 18px 40px}.topbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 0 16px;display:flex}.brand{font-family:var(--font-mono);letter-spacing:.3em;color:var(--cyan);text-shadow:0 0 14px #3ddad780;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.player-chip{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;align-items:center;gap:10px;padding:8px 14px;display:flex}.player-name{font-weight:700}.level-badge{font-family:var(--font-mono);color:var(--cyan-bright);background:#3ddad724;border:1px solid #3ddad759;border-radius:8px;padding:2px 8px;font-size:13px}.xp-track{border:1px solid var(--line);background:#0b1830;border-radius:99px;width:150px;height:8px;overflow:hidden}.xp-fill{background:linear-gradient(90deg, var(--cyan), var(--cyan-bright));height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);box-shadow:0 0 10px #3ddad7b3}.xp-nums{font-family:var(--font-mono);color:var(--text-dim);font-size:12px}.head-meta{align-items:center;gap:10px;margin-left:auto;display:flex}.streak{font-family:var(--font-mono);color:var(--gold);font-size:14px}.party-chip{font-family:var(--font-mono);border:1px solid var(--line);color:var(--text-dim);border-radius:99px;padding:5px 10px;font-size:12px}.party-chip.live{color:var(--cyan-bright);background:#3ddad714;border-color:#3ddad773;box-shadow:0 0 12px #3ddad740}.party-chip.muted{opacity:.7}.music-btn{border:1px solid var(--line);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:9px;padding:6px 9px;font-size:15px;line-height:1;transition:border-color .15s,color .15s}.music-btn:hover{color:var(--cyan-bright);border-color:#3ddad780}.tabs{gap:8px;padding:14px 0;display:flex}.tabs button{border:1px solid var(--line);color:var(--text-dim);background:0 0;border-radius:10px;padding:8px 18px;font-weight:600;transition:all .15s}.tabs button.active{border-color:var(--cyan);color:var(--cyan-bright);background:#3ddad71f;box-shadow:0 0 14px #3ddad733}.stats-panel{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:20px;display:grid}.stat{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);align-items:center;gap:10px;padding:12px 14px;display:flex}.stat-icon{font-size:20px}.stat-body{flex:1}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font-size:12px}.stat-bar{background:#0b1830;border-radius:99px;height:6px;overflow:hidden}.stat-fill{background:linear-gradient(90deg, var(--blue), var(--cyan));border-radius:99px;height:100%;transition:width .5s}.stat-value{font-family:var(--font-mono);color:var(--cyan-bright);font-weight:700}.stat-value small{color:var(--text-dim);font-weight:400}.stat-label em{color:var(--cyan);font-style:normal}.stat-tier-ticks{justify-content:space-between;align-items:center;height:3px;margin-top:3px;display:flex}.stat-tier-tick{background:#ffffff2e;flex:0 0 1px;height:2px}.stat-tier-tick.major{background:var(--cyan);opacity:.85;flex-basis:2px;height:3px}.section-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-head h2{letter-spacing:.02em;font-size:18px}.quest-source{font-family:var(--font-mono);color:var(--violet);font-size:12px}.quest-source.gemini{color:var(--cyan-bright)}.quest-actions{align-items:center;gap:8px;display:flex}.quest-actions .quest-source{margin-left:4px}.rank-toggle,.regen-btn{font-family:var(--font-mono);color:var(--text-dim);border:1px solid var(--line);cursor:pointer;background:#ffffff08;border-radius:8px;padding:5px 10px;font-size:12px;transition:border-color .15s,color .15s,background .15s}.rank-toggle:hover:not(:disabled),.regen-btn:hover:not(:disabled){color:var(--text);border-color:#3ddad780}.rank-toggle.active{border-color:var(--cyan);color:var(--cyan-bright);background:#3ddad71a}.regen-btn:disabled{opacity:.4;cursor:not-allowed}@media (width<=640px){.section-head{flex-wrap:wrap;gap:8px}}.quest-source.offline{color:var(--text-dim)}.quest-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.quest-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:16px;transition:transform .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.quest-card:before{content:"";background:var(--cyan);opacity:.7;height:3px;position:absolute;inset:0 0 auto}.quest-card[data-category=strength]:before{background:var(--red)}.quest-card[data-category=intelligence]:before{background:var(--blue)}.quest-card[data-category=vitality]:before{background:var(--ok)}.quest-card[data-category=gold]:before{background:var(--gold)}.quest-card:hover{border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 8px 30px #0006}.quest-card.done{opacity:.55;border-style:dashed}.quest-card.done:before{background:var(--ok)}.quest-top{justify-content:space-between;align-items:center;display:flex}.quest-cat{font-size:20px}.quest-diff{font-family:var(--font-mono);text-shadow:0 0 12px;font-weight:800}.quest-card h3{font-size:17px;line-height:1.25}.quest-card p{color:var(--text-dim);flex:1;font-size:14px;line-height:1.5}.quest-bottom{justify-content:space-between;align-items:center;gap:10px;display:flex}.quest-xp{font-family:var(--font-mono);color:var(--cyan-bright);font-weight:700}.complete-btn{border:1px solid var(--cyan);color:var(--cyan-bright);background:0 0;border-radius:9px;padding:7px 14px;font-weight:700;transition:all .15s}.complete-btn:hover:not(:disabled){background:var(--cyan);color:#04222a;box-shadow:0 0 16px #3ddad773}.complete-btn:disabled{opacity:.5;cursor:not-allowed}.all-done{text-align:center;border-radius:var(--radius);background:#3ddad70d;border:1px dashed #3ddad766;margin-bottom:14px;padding:18px}.all-done-icon{color:var(--cyan);font-size:28px}.all-done-title{margin:4px 0 2px;font-weight:700}.all-done-sub{color:var(--text-dim);font-size:13px}.join-card,.party-live{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:22px}.join-card{text-align:center;flex-direction:column;gap:12px;max-width:560px;margin:10px auto;display:flex}.join-card h2{font-size:22px}.join-card p{color:var(--text-dim);line-height:1.6}.join-card .name-form{margin:4px auto 0}.party-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.party-title{font-family:var(--font-mono);letter-spacing:.25em;color:var(--cyan);font-weight:700}.party-sub{color:var(--text-dim);align-items:center;gap:7px;margin-top:4px;font-size:13px;display:flex}.status-dot{background:var(--text-dim);border-radius:99px;width:8px;height:8px}.status-dot.ready{background:var(--ok);box-shadow:0 0 8px var(--ok)}.status-dot.reconnecting,.status-dot.degraded,.status-dot.degraded-http{background:var(--gold)}.status-dot.blocked{background:var(--red)}.ghost-btn{border:1px solid var(--line);color:var(--text-dim);background:0 0;border-radius:9px;padding:7px 14px}.party-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.panel{border:1px solid var(--panel-border);border-radius:var(--radius);background:#060e1a8c;padding:16px}.panel h3{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:12px;font-size:14px}.raid{grid-column:1/-1}.board{flex-direction:column;gap:6px;list-style:none;display:flex}.board li{background:#0b183080;border-radius:9px;align-items:center;gap:10px;padding:8px 10px;display:flex}.board li.me{background:#3ddad714;border:1px solid #3ddad773}.rank{font-family:var(--font-mono);color:var(--text-dim);text-align:center;width:18px}.board li:first-child .rank{color:var(--gold)}.b-name{flex:1;font-weight:600}.b-name em{color:var(--cyan-bright);margin-left:6px;font-size:11px;font-style:normal}.b-level{font-family:var(--font-mono);color:var(--cyan-bright);font-size:13px}.b-xp{font-family:var(--font-mono);color:var(--text-dim);font-size:12px}.feed-list{flex-direction:column;gap:6px;max-height:320px;list-style:none;display:flex;overflow-y:auto}.feed-item{background:#0b183080;border-radius:9px;align-items:flex-start;gap:9px;padding:8px 10px;font-size:14px;line-height:1.45;display:flex}.feed-item.levelup{background:#ffd24f14;border:1px solid #ffd24f4d}.feed-item.raid{background:#b34cff1a;border:1px solid #b34cff59}.f-ico{font-size:15px}.raid-body{text-align:center;padding:6px 0}.raid-icon{color:var(--violet);text-shadow:0 0 18px #b34cffb3;font-size:40px}.raid-title{margin:8px 0 6px;font-size:19px;font-weight:700}.raid-body p{color:var(--text-dim);max-width:460px;margin:0 auto 14px;font-size:14px}.panel-note{color:var(--text-dim);opacity:.7;margin-top:12px;font-size:12px}.panel-note.center{text-align:center}.empty{color:var(--text-dim);font-size:14px}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#02060ecc;place-items:center;animation:.25s fadeIn;display:grid;position:fixed;inset:0}.levelup-modal{text-align:center;background:linear-gradient(#0d1c36,#081120);border:1px solid #3ddad780;border-radius:20px;max-width:420px;padding:36px 40px;animation:.35s cubic-bezier(.22,1,.36,1) popIn;position:relative;overflow:hidden;box-shadow:0 0 60px #3ddad740}.levelup-glow{pointer-events:none;background:radial-gradient(circle at 50% 30%,#3ddad740,#0000 60%);animation:2s ease-in-out infinite pulse;position:absolute;inset:-40%}.levelup-kicker{font-family:var(--font-mono);letter-spacing:.4em;color:var(--cyan);font-size:13px}.levelup-number{font-family:var(--font-mono);background:linear-gradient(180deg, #fff, var(--cyan-bright));color:#0000;text-shadow:0 0 40px #3ddad780;-webkit-background-clip:text;background-clip:text;margin:12px 0;font-size:88px;font-weight:800;line-height:1}.levelup-title{font-size:20px;font-weight:700}.levelup-modal p{color:var(--text-dim);margin:8px 0 20px;font-size:14px}.foot{text-align:center;color:var(--text-dim);opacity:.6;padding:28px 0 8px;font-size:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}@media (width<=720px){.party-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:stretch}.head-meta{justify-content:space-between;margin-left:0}.xp-track{width:100px}}.demo-panel{z-index:1000;color:#cfd6e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0c14eb;border:1px solid #3ddad759;border-radius:10px;width:240px;font-size:12px;position:fixed;bottom:12px;right:12px;box-shadow:0 8px 30px #0009}.demo-head{border-bottom:1px solid #3ddad733;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.demo-badge{letter-spacing:.12em;color:#ffd166;font-size:11px;font-weight:800}.demo-toggle{color:#8b95ad;cursor:pointer;background:0 0;border:none;font-size:12px}.demo-body{padding:8px 10px 10px}.demo-group{margin-bottom:8px}.demo-group[data-label]:before{content:attr(data-label);letter-spacing:.1em;color:#5f6a82;text-transform:uppercase;margin:2px 0 4px;font-size:10px;display:block}.demo-btn{color:#b9c5ff;cursor:pointer;background:#4f7cff1f;border:1px solid #4f7cff66;border-radius:6px;margin:2px;padding:4px 8px;font-size:11px;display:inline-block}.demo-btn:hover:not(:disabled){background:#4f7cff40}.demo-btn:disabled{opacity:.35;cursor:not-allowed}.demo-note{color:#5f6a82;margin-top:6px;font-size:10px}.quest-card.skeleton{flex-direction:column;gap:12px;min-height:160px;padding:18px;display:flex}.skeleton-line{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff24 50%,#ffffff0f 75%) 0 0/200% 100%;border-radius:6px;height:12px;animation:1.4s infinite shimmer}.skeleton-line.w40{width:40%}.skeleton-line.w60{width:60%}.skeleton-line.w80{width:80%}.skeleton-line.w100{width:100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.party-toast{z-index:900;color:#e8ecf6;cursor:pointer;background:#0c0f1af2;border:1px solid #3ddad766;border-radius:999px;align-items:center;gap:10px;max-width:min(92vw,420px);padding:10px 16px;font-size:13px;animation:.25s ease-out toast-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000080}.party-toast.levelup{border-color:#b34cff8c}.party-toast.raid{border-color:#ffd1668c}.party-toast.join{border-color:#3ddad773}.party-toast.raidHit{border-color:#ff4f7b8c}.toast-ico{font-size:15px}.toast-text{line-height:1.3}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.raid-progress{width:100%;margin:10px 0 12px}.raid-progress-bar{background:#ffffff14;border-radius:999px;height:8px;overflow:hidden}.raid-progress-fill{background:linear-gradient(90deg,#ffd166,#ff8c42);border-radius:999px;height:100%;transition:width .4s}.raid-progress-label{color:#8b95ad;margin-top:5px;font-size:11px;display:block}.battle-modal{background:linear-gradient(#10131f 0%,#0a0c14 100%);border:1px solid #b34cff66;border-radius:16px;width:min(94vw,460px);max-height:88vh;padding:22px 20px;animation:.25s ease-out modal-pop;position:relative;overflow-y:auto;box-shadow:0 20px 60px #000000b3,0 0 40px #b34cff1f}.battle-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.battle-kicker{letter-spacing:.3em;color:#b34cff;font-size:11px;font-weight:800}.battle-turn{color:#8b95ad;font-size:11px}.battle-field{grid-template-columns:1.4fr 1fr;align-items:stretch;gap:10px;display:grid}.enemy-card,.party-card{text-align:center;background:#ffffff0a;border:1px solid #ffffff12;border-radius:12px;padding:12px}.enemy-card{border-color:#ff4f7b59}.enemy-ico{font-size:40px;animation:.6s ease-in-out infinite alternate monster-pulse;display:block}.enemy-name{color:#e8ecf6;margin:4px 0 2px;font-size:14px;font-weight:700}.enemy-race{color:#8b95ad;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.enemy-weak{justify-content:center;align-items:center;gap:4px;margin:6px 0;font-size:14px;display:flex}.enemy-weak-label{color:#ffd166;text-transform:uppercase;letter-spacing:.1em;margin-left:4px;font-size:10px}.enemy-weak.demo{background:#ffd1660f;border:1px dashed #ffd16666;border-radius:8px;padding:2px 8px}.party-ico{font-size:30px;display:block}.party-name{color:#e8ecf6;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 8px;font-size:12px;font-weight:700;overflow:hidden}.party-name em{color:#8b95ad;font-style:normal;font-weight:400}.battle-hp-bar,.battle-mp-bar{background:#ffffff14;border-radius:999px;height:9px;margin-bottom:5px;overflow:hidden}.battle-hp-fill{background:linear-gradient(90deg,#ff4f7b,#ff8c42);border-radius:999px;height:100%;transition:width .8s}.battle-mp-fill{background:linear-gradient(90deg,#4f7cff,#3ddad7);border-radius:999px;height:100%;transition:width .5s}.battle-gauge{background:#ffd1661f;border-radius:999px;height:7px;margin-top:2px;overflow:hidden}.battle-gauge-fill{background:linear-gradient(90deg,#b34cff,#ffd166);border-radius:999px;height:100%;transition:width .4s}.battle-nums{color:#8b95ad;margin-top:6px;font-size:10px}.battle-log{background:#00000059;border:1px solid #ffffff0f;border-radius:10px;height:130px;margin-top:12px;padding:8px 10px;font-size:12px;line-height:1.5;overflow-y:auto}.turn-order-strip{background:#0000004d;border:1px solid #ffffff0d;border-radius:10px;align-items:center;gap:6px;margin-top:12px;padding:6px 8px;display:flex}.turn-order-strip .to-label{letter-spacing:.15em;color:#5a6480;text-transform:uppercase;margin-right:2px;font-size:9px}.turn-order-strip .to-chip{background:#ffffff0f;border-radius:6px;align-items:center;gap:3px;padding:2px 6px;font-size:12px;display:inline-flex}.turn-order-strip .to-chip.party{color:#c9d4ff;border:1px solid #53c7ff59}.turn-order-strip .to-chip.enemy{color:#ff8c9f;border:1px solid #ff6b8359}.turn-order-strip .to-chip em{color:#8b95ad;font-size:10px;font-style:normal}.battle-log-empty{color:#5a6480;font-style:italic}.log-line.enemy{color:#ff8c9f}.log-line.player{color:#c9d4ff}.log-line.weak{color:#ffd166}.log-line.crit{color:#ff8c42;font-weight:700}.log-line.ex{color:#b34cff;font-weight:700}.log-line.heal{color:#4be0a5}.log-line.system{color:#3ddad7;font-style:italic}.one-more-banner{text-align:center;letter-spacing:.15em;color:#ffd166;background:#ffd1661a;border:1px solid #ffd16666;border-radius:8px;margin-top:10px;padding:6px;font-weight:800;animation:.2s ease-out modal-pop}.battle-actions{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.battle-act{color:#e8ecf6;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;padding:9px 4px;font-size:12px;font-weight:700;transition:transform 80ms,background .15s}.battle-act:hover:not(:disabled){background:#b34cff33;border-color:#b34cff80}.battle-act:disabled{opacity:.4;cursor:not-allowed}.battle-act.ex-ready{color:#ffd166;border-color:#ffd166b3;animation:.7s ease-in-out infinite alternate monster-pulse}.battle-act.small{padding:6px 8px;font-size:11px;font-weight:500}.battle-sub-actions{margin-top:10px}.sub-row{align-items:flex-start;gap:8px;margin-top:8px;display:flex}.sub-label{color:#8b95ad;text-transform:uppercase;letter-spacing:.1em;flex:0 0 62px;padding-top:6px;font-size:11px}.sub-items{flex-wrap:wrap;flex:1;gap:6px;display:flex}.sub-empty{color:#5a6480;padding-top:6px;font-size:11px}.battle-verdict{text-align:center;margin-top:14px}.verdict-title{letter-spacing:.2em;font-size:22px;font-weight:900}.battle-verdict.victory .verdict-title{color:#ffd166}.battle-verdict.defeat .verdict-title{color:#ff4f7b}.battle-verdict.fled .verdict-title{color:#8b95ad}.verdict-sub{color:#8b95ad;margin-top:4px;font-size:12px}.battle-verdict .primary-btn{margin-top:12px}.combat-loot{color:#ffe4a1;text-align:left;background:#ffd16614;border:1px solid #ffd1664d;border-radius:10px;margin:14px 0 4px;padding:10px;font-size:13px}.loot-line{margin:2px 0}@keyframes monster-pulse{0%{transform:scale(1)}to{transform:scale(1.12)}}@keyframes modal-pop{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.coins-chip{color:#ffd166;font-size:13px;font-weight:700}.demo-check{color:#b9c5ff;cursor:pointer;margin:3px 0;font-size:11px;display:block}.demo-check input{accent-color:#4f7cff;margin-right:5px}.shop-section{margin-bottom:22px}.shop-section h3{letter-spacing:.14em;color:#5f6a82;text-transform:uppercase;margin-bottom:10px;font-size:13px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.shop-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;padding:14px 16px;display:flex}.shop-item.owned{border-color:#3ddad74d}.shop-item.equipped{border-color:#ffd16680}.shop-item-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.shop-item-name{color:#e8ecf6;font-size:14px;font-weight:700}.shop-swatch{border:2px solid #ffffff4d;border-radius:50%;width:16px;height:16px}.shop-item-desc{color:#8b95ad;margin:6px 0 4px;font-size:12px;line-height:1.4}.shop-item-bonus{color:#3ddad7;font-size:11px;font-weight:600}.shop-item-bottom{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.shop-item-price{color:#ffd166;font-size:13px;font-weight:700}.shop-btn{color:#3ddad7;cursor:pointer;background:#3ddad71f;border:1px solid #3ddad780;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:700}.shop-btn:hover:not(:disabled){background:#3ddad738}.shop-btn:disabled{opacity:.4;cursor:not-allowed}.shop-btn.equipped{color:#ffd166;cursor:default;background:#ffd1661a;border-color:#ffd16680}.shop-btn.equip{color:#b9c5ff;background:#4f7cff1f;border-color:#4f7cff80}.tower-boss{background:#b34cff0f;border:1px solid #b34cff40;border-radius:12px;margin-bottom:20px;padding:16px}.tower-boss-name{color:#e8ecf6;margin-bottom:10px;font-size:15px;font-weight:700}.tower-hp-bar{background:#ffffff14;border-radius:999px;height:10px;overflow:hidden}.tower-hp-fill{background:linear-gradient(90deg,#b34cff,#ff4f7b);border-radius:999px;height:100%;transition:width .5s}.tower-boss-meta{color:#8b95ad;justify-content:space-between;margin-top:8px;font-size:11px;display:flex}.tower-actions{gap:10px;margin-top:14px;display:flex}.tower-actions .ghost-btn,.tower-actions .primary-btn{flex:1;padding:10px 14px;font-size:13px}.tower-ladder{flex-direction:column;gap:8px;display:flex}.tower-floor{opacity:.55;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.tower-floor.done{opacity:.8;border-color:#3ddad74d}.tower-floor.current{opacity:1;background:#b34cff14;border-color:#b34cff99}.tower-floor-num{color:#8b95ad;background:#ffffff14;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:grid}.tower-floor.current .tower-floor-num{color:#fff;background:#b34cff}.tower-floor-body{flex:1}.tower-floor-name{color:#e8ecf6;font-size:13px;font-weight:700}.tower-floor-boss{color:#8b95ad;font-size:11px}.tower-floor-tag{letter-spacing:.12em;color:#b34cff;font-size:10px;font-weight:800}.xp-float{z-index:850;color:#ffd166;text-shadow:0 2px 12px #ffd16666;pointer-events:none;font-size:15px;font-weight:800;animation:1.6s ease-out forwards float-up;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}@keyframes float-up{0%{opacity:0;transform:translate(-50%)translateY(10px)}15%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-46px)}}.copy-code{color:#3ddad7;cursor:pointer;vertical-align:middle;background:#3ddad71a;border:1px solid #3ddad766;border-radius:6px;margin-left:8px;padding:2px 7px;font-size:11px}.copy-code:hover{background:#3ddad738}.class-select{grid-template-columns:repeat(4,1fr);gap:8px;width:min(600px,100%);margin-top:6px;display:grid}.class-option{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff08;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;transition:border-color .15s,background .15s;display:flex}.class-option:hover{border-color:#3ddad780}.class-option.active{border-color:var(--cyan);background:#3ddad71f;box-shadow:0 0 0 3px #3ddad726}.class-option-icon{font-size:26px}.class-option-body{flex-direction:column;align-items:center;display:flex}.class-option-name{font-size:13px;font-weight:700}.class-option-desc{color:var(--text-dim);text-align:center;font-size:10px}@media (width<=520px){.class-select{grid-template-columns:repeat(2,1fr)}}.pref-block{width:min(600px,100%);margin-top:18px}.pref-title{color:var(--text-dim);margin-bottom:8px;font-size:13px}.pref-title em{color:var(--violet);font-style:normal}.pref-chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font-family:var(--font-mono);color:var(--text);border:1px solid var(--line);cursor:pointer;background:#ffffff08;border-radius:999px;padding:7px 14px;font-size:13px;transition:border-color .15s,color .15s,background .15s,box-shadow .15s}.chip:hover{border-color:#3ddad780}.chip.active{border-color:var(--cyan);color:var(--cyan-bright);background:#3ddad71a;box-shadow:0 0 0 3px #3ddad71f}.character .section-head{margin-bottom:16px}.char-class-card{background:#b34cff14;border:1px solid #b34cff4d;border-radius:14px;align-items:center;gap:14px;margin-bottom:16px;padding:16px;display:flex}.char-class-icon{font-size:44px;line-height:1}.char-class-name{color:#e8ecf6;font-size:18px;font-weight:800}.char-class-desc{color:#b9c5ff;margin-top:4px;font-size:13px}.char-class-meta{color:#8b95ad;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.ex-bar{vertical-align:middle;background:#ffd16626;border-radius:999px;width:70px;height:8px;display:inline-block;overflow:hidden}.ex-bar-fill{background:linear-gradient(90deg,#b34cff,#ffd166);border-radius:999px;height:100%;display:block}.char-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=720px){.char-grid{grid-template-columns:1fr}}.char-panel{padding:14px 16px}.char-panel h3{letter-spacing:.18em;text-transform:uppercase;color:#8b95ad;margin-bottom:10px;font-size:12px}.char-stat{border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;padding:6px 0;display:flex}.char-stat:last-of-type{border-bottom:none}.char-stat-icon{text-align:center;width:22px;font-size:16px}.char-stat-label{color:#c9d4ff;flex:1;font-size:13px}.char-stat-value{color:#e8ecf6;font-size:14px;font-weight:800}.char-gear-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;gap:10px;padding:6px 0;font-size:13px;display:flex}.char-gear-row:last-child{border-bottom:none}.char-gear-label{color:#8b95ad}.char-gear-value{color:#e8ecf6;text-align:right}.spell-list{flex-direction:column;gap:8px;display:flex}.spell-row{background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.spell-ico{font-size:20px}.spell-body{flex-direction:column;display:flex}.spell-name{color:#e8ecf6;font-size:13px;font-weight:700}.spell-name em{color:#8b95ad;font-size:11px;font-style:normal;font-weight:400}.spell-dmg{color:#8b95ad;font-size:11px}.tower-battle-status{color:#8b95ad;align-items:center;gap:16px;margin-top:10px;font-size:11px;display:flex}.tower-hp,.tower-mp{align-items:center;gap:6px;display:flex}.mini-bar{background:#ffffff14;border-radius:999px;width:56px;height:7px;display:inline-block;overflow:hidden}.mini-fill{border-radius:999px;height:100%;display:block}.mini-fill.hp{background:linear-gradient(90deg,#ff4f7b,#ff8c42)}.mini-fill.mp{background:linear-gradient(90deg,#4f7cff,#3ddad7)}.class-change-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0;display:grid}@media (width<=720px){.class-change-grid{grid-template-columns:repeat(2,1fr)}}.class-change-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;display:flex}.class-change-card.active{background:#3ddad714;border-color:#3ddad799}.class-change-icon{font-size:30px}.class-change-name{color:#e8ecf6;font-size:13px;font-weight:700}.confirm-modal{text-align:center;background:linear-gradient(#141826 0%,#0a0c14 100%);border:1px solid #b34cff66;border-radius:16px;width:min(92vw,380px);padding:24px 22px;animation:.25s ease-out modal-pop;position:relative;box-shadow:0 20px 60px #000000b3}.confirm-modal h3{color:#e8ecf6;margin-bottom:8px;font-size:17px}.confirm-modal p{color:#8b95ad;font-size:13px;line-height:1.5}.confirm-actions{justify-content:center;gap:10px;margin-top:18px;display:flex}.confirm-actions .ghost-btn{color:#c9d4ff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;padding:10px 16px;font-size:13px}.demo-btn.danger{color:#ff8c9f;border-color:#ff4f7b80}.demo-btn.danger:hover:not(:disabled){background:#ff4f7b26}