*{box-sizing:border-box}:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;background:#020617;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{background:#020617;min-width:320px;min-height:100%}body{background:radial-gradient(circle at 12% 0,#8b5cf657,#0000 34%),radial-gradient(circle at 82% 8%,#0ea5e947,#0000 32%),radial-gradient(circle at 45% 90%,#ec48991f,#0000 35%),linear-gradient(135deg,#020617 0%,#06111f 42%,#071b24 100%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{font:inherit}button:disabled{cursor:not-allowed}.app-shell{width:min(1540px,100%);min-height:100vh;margin:0 auto;padding:clamp(16px,2.2vw,34px);position:relative;overflow:hidden}.glow{z-index:0;filter:blur(95px);opacity:.34;pointer-events:none;border-radius:999px;width:420px;height:420px;position:fixed}.glow-one{background:#8b5cf6;top:120px;left:-160px}.glow-two{background:#06b6d4;bottom:80px;right:-160px}.topbar{z-index:2;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:clamp(18px,2vw,28px);display:flex;position:relative}.eyebrow{color:#38bdf8;letter-spacing:.22em;text-transform:uppercase;margin:0 0 8px;font-size:.75rem;font-weight:950}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.08em;text-shadow:0 0 36px #8b5cf629;margin-bottom:0;font-size:clamp(2.6rem,6vw,5rem);line-height:.95}h2{letter-spacing:-.055em;margin-bottom:14px;font-size:clamp(1.65rem,3vw,3.15rem);line-height:1.05}h3{margin-bottom:8px;line-height:1.15}p{color:#cbd5e1;line-height:1.55}.status-pill{color:#cbd5e1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172aad;border:1px solid #94a3b838;border-radius:999px;align-items:center;gap:9px;min-width:max-content;margin-top:18px;padding:10px 15px;font-size:.9rem;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.dot{background:#f97316;border-radius:999px;width:9px;height:9px;box-shadow:0 0 16px #f97316e6}.dot.online{background:#22c55e;box-shadow:0 0 16px #22c55ee6}.panel{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 100% 0,#38bdf81f,#0000 34%),radial-gradient(circle at 0 100%,#8b5cf61a,#0000 38%),linear-gradient(145deg,#0f172ae6,#020617c2);border:1px solid #94a3b82e;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000057,inset 0 1px #ffffff09}.panel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff06,#0000),radial-gradient(circle at 10% 0,#ffffff09,#0000 22%);position:absolute;inset:0}.hero{grid-template-columns:minmax(0,1.35fr) minmax(320px,.75fr);gap:24px;min-height:620px;padding:clamp(24px,5vw,56px);display:grid}.hero-content{flex-direction:column;justify-content:center;display:flex}.hero-content p{max-width:650px;font-size:1.08rem}.actions,.stats-row,.mini-grid,.reward-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.actions{margin-top:18px}.primary-btn,.ghost-btn,.danger-btn,.magic-btn,.heal-btn,.shield-btn{color:#fff;cursor:pointer;border-radius:15px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-weight:900;transition:transform .16s,opacity .16s,border-color .16s,box-shadow .16s;display:inline-flex}.primary-btn{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:0;box-shadow:0 14px 34px #3b82f63d,inset 0 1px #ffffff24}.ghost-btn{background:#0f172ab8;border:1px solid #94a3b840}.danger-btn{background:linear-gradient(135deg,#ef4444,#f97316);border:0}.magic-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);border:0}.heal-btn{background:linear-gradient(135deg,#22c55e,#14b8a6);border:0}.shield-btn{background:linear-gradient(135deg,#64748b,#38bdf8);border:0}.primary-btn:hover,.ghost-btn:hover,.danger-btn:hover,.magic-btn:hover,.heal-btn:hover,.shield-btn:hover,.class-card:hover,.dungeon-card:hover{transform:translateY(-2px)}.primary-btn:disabled,.ghost-btn:disabled,.danger-btn:disabled,.magic-btn:disabled,.heal-btn:disabled,.shield-btn:disabled{opacity:.48;transform:none}.small{min-height:40px;padding:0 14px}.full{width:100%}.preview-card{text-align:center;background:radial-gradient(circle at top,#8b5cf652,#0000 36%),#0f172a8f;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;display:flex}.crystal,.avatar{background:linear-gradient(135deg,#8b5cf675,#06b6d433),#02061759;border:1px solid #38bdf847;border-radius:38px;place-items:center;width:128px;height:128px;margin-bottom:20px;font-size:4rem;display:grid;box-shadow:0 0 70px #8b5cf66b,inset 0 1px #ffffff1f}.avatar{width:108px;height:108px;margin-inline:auto;font-size:3.7rem}.avatar.large{width:146px;height:146px;font-size:5rem}.mini-grid span,.reward-row span,.stats-row span{color:#cbd5e1;background:#0f172ab8;border:1px solid #94a3b829;border-radius:999px;align-items:center;gap:6px;padding:8px 10px;font-size:.82rem;display:inline-flex}.section{padding:26px}.section-head{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.class-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.class-card{color:#f8fafc;text-align:left;cursor:pointer;background:radial-gradient(circle at top,#38bdf814,#0000 34%),#0f172a9e;border:1px solid #94a3b82e;border-radius:23px;min-height:270px;padding:20px}.class-card.active{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf873,0 0 45px #38bdf82e}.class-icon{margin-bottom:14px;font-size:3rem;display:block}.hub-grid{gap:16px;display:grid}.hub-grid.upgraded{grid-template-columns:minmax(260px,.9fr) minmax(260px,1fr) minmax(260px,1fr) minmax(260px,1fr);align-items:start}.character-panel,.dungeon-panel,.quest-panel,.log-panel,.leaderboard-panel,.runs-panel,.fighter-card,.arena-panel{padding:22px}.character-panel{text-align:center}.character-panel p{line-height:1.55}.stat-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:16px 0;display:grid}.stat-list div{background:#0206176b;border:1px solid #94a3b824;border-radius:16px;min-width:0;padding:13px 8px}.stat-list span{color:#94a3b8;font-size:.76rem;display:block}.stat-list strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;display:block;overflow:hidden}.inventory-box,.api-profile-box{text-align:left;background:#0ea5e914;border:1px solid #38bdf82e;border-radius:18px;margin:16px 0;padding:15px}.inventory-box h3,.api-profile-box h3{align-items:center;gap:8px;margin-bottom:7px;display:flex}.inventory-box p,.api-profile-box p,.api-profile-box small{color:#cbd5e1;margin:0;font-size:.9rem}.dungeon-list,.quest-list,.battle-log,.leaderboard-list,.runs-list{gap:10px;display:grid}.dungeon-card{color:#f8fafc;text-align:left;cursor:pointer;background:#0f172a94;border:1px solid #94a3b829;border-radius:18px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;width:100%;padding:14px;display:grid}.dungeon-card.active{background:#0ea5e91f;border-color:#38bdf8bf;box-shadow:0 0 38px #0ea5e91a}.dungeon-card>span{background:#38bdf81f;border-radius:14px;place-items:center;width:42px;height:42px;font-size:1.65rem;display:grid}.dungeon-card strong{margin-bottom:2px;display:block}.dungeon-card small{color:#38bdf8;margin-bottom:5px;font-size:.8rem;font-weight:950;display:inline-block}.dungeon-card p{margin:0;font-size:.85rem}.quest-card{background:#0f172a94;border:1px solid #94a3b829;border-radius:18px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding:14px 42px 14px 14px;display:grid;position:relative}.quest-card>span{background:#8b5cf61f;border-radius:14px;place-items:center;width:42px;height:42px;font-size:1.55rem;display:grid}.quest-card h3{margin-bottom:5px;font-size:1rem}.quest-card p,.quest-card small{color:#cbd5e1;margin:0;font-size:.86rem}.quest-card small{color:#94a3b8;margin-top:6px;display:block}.quest-card.done{background:#16a34a1f;border-color:#22c55e8c}.done-mark{color:#020617;background:#22c55e;border-radius:999px;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:13px;right:13px}.leaderboard-row,.run-row{background:#0206176b;border:1px solid #94a3b826;border-radius:16px;gap:4px;padding:13px;display:grid}.leaderboard-row{grid-template-columns:42px minmax(0,1fr);align-items:center}.leaderboard-row>span{background:#8b5cf62e;border-radius:12px;place-items:center;width:34px;height:34px;font-weight:950;display:grid}.leaderboard-row strong,.run-row strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.leaderboard-row small,.run-row small{color:#94a3b8;font-size:.82rem}.battle-log p{color:#cbd5e1;background:#02061761;border:1px solid #94a3b821;border-radius:14px;margin:0;padding:12px;font-size:.88rem}.battle-grid{grid-template-columns:minmax(250px,.85fr) minmax(360px,1.4fr) minmax(250px,.85fr);align-items:start;gap:16px;display:grid}.fighter-card,.arena-panel{text-align:center}.hp-bar,.energy-bar{background:#02061799;border-radius:999px;overflow:hidden}.hp-bar{border:1px solid #94a3b82e;height:18px}.energy-bar{border:1px solid #38bdf82e;height:12px}.hp-bar span,.energy-bar span{border-radius:inherit;height:100%;transition:width .22s;display:block}.hp-bar span{background:linear-gradient(90deg,#22c55e,#84cc16)}.hp-bar.enemy span{background:linear-gradient(90deg,#ef4444,#f97316,#a855f7)}.energy-bar span{background:linear-gradient(90deg,#38bdf8,#8b5cf6)}.enemy-orb{background:radial-gradient(circle at top,#ef444442,#0000 40%),#0f172a8c;border:1px solid #ef44443d;border-radius:50px;place-items:center;width:min(220px,75vw);height:min(220px,75vw);margin:22px auto;font-size:clamp(4.5rem,10vw,6rem);animation:3s ease-in-out infinite floatEnemy;display:grid;position:relative;box-shadow:0 0 80px #ef444442}.enemy-orb.boss{background:radial-gradient(circle at top,#facc1538,#0000 38%),radial-gradient(circle at bottom,#ef444438,#0000 45%),#0f172aa6;border-color:#facc156b;box-shadow:0 0 90px #facc1538,0 0 120px #ef44442e}.enemy-orb span{filter:drop-shadow(0 0 30px #8b5cf6cc)}.combat-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.center{justify-content:center}.run-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:14px;display:grid}.run-stats span{color:#cbd5e1;background:#0206176b;border:1px solid #94a3b826;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:9px;font-size:.82rem;display:inline-flex}.floating-text{z-index:3;pointer-events:none;background:#020617d1;border-radius:999px;padding:6px 10px;font-size:1.05rem;animation:.85s forwards floatDamage;position:absolute;top:20px;right:28px}.floating-text.damage{color:#fb7185}.floating-text.crit{color:#facc15;box-shadow:0 0 24px #facc1540}.floating-text.heal{color:#22c55e}.floating-text.enemyDamage{color:#f97316}.floating-text.warning{color:#38bdf8}.shake{animation:.38s shakeHit}.victory-screen{text-align:center;place-items:center;min-height:580px;padding:40px;display:grid}.victory-screen>p{max-width:640px}.sync-status{color:#fed7aa;background:#f973161a;border:1px solid #f9731659;border-radius:16px;width:min(720px,100%);margin:0 auto 14px;padding:12px 14px;font-weight:850}.sync-status.synced{color:#bbf7d0;background:#22c55e1a;border-color:#22c55e73}.reward-card{background:#0f172aa6;border:1px solid #94a3b82e;border-radius:24px;width:min(720px,100%);margin:18px auto;padding:22px}.reward-card>strong{margin-bottom:14px;font-size:1.35rem;display:block}.rarity-common{border-color:#cbd5e14d}.rarity-rare{border-color:#38bdf899;box-shadow:0 0 40px #38bdf81f}.rarity-epic{border-color:#a855f7ad;box-shadow:0 0 55px #a855f72e}.rarity-legendary{border-color:#facc15c7;box-shadow:0 0 70px #facc1538}.victory-screen.defeat{background:radial-gradient(circle at top,#ef44442e,#0000 35%),linear-gradient(145deg,#0f172ae0,#020617bd);border-color:#ef444461}@keyframes floatEnemy{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.03)}}@keyframes floatDamage{0%{opacity:0;transform:translateY(16px)scale(.85)}20%{opacity:1;transform:translateY(0)scale(1.05)}to{opacity:0;transform:translateY(-36px)scale(1)}}@keyframes shakeHit{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@media (width<=1280px){.hub-grid.upgraded{grid-template-columns:repeat(3,minmax(260px,1fr))}}@media (width<=1020px){.hero,.battle-grid,.class-grid{grid-template-columns:1fr}.hub-grid.upgraded{grid-template-columns:repeat(2,minmax(260px,1fr))}.hero{min-height:auto}.topbar{flex-direction:column}.status-pill{margin-top:0}}@media (width<=680px){.app-shell{padding:14px}.panel{border-radius:22px}.hero,.section,.character-panel,.dungeon-panel,.quest-panel,.log-panel,.leaderboard-panel,.runs-panel,.fighter-card,.arena-panel,.victory-screen{padding:18px}.hub-grid.upgraded,.stat-list,.run-stats{grid-template-columns:1fr}.actions button,.combat-actions button{width:100%}.quest-card,.dungeon-card{grid-template-columns:42px 1fr}}