.battle-root{display:grid;gap:0;width:100%;max-width:760px;margin:0 auto;-webkit-user-select:none;user-select:none;overflow:hidden}.battle-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:60dvh;text-align:center;animation:fadeIn .6s ease both}.battle-intro__title{font-size:clamp(1.6rem,5vw,2.6rem);font-weight:900;line-height:1.06;animation:slideUp .5s ease both .2s;opacity:0}.battle-intro__sub{font-size:clamp(1rem,3.6vw,1.2rem);opacity:0;animation:slideUp .5s ease both .5s;color:var(--text-muted)}.battle-intro__btn{margin-top:12px;opacity:0;animation:slideUp .4s ease both .9s}.battle-arena{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:0;min-height:340px;padding:14px;border-radius:var(--radius-lg);border:1px solid var(--border);background:radial-gradient(ellipse at 50% 20%,rgba(122,162,255,.08),transparent 60%),var(--surface);overflow:hidden}.battle-boss{display:grid;gap:8px;padding:10px 0;animation:slideFromRight .5s ease both}.battle-boss__header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.battle-boss__name{font-size:clamp(1.1rem,4vw,1.4rem);font-weight:900;line-height:1.1}.battle-boss__title{font-size:.85rem;color:var(--text-muted);font-weight:600}.battle-boss__sprite{display:flex;align-items:center;justify-content:center;min-height:80px;font-size:3.5rem;transition:transform .3s ease,opacity .3s ease}.battle-boss__sprite--hit{animation:bossHit .5s ease}.battle-boss__sprite--defeated{animation:bossDefeat 1s ease both}.hp-bar{display:grid;gap:4px}.hp-bar__label{display:flex;justify-content:space-between;align-items:baseline;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.hp-bar__track{height:14px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.06);overflow:hidden;position:relative}.hp-bar__fill{height:100%;border-radius:999px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.hp-bar__fill--high{background:linear-gradient(90deg,#4ade80,#22c55e);box-shadow:0 0 8px #4ade804d}.hp-bar__fill--mid{background:linear-gradient(90deg,#facc15,#eab308);box-shadow:0 0 8px #facc154d}.hp-bar__fill--low{background:linear-gradient(90deg,#f87171,#ef4444);box-shadow:0 0 8px #f871714d}.battle-ground{position:relative;height:2px;margin:8px 0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12) 20%,rgba(255,255,255,.12) 80%,transparent)}.battle-player{display:grid;gap:8px;padding:10px 0;animation:slideFromLeft .5s ease both}.battle-player__header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.battle-player__name{font-size:1rem;font-weight:800}.battle-player__class{font-size:.8rem;font-weight:700;padding:2px 10px;border-radius:999px;background:var(--accent-surface);border:1px solid rgba(122,162,255,.28);color:var(--accent-strong)}.battle-player__sprite{display:flex;align-items:center;justify-content:center;min-height:60px;font-size:2.8rem;transition:transform .3s ease}.battle-player__sprite--attack{animation:playerAttack .5s ease}.battle-player__sprite--hit{animation:playerHit .5s ease}.battle-log{display:grid;gap:6px;min-height:52px;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#0a0c12eb;font-size:.92rem;font-weight:600;line-height:1.45}.battle-log__line{animation:fadeIn .3s ease both}.battle-log__line--emphasis{color:var(--accent-strong);font-weight:800}.battle-log__line--danger{color:var(--danger);font-weight:800}.battle-log__line--success{color:#4ade80;font-weight:800}.battle-moves{display:grid;gap:10px;padding:14px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);animation:slideUp .35s ease both}.battle-moves__title{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.battle-moves__prompt{font-size:clamp(.98rem,3.5vw,1.1rem);font-weight:800;line-height:1.45}.battle-moves__grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.battle-move-btn{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--text);font-weight:700;font-size:.92rem;line-height:1.35;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .12s ease}.battle-move-btn:hover{border-color:#7aa2ff61;background:#7aa2ff1a}.battle-move-btn:active{transform:scale(.97)}.battle-move-btn--selected{border-color:#7aa2ff80;background:#7aa2ff29;font-weight:800}.battle-move-btn__icon{flex-shrink:0;font-size:1.3rem}.battle-moves__text-input{width:100%;min-height:100px;resize:vertical;padding:14px;line-height:1.5}.battle-turn-indicator{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;font-size:.82rem;font-weight:700;color:var(--text-muted)}.battle-turn-dot{width:8px;height:8px;border-radius:50%;background:#ffffff26;transition:background .3s ease,transform .3s ease}.battle-turn-dot--done{background:#4ade80}.battle-turn-dot--current{background:var(--accent);transform:scale(1.3);box-shadow:0 0 8px #7aa2ff66}.battle-turn-dot--pending{background:#ffffff26}.battle-action-bar{display:grid;gap:10px;padding:14px;border-radius:var(--radius-lg);border:1px solid var(--border);background:#0a0c12eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.battle-action-bar__info{font-size:.88rem;font-weight:700;line-height:1.4;color:var(--text-muted)}.battle-roster{display:grid;gap:8px;padding:14px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-muted)}.battle-roster__title{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.battle-roster__list{display:grid;gap:8px}.battle-member{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;transition:border-color .2s ease,background .2s ease}.battle-member--active{border-color:#7aa2ff57;background:#7aa2ff14}.battle-member__emoji{font-size:1.5rem;flex-shrink:0}.battle-member__info{display:grid;gap:2px;min-width:0}.battle-member__name{font-size:.9rem;font-weight:800;line-height:1.2}.battle-member__class{font-size:.78rem;font-weight:600;color:var(--text-muted);line-height:1.2}.battle-member__abilities{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.battle-member__ability{font-size:.72rem;font-weight:700;padding:1px 8px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);white-space:nowrap}.battle-member__ability--new{border-color:#4ade8057;background:#4ade801f;color:#4ade80;animation:fadeIn .4s ease both}.battle-result{display:grid;gap:16px;padding:14px;text-align:center;animation:fadeIn .5s ease both}.battle-result__title{font-size:clamp(1.6rem,5vw,2.4rem);font-weight:900;line-height:1.06}.battle-result__title--won{color:#4ade80;animation:victoryPulse 1.5s ease infinite}.battle-result__title--lost{color:var(--danger)}.battle-result__stats{display:grid;gap:8px;padding:14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-muted);text-align:left}.battle-result__stat{display:flex;justify-content:space-between;align-items:baseline;font-size:.92rem;line-height:1.4}.battle-result__stat-label{color:var(--text-muted);font-weight:600}.battle-result__stat-value{font-weight:800}.battle-reward{display:grid;gap:14px;padding:14px;border-radius:var(--radius-lg);border:1px solid rgba(74,222,128,.24);background:#4ade800f;animation:fadeIn .5s ease both .3s;opacity:0}.battle-reward__title{font-size:1.1rem;font-weight:900;color:#4ade80;text-align:center}.battle-reward__list{display:grid;gap:8px}.battle-reward__item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#4ade800f;border:1px solid rgba(74,222,128,.14);animation:slideUp .4s ease both}.battle-reward__item-name{font-weight:800;font-size:.92rem}.battle-reward__item-detail{font-size:.8rem;color:var(--text-muted)}.boss-ability-announce{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 16px;border-radius:14px;border:1px solid rgba(248,113,113,.28);background:#f8717114;font-weight:800;font-size:.95rem;color:var(--danger);animation:fadeIn .3s ease both}.boss-ability-announce__name{font-weight:800}.boss-ability-announce__desc{font-size:.82rem;font-weight:500;opacity:.85}.battle-nav{display:flex;gap:8px}.battle-nav__btn{flex:1;min-height:48px;font-weight:700}.battle-nav__btn--primary{background:#7aa2ff24;border-color:#7aa2ff57}.battle-nav__btn--submit{background:#4ade8024;border-color:#4ade8057;color:#4ade80}.battle-fx{position:absolute;inset:0;pointer-events:none;z-index:10}.battle-fx--flash{animation:flashFx .35s ease both;background:#7aa2ff2e}.battle-fx--boss-attack{animation:flashFx .35s ease both;background:#f8717126}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideFromRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes bossHit{0%{transform:translate(0);opacity:1}20%{transform:translate(-12px);opacity:.6}40%{transform:translate(10px);opacity:.8}60%{transform:translate(-6px);opacity:.7}80%{transform:translate(4px);opacity:.9}to{transform:translate(0);opacity:1}}@keyframes bossDefeat{0%{transform:translateY(0) scale(1);opacity:1}30%{transform:translateY(-10px) scale(1.05);opacity:.8}to{transform:translateY(40px) scale(.6);opacity:0}}@keyframes playerAttack{0%{transform:translate(0)}30%{transform:translate(20px) scale(1.1)}50%{transform:translate(30px) scale(1.05)}to{transform:translate(0) scale(1)}}@keyframes playerHit{0%{transform:translate(0);opacity:1}25%{transform:translate(10px);opacity:.5}50%{transform:translate(-8px);opacity:.7}75%{transform:translate(4px);opacity:.85}to{transform:translate(0);opacity:1}}@keyframes flashFx{0%{opacity:0}30%{opacity:1}to{opacity:0}}@keyframes victoryPulse{0%,to{opacity:1;text-shadow:0 0 12px rgba(74,222,128,.3)}50%{opacity:.85;text-shadow:0 0 24px rgba(74,222,128,.6)}}.battle-quote{padding:12px 14px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);font-style:italic;line-height:1.55;opacity:.94;text-align:center;animation:fadeIn .5s ease both .4s}.battle-links{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.boss-trait-info{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 18px;border-radius:14px;border:1px solid rgba(248,113,113,.22);background:#f871710f;max-width:440px;width:100%;opacity:0;animation:slideUp .5s ease both .55s}.boss-trait-info__title{font-weight:800;font-size:.95rem;color:var(--danger)}.boss-trait-info__detail{font-size:.88rem;color:var(--text-muted);text-align:center}.boss-abilities-preview{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:440px;width:100%;opacity:0;animation:slideUp .5s ease both .6s}.boss-abilities-preview__title{font-weight:700;font-size:.9rem;color:var(--text-muted)}.boss-abilities-preview__list{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.boss-abilities-preview__item{padding:3px 10px;border-radius:10px;border:1px solid rgba(248,113,113,.18);background:#f871710f;font-size:.82rem;font-weight:600;color:#f87171e6}.battle-boss__trait-active{font-size:.78rem;font-weight:700;color:var(--danger);text-align:center;padding:2px 8px;border-radius:8px;background:#f871711a;animation:victoryPulse 1.5s ease-in-out infinite}.battle-boss__sprite--trait{animation:bossTrait .8s ease both}@keyframes bossTrait{0%{transform:scale(1);filter:brightness(1)}20%{transform:scale(1.2);filter:brightness(1.6) hue-rotate(30deg)}50%{transform:scale(1.3);filter:brightness(2) hue-rotate(60deg)}80%{transform:scale(1.1);filter:brightness(1.4) hue-rotate(20deg)}to{transform:scale(1);filter:brightness(1)}}.battle-moves__ability-hint{font-size:.78rem;color:var(--text-muted);opacity:.8;margin-bottom:2px}.battle-link-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;width:100%;padding:0 16px;border-radius:14px;border:1px solid rgba(122,162,255,.28);background:#7aa2ff1f;color:#fffffff5;font-weight:800;text-decoration:none;transition:background .15s ease,border-color .15s ease}.battle-link-btn:hover{background:#7aa2ff33;border-color:#7aa2ff73}.battle-turn-feedback{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;border-radius:14px;font-weight:800;font-size:.95rem;animation:fadeIn .3s ease both;text-align:center}.battle-turn-feedback--correct{border:1px solid rgba(74,222,128,.28);background:#4ade8014;color:#4ade80}.battle-turn-feedback--incorrect{border:1px solid rgba(248,113,113,.28);background:#f8717114;color:var(--danger)}.battle-stats-row{display:flex;gap:4px;flex-wrap:wrap;padding:2px 0 4px}.battle-stat-chip{display:inline-flex;align-items:center;gap:2px;padding:2px 7px;border-radius:8px;font-size:.72rem;font-weight:700;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;line-height:1.4}.battle-stat-chip--shield{border-color:#7aa2ff59;background:#7aa2ff1f;color:#93c5fd}.battle-stat-chip--buff{border-color:#4ade8052;background:#4ade8014;color:#4ade80}.battle-stat-chip--debuff{border-color:#f8717152;background:#f8717114;color:#f87171}.battle-fighters-strip{display:flex;gap:6px;flex-wrap:wrap;padding:6px 0}.battle-fighter-chip{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:8px;font-size:.75rem;font-weight:700;border:1px solid rgba(255,255,255,.06);background:#ffffff05;line-height:1.3}.battle-fighter-chip--active{border-color:#7aa2ff57;background:#7aa2ff14;color:var(--accent-strong)}.battle-fighter-chip--ko{opacity:.4;text-decoration:line-through}.battle-v2-phase-banner{margin:4px 0;padding:6px 10px;background:linear-gradient(135deg,#7aa2ff1f,#ff7aa214);border-radius:8px;border:1px solid rgba(122,162,255,.2)}.battle-v2-phase{display:flex;align-items:center;gap:6px;font-weight:700;font-size:clamp(.85rem,2vw,1rem)}.battle-v2-phase__icon{font-size:1.2em}.battle-v2-law{margin-top:3px;font-size:clamp(.7rem,1.5vw,.82rem);opacity:.85;line-height:1.3}.battle-v2-law__desc{display:block;opacity:.65;font-size:.9em;margin-top:1px}.battle-v2-env{display:flex;gap:6px;flex-wrap:wrap;margin:3px 0;font-size:clamp(.7rem,1.5vw,.8rem)}.battle-v2-resource{margin:4px 0;padding:3px 8px;background:#7ac8ff14;border-radius:6px}.battle-v2-resource__label{font-size:clamp(.7rem,1.5vw,.82rem);font-weight:600;margin-bottom:2px}.battle-v2-resource__value{font-size:clamp(.65rem,1.4vw,.75rem);opacity:.7;text-align:right}.hp-bar__fill--resource{background:linear-gradient(90deg,#4fc3f7,#0288d1);border-radius:3px;transition:width .4s ease}.battle-v2-resource-inline{margin-left:10px;padding:2px 8px;background:#4fc3f726;border-radius:4px;font-size:.85em;font-weight:600}.battle-v2-competency-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.battle-v2-competency-tag{display:inline-block;padding:2px 8px;border-radius:12px;font-size:clamp(.65rem,1.4vw,.78rem);font-weight:600}.battle-v2-competency-tag--primary{background:#4caf5033;border:1px solid rgba(76,175,80,.4);color:#a5d6a7}.battle-v2-competency-tag--secondary{background:#ffc10726;border:1px solid rgba(255,193,7,.3);color:#ffe082}.battle-v2-explanation{display:flex;gap:6px;flex-wrap:wrap;padding:4px 0;justify-content:center}.battle-v2-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;font-size:clamp(.65rem,1.3vw,.75rem);font-weight:600;transition:opacity .3s}.battle-v2-chip--positive{background:#4caf5033;border:1px solid rgba(76,175,80,.35);color:#a5d6a7}.battle-v2-chip--negative{background:#f4433626;border:1px solid rgba(244,67,54,.3);color:#ef9a9a}.battle-v2-chip__label{white-space:nowrap}.battle-v2-chip__delta{font-weight:700;opacity:.9}.battle-v2-log-explanation{display:flex;gap:4px;flex-wrap:wrap;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:4px}.battle-v2-log-chip{display:inline-block;padding:2px 6px;border-radius:8px;font-size:clamp(.6rem,1.2vw,.7rem);font-weight:600;cursor:default}.battle-v2-log-chip--positive{background:#4caf5026;color:#a5d6a7}.battle-v2-log-chip--negative{background:#f443361f;color:#ef9a9a}.battle-turn-ownership{padding:4px 8px;text-align:center}.battle-turn-ownership__banner{padding:8px 12px;border-radius:8px;font-size:clamp(.85rem,2vw,1rem);font-weight:600}.battle-turn-ownership__banner--active{background:#4caf5033;color:#a5d6a7;border:1px solid rgba(76,175,80,.4)}.battle-turn-ownership__banner--waiting{background:#ffc10726;color:#ffe082;border:1px solid rgba(255,193,7,.3)}.battle-action-bar__blocked{padding:8px 12px;border-radius:8px;background:#ffc1071f;color:#ffe082;font-size:clamp(.75rem,1.5vw,.9rem);text-align:center;margin-bottom:8px}.battle-action-bar__spend-toggle{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:4px 0;border-radius:8px;background:#2196f31f;color:#90caf9;font-size:clamp(.75rem,1.5vw,.85rem);cursor:pointer}.battle-action-bar__spend-toggle input[type=checkbox]{width:16px;height:16px}.battle-v2-synergy{padding:8px;margin:4px 0;border-radius:8px;background:#9c27b026;border:1px solid rgba(156,39,176,.3)}.battle-v2-synergy__header{font-weight:700;font-size:clamp(.8rem,1.5vw,.9rem);color:#ce93d8;margin-bottom:4px}.battle-v2-synergy__body{font-size:clamp(.7rem,1.3vw,.8rem);color:#ffffffd9}.battle-v2-synergy__target{font-size:clamp(.65rem,1.2vw,.75rem);color:#e1bee7;margin-top:4px;font-weight:600}.battle-v2-behavior{padding:4px 8px;font-size:clamp(.7rem,1.3vw,.8rem);color:#ffab91;text-align:center}.profile-error{padding:12px;border-radius:14px;border:1px solid rgba(255,110,110,.35);background:#ff6e6e1a;color:#ffd4d4;line-height:1.45}.profile-section{display:grid;gap:10px;padding:14px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface)}.profile-section__title{margin:0;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.profile-section__desc{margin:0;font-size:.92rem;line-height:1.45;color:var(--text-muted)}.profile-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.profile-header__class{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-header__class-name{font-size:clamp(1.2rem,4vw,1.6rem);font-weight:900;line-height:1.1}.profile-header__class-role{font-size:.78rem;font-weight:700;padding:2px 10px;border-radius:999px;background:var(--accent-surface);border:1px solid rgba(122,162,255,.28);color:var(--accent-strong)}.profile-header__level{font-size:1.1rem;font-weight:900;color:var(--accent-strong)}.profile-xp{display:grid;gap:4px}.profile-xp__label{display:flex;justify-content:space-between;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.profile-xp__track{height:12px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.06);overflow:hidden}.profile-xp__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#7aa2ff99,#7aa2ffe6);box-shadow:0 0 8px #7aa2ff4d;transition:width .6s ease}.profile-xp__total{font-size:.78rem;color:var(--text-muted);text-align:right}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.profile-stat{display:flex;justify-content:space-between;align-items:baseline;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#ffffff05}.profile-stat__label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.profile-stat__value{font-size:1rem;font-weight:900}.profile-passive{display:grid;gap:4px;padding:10px 12px;border-radius:12px;border:1px solid rgba(122,162,255,.2);background:#7aa2ff0f;font-size:.92rem;line-height:1.45}.profile-classes{display:grid;gap:10px}.profile-class-card{display:grid;gap:8px;width:100%;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--text);text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .12s ease}.profile-class-card:hover{border-color:#7aa2ff61;background:#7aa2ff14}.profile-class-card:active{transform:scale(.98)}.profile-class-card:disabled{opacity:.5;cursor:not-allowed}.profile-class-card__header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-class-card__name{font-size:1.1rem;font-weight:900}.profile-class-card__role{font-size:.75rem;font-weight:700;padding:1px 8px;border-radius:999px;background:var(--accent-surface);border:1px solid rgba(122,162,255,.28);color:var(--accent-strong)}.profile-class-card__desc{font-size:.92rem;line-height:1.45;color:var(--text-muted)}.profile-class-card__stats{font-size:.82rem;font-weight:700;color:var(--text-muted)}.profile-class-card__passive{font-size:.85rem;line-height:1.4;color:var(--accent-strong)}.profile-class-card__abilities{display:flex;gap:6px;flex-wrap:wrap}.profile-ability-chip{font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);white-space:nowrap}.profile-abilities{display:grid;gap:8px}.profile-ability{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;color:var(--text);text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease}.profile-ability:hover{border-color:#7aa2ff4d;background:#7aa2ff0f}.profile-ability--equipped{border-color:#4ade8057;background:#4ade800f}.profile-ability--equipped:hover{border-color:#4ade8080;background:#4ade801a}.profile-ability--locked{opacity:.5;cursor:default}.profile-ability:disabled{opacity:.5;cursor:not-allowed}.profile-ability__icon{font-size:1.4rem;flex-shrink:0}.profile-ability__info{display:grid;gap:2px;min-width:0}.profile-ability__name{font-size:.92rem;font-weight:800;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.profile-ability__badge{font-size:.72rem;font-weight:700;padding:1px 6px;border-radius:999px;background:#4ade8024;border:1px solid rgba(74,222,128,.3);color:#4ade80}.profile-ability__desc{font-size:.82rem;line-height:1.4;color:var(--text-muted)}.profile-ability__meta{font-size:.75rem;font-weight:600;color:var(--text-muted);opacity:.75}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#fffffff5;background:radial-gradient(circle at top,rgba(84,95,176,.18),transparent 34%),linear-gradient(180deg,#11131a,#090a0f);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #090a0f;--surface: rgba(20, 23, 32, .92);--surface-strong: rgba(26, 30, 41, .96);--surface-muted: rgba(16, 19, 27, .92);--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .2);--text: rgba(255, 255, 255, .96);--text-muted: rgba(255, 255, 255, .72);--accent: #7aa2ff;--accent-strong: #91b3ff;--accent-surface: rgba(122, 162, 255, .18);--danger: #ff8787;--shadow: 0 18px 42px rgba(0, 0, 0, .32);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--container-max: 1080px}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--bg);color:var(--text);text-size-adjust:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100dvh;background:radial-gradient(circle at top,rgba(84,95,176,.18),transparent 34%),linear-gradient(180deg,#11131a,#090a0f);color:var(--text)}body,input,textarea,select,button{font:inherit}img,video,canvas,svg{display:block;max-width:100%}button,input,textarea,select{border-radius:14px;border:1px solid var(--border);background:#12141cf5;color:var(--text)}button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 16px;font-weight:700;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background-color .14s ease,opacity .14s ease;touch-action:manipulation}button:hover{border-color:var(--accent)}button:active{transform:translateY(1px)}button:disabled{opacity:.62;cursor:not-allowed}input,textarea,select{width:100%;min-height:48px;padding:12px 14px;font-size:16px}textarea{min-height:132px;resize:vertical}input::placeholder,textarea::placeholder{color:#ffffff70}:focus-visible{outline:3px solid rgba(122,162,255,.52);outline-offset:2px}a{color:var(--accent-strong);text-decoration:none}a:hover{color:#bfd2ff}#root{min-height:100dvh}.app-shell{min-height:100dvh;padding:calc(12px + env(safe-area-inset-top)) 12px calc(20px + env(safe-area-inset-bottom))}.app-shell__inner{width:min(100%,var(--container-max));margin:0 auto;display:grid;gap:16px}.app-header{display:grid;gap:12px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#0c0e14d6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.app-header__top{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}.app-brand{display:inline-flex;flex-direction:column;gap:2px;min-width:0}.app-brand__title{color:var(--text);font-size:1.05rem;font-weight:900;line-height:1.1;letter-spacing:.02em}.app-brand__caption{color:var(--text-muted);font-size:.82rem;line-height:1.25}.app-header__status{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-left:auto}.app-badge{display:inline-flex;align-items:center;min-height:36px;max-width:100%;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;color:var(--text-muted);font-size:.88rem;font-weight:600;line-height:1.2}.app-badge--accent{border-color:#7aa2ff57;background:var(--accent-surface);color:var(--text)}.app-nav-wrap{overflow-x:auto;margin-inline:-2px;margin-top:6px;padding-top:2px;padding-bottom:6px;scrollbar-width:none;-ms-overflow-style:none}.app-nav-wrap::-webkit-scrollbar{display:none;width:0;height:0}.app-nav{display:flex;align-items:stretch;gap:8px;min-width:max-content}.app-nav__group{display:flex;gap:8px}.app-nav__link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid transparent;background:#ffffff0a;color:var(--text-muted);font-size:.95rem;font-weight:700;white-space:nowrap;transition:border-color .14s ease,background-color .14s ease,color .14s ease}.app-nav__link:hover{color:var(--text);border-color:#ffffff24}.app-nav__link--active{color:var(--text);background:var(--accent-surface);border-color:#7aa2ff5c}.app-action-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:14px;border:1px solid rgba(122,162,255,.34);background:var(--accent-surface);color:var(--text);font-size:.95rem;font-weight:800;white-space:nowrap}.app-action-link:hover{border-color:#7aa2ff8a;color:var(--text)}.app-page{display:grid;gap:16px;min-width:0}.page-stack{display:grid;gap:14px}.surface{display:grid;gap:10px;padding:16px;border-radius:16px;border:1px solid var(--border);background:var(--surface);text-align:left}.surface--muted{background:var(--surface-muted)}@media(min-width:720px){.app-shell{padding:calc(16px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom))}.app-shell__inner{gap:20px}.app-header{padding:16px 18px}}@media(max-width:719px){.app-header__status{width:100%;justify-content:stretch;margin-left:0}.app-header__status>*{flex:1 1 100%}.app-header__status button,.app-header__status .app-action-link,.app-header__status .app-badge{width:100%;justify-content:center}}