:root{--bg: #0e0b14;--panel: #1a1522;--border: #2e2438;--text: #e8e0f0;--muted: #9a8fb0;--accent: #c8a24a;--ok: #6fcf7f;--err: #e06c75;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#1c1430,var(--bg));color:var(--text);font-family:system-ui,Segoe UI,sans-serif;min-height:100vh}.shell{max-width:960px;margin:0 auto;padding:2rem 1.25rem 4rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.topbar__user{display:flex;align-items:center;gap:.75rem}.section-head{display:flex;align-items:center;justify-content:space-between;margin:1.5rem 0 .75rem}.section-head h2{margin:0;color:var(--accent)}.section-head__actions{display:flex;align-items:center;gap:.75rem}.small{font-size:.8rem}.team-panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:.9rem 1rem}.team-panel__head{display:flex;justify-content:space-between;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.6rem}.team-panel__slots{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.team-slot{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.6rem .4rem;border:1px dashed var(--border);border-radius:8px;min-height:92px;justify-content:center}.team-slot--filled{border-style:solid;background:#150f1e}.team-slot__avatar{width:44px;height:44px;border-radius:8px;object-fit:cover}.team-slot__name{font-size:.85rem;font-weight:600}.team-slot__spec{font-size:.7rem}.team-slot__empty{color:var(--muted);font-size:.8rem}.hero-card--team{box-shadow:0 0 0 1px var(--accent) inset}.hero-card__actions{display:flex;gap:.5rem;margin-top:.8rem}.chip{flex:1;padding:.35rem .4rem;font-size:.75rem;font-weight:600;border:1px solid var(--border);border-radius:6px;background:#120e1a;color:var(--text);cursor:pointer}.chip--on{border-color:var(--ok);color:var(--ok)}.chip--team{border-color:var(--accent);background:var(--accent);color:#201705}.chip:disabled{opacity:.4;cursor:default}.tabs{display:flex;gap:.5rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border)}.tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted);font-size:.95rem;font-weight:600;padding:.5rem .9rem;cursor:pointer}.tab--on{color:var(--accent);border-bottom-color:var(--accent)}.section-title{color:var(--accent)}.dungeon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-top:1rem}.dungeon-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1rem 1.1rem}.dungeon-card h3{margin:0 0 .25rem}.dungeon-card__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.9rem 0}.dungeon-card__stats>div,.difficulty__value{display:flex;flex-direction:column;align-items:center}.difficulty{display:flex;align-items:center;justify-content:center;gap:1rem;margin:.6rem 0 1rem}.difficulty__btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:#120e1a;color:var(--text);font-size:1.2rem;cursor:pointer}.dungeon-card .btn{width:100%}.run-view{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem}.run-view__head{display:flex;justify-content:space-between;align-items:flex-start}.run-view__head h2{margin:0;color:var(--accent)}.run-progress{margin-top:1rem}.run-progress__bar{height:16px;background:#120e1a;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.run-progress__fill{height:100%;background:linear-gradient(90deg,#7a5cff,var(--accent));transition:width .25s linear}.run-progress__label{margin:.6rem 0 .2rem;font-weight:600}.run-team{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.run-team__hero{display:flex;flex-direction:column;align-items:center;gap:.3rem;font-size:.8rem}.run-team__hero img,.run-team__ph{width:48px;height:48px;border-radius:8px;object-fit:cover}.run-result{margin-top:1rem;text-align:center}.run-result h3{margin:.25rem 0;letter-spacing:.04em}.run-result--win h3{color:var(--ok)}.run-result--loss h3{color:var(--err)}.run-result__stars{font-size:1.6rem;color:var(--accent);margin:.25rem 0 1rem}.run-result__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;max-width:420px;margin:0 auto 1rem}.run-result__section{margin:1rem 0}.run-result__section ul{list-style:none;padding:0;margin:.4rem 0;color:var(--ok)}.run-result__rewards{display:flex;gap:1rem;justify-content:center;margin:1rem 0;color:var(--accent);font-weight:600}.combat{border:1px solid var(--border);border-radius:12px;padding:.85rem 1rem 1.1rem;margin-top:1rem;background-size:cover;background-position:center}.combat__topbar{display:flex;justify-content:space-between;font-size:.85rem;font-weight:600;letter-spacing:.04em;margin-bottom:.9rem}.combat__field{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.5rem}.combat__side{display:flex;flex-direction:column;gap:.6rem}.combat__side--mon{align-items:stretch}.cmb{display:flex;gap:.6rem;align-items:center;background:#120e1ab8;border:1px solid var(--border);border-radius:9px;padding:.45rem .55rem;transition:opacity .3s}.cmb--mon{flex-direction:row-reverse;text-align:right}.cmb--dead{opacity:.4;filter:grayscale(.8)}.cmb{position:relative}.cmb__portrait{position:relative;width:52px;height:52px;flex:0 0 52px;border:2px solid var(--border);border-radius:8px;overflow:hidden}.cmb__floaters{position:absolute;top:0;width:52px;height:52px;pointer-events:none;overflow:visible;z-index:5}.cmb--hero .cmb__floaters{left:.55rem}.cmb--monster .cmb__floaters{right:.55rem}.floater{position:absolute;bottom:12px;transform:translate(-50%);font-weight:800;font-size:.9rem;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000,0 0 4px #000;white-space:nowrap;animation:floatUp 1.1s ease-out forwards}.floater--damage{color:#ff7a7a}.floater--heal{color:#74e08a}.floater--crit{font-size:1.5rem;color:#ffd24a;text-shadow:0 0 6px #ff6a00,0 2px 3px #000;animation:floatCrit 1.15s cubic-bezier(.2,1.4,.3,1) forwards}.floater--heal.floater--crit{color:#b6ff7a;text-shadow:0 0 6px #2fbf4a,0 2px 3px #000}@keyframes floatUp{0%{transform:translate(-50%);opacity:0}15%{opacity:1}to{transform:translate(-50%,-42px);opacity:0}}@keyframes floatCrit{0%{transform:translate(-50%) scale(.5);opacity:0}20%{transform:translate(-50%,-6px) scale(1.35);opacity:1}40%{transform:translate(-50%,-14px) scale(1)}to{transform:translate(-50%,-58px) scale(1);opacity:0}}.cmb__img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.cmb__skull{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:1.5rem;color:#fff;background:#00000073}.cmb__body{flex:1;min-width:0}.cmb__name{font-size:.82rem;font-weight:600;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hpbar{position:relative;height:14px;background:#0c0912;border-radius:7px;overflow:hidden;border:1px solid #2a2238}.hpbar__fill{height:100%;transition:width .15s linear}.hpbar__fill--hi{background:linear-gradient(90deg,#4caf50,#6fcf7f)}.hpbar__fill--mid{background:linear-gradient(90deg,#c9a227,#e0c85a)}.hpbar__fill--lo{background:linear-gradient(90deg,#a11e2f,#e06c75)}.hpbar__text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:.62rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9);font-variant-numeric:tabular-nums}.castbar{position:relative;height:11px;margin-top:.25rem;background:#0c0912;border-radius:6px;overflow:hidden}.castbar--idle{background:transparent}.castbar__fill{height:100%;transition:width .12s linear}.castbar--hero .castbar__fill{background:linear-gradient(90deg,#4a72d0,#6fa0e0)}.castbar--monster .castbar__fill{background:linear-gradient(90deg,#b5622a,#f0a95c)}.castbar__text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:.6rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9);white-space:nowrap}@media(max-width:640px){.combat__field{grid-template-columns:1fr}}.lb-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0 1rem}.lb-tab{padding:.4rem .85rem;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--muted);font-size:.85rem;font-weight:600;cursor:pointer}.lb-tab--on{border-color:var(--accent);color:var(--accent)}.lb-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:10px}.lb-table{width:100%;border-collapse:collapse;font-size:.88rem}.lb-table th,.lb-table td{padding:.55rem .75rem;text-align:left;white-space:nowrap}.lb-table thead th{background:#150f1e;color:var(--muted);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.lb-table tbody tr{border-top:1px solid var(--border)}.lb-table .lb-rating{color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums}.lb-team{max-width:220px;overflow:hidden;text-overflow:ellipsis}.lb-you{background:#c8a24a1f}.lb-you td{font-weight:700}.lb-you--sep{border-top:2px solid var(--accent)!important}h1{margin:0;font-size:2rem;letter-spacing:.02em;color:var(--accent)}.tagline{color:var(--muted);margin-top:.25rem}.card{margin-top:2rem;padding:1.25rem 1.5rem;background:var(--panel);border:1px solid var(--border);border-radius:10px}.card h2{margin:0 0 .75rem;font-size:1rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.ok{color:var(--ok);margin:0}.err{color:var(--err);margin:0}.muted{color:var(--muted)}.btn{display:inline-block;margin-top:1rem;padding:.6rem 1.1rem;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#201705;font-weight:600;text-decoration:none;cursor:pointer}.btn.ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn:hover{filter:brightness(1.08)}.btn.small{padding:.35rem .7rem;margin-top:0;font-size:.85rem}.btn:disabled{opacity:.55;cursor:default}.hero-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:1rem}.hero-card{background:var(--panel);border:1px solid var(--border);border-left-width:4px;border-radius:10px;padding:.9rem 1rem}.hero-card__head{display:flex;gap:.75rem;align-items:center}.hero-card__avatar{width:56px;height:56px;border-radius:8px;object-fit:cover;background:#000}.hero-card__avatar--ph{background:linear-gradient(135deg,#2a2035,#191322)}.hero-card__name{margin:0;font-size:1.05rem}.hero-card__sub{margin:.1rem 0;font-size:.85rem;font-weight:600}.hero-card__lvl{margin:0;font-size:.75rem;color:var(--muted)}.hero-card__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin:.9rem 0}.stat{display:flex;flex-direction:column;align-items:center;background:#120e1a;border-radius:6px;padding:.35rem .2rem}.stat__label{font-size:.62rem;letter-spacing:.05em;color:var(--muted)}.stat__value{font-size:.95rem;font-weight:700}.hero-card__abilities{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.ability{display:grid;grid-template-columns:2.4rem 1fr auto;align-items:center;gap:.5rem;font-size:.8rem;padding:.2rem 0}.ability__tag{font-size:.6rem;font-weight:700;text-align:center;padding:.12rem 0;border-radius:4px;background:#2a2238;color:var(--muted)}.ability--interrupt .ability__tag{background:#4a2e12;color:#f0a95c}.ability--aoe .ability__tag{background:#3a1642;color:#d98cf0}.ability--resurrect .ability__tag{background:#113a2e;color:#6fe0c0}.ability--heal .ability__tag{background:#163a1f;color:var(--ok)}.ability--defense .ability__tag{background:#16283a;color:#6fb0e0}.ability__cd{color:var(--muted);font-variant-numeric:tabular-nums}