:root{--battle-line: rgba(178, 164, 255, .3)}.battle-screen{width:min(100%,430px);margin:0 auto;min-height:100dvh;padding:calc(14px + env(safe-area-inset-top)) 12px calc(20px + env(safe-area-inset-bottom))}.battle-screen--state{display:grid;place-items:center;color:#eef3ff}.battle-shell{min-height:calc(100dvh - 34px - env(safe-area-inset-bottom));padding:14px;display:grid;grid-template-rows:auto auto 1fr auto;gap:14px;overflow:hidden}.battle-top{display:grid;gap:10px;justify-items:start}.battle-character{width:100%;display:grid;justify-items:center;gap:8px}.battle-character__stats{display:flex;align-items:center;gap:10px;justify-content:center}.battle-character__stat{min-width:70px;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--battle-line);background:#0a0e18b8;display:grid;place-items:center;color:#f4f6ff;font-size:.72rem}.battle-character__avatar{width:132px;max-width:42%;aspect-ratio:1 / 1;display:grid;place-items:center}.battle-character__avatar img{width:100%;height:100%;object-fit:contain}.battle-leave-button,.battle-end-turn-button{min-height:42px;padding:0 14px;border-radius:14px;border:1px solid var(--battle-line);background:#121622d1;color:#f1f4ff}.battle-leave-button:disabled,.battle-end-turn-button:disabled{opacity:.6;cursor:not-allowed}.battle-field{display:grid}.battle-field__board{border-radius:22px;border:1px solid var(--battle-line);background:#0b0f187a;padding:12px;display:grid;gap:10px}.battle-board-lane{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.battle-board-slot{position:relative;min-height:108px;border-radius:16px;border:1px solid rgba(184,168,255,.22);background:#080c13ad;overflow:hidden}.battle-board-slot__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.battle-board-slot__attack,.battle-board-slot__hp{position:absolute;z-index:2;bottom:6%;color:#fff1cc;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;font-size:.9rem}.battle-board-slot__attack{left:8%}.battle-board-slot__hp{right:8%}.battle-field__middle{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.battle-turn-timer{position:relative;min-height:14px;border-radius:999px;background:#0c111cd6;border:1px solid rgba(194,180,255,.22);overflow:hidden}.battle-turn-timer__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#6fd0ffe6,#9584ffe6)}.battle-turn-timer--urgent .battle-turn-timer__fill{animation:battle-timer-pulse .7s ease-in-out infinite}.battle-bottom{display:grid;grid-template-columns:64px minmax(0,1fr) 64px;gap:10px;align-items:end}.battle-bottom__side{display:grid;gap:8px}.battle-bottom__center{display:grid;gap:10px;justify-items:center}.battle-attack,.battle-ability,.battle-deck-counter,.battle-graveyard{min-height:84px;border-radius:18px;border:1px solid var(--battle-line);background:#0a0e18b8;color:#eef3ff;display:grid;place-items:center;padding:8px;text-align:center}.battle-graveyard{width:100%}.battle-attack__title,.battle-ability__title,.battle-deck-counter__label,.battle-graveyard__label{font-size:.58rem;color:#8fddff}.battle-attack__value,.battle-deck-counter__value,.battle-graveyard__value{font-size:1.04rem}.battle-attack__meta,.battle-ability__meta{font-size:.58rem}.battle-hand-panel{width:100%;min-height:140px;border-radius:24px;border:1px solid var(--battle-line);background:#080c13b8;padding:10px;display:flex;align-items:end;gap:6px;overflow-x:auto;position:relative}.battle-hand-card{flex:0 0 76px;aspect-ratio:520 / 780;border:1px solid rgba(184,168,255,.24);border-radius:14px;overflow:hidden;background:#0a0e18ad;transform:translateY(0)}.battle-hand-card--selected{transform:translateY(-10px)}.battle-hand-card img{width:100%;height:100%;object-fit:cover}.battle-hand-panel__hitbox{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.battle-error{margin:0;text-align:center;color:#ffb3b3;font-size:.84rem}@keyframes battle-timer-pulse{0%,to{opacity:1}50%{opacity:.4}}@font-face{font-family:Zenter SP Demo Black;src:url(/fonts/ZenterSPDemo-Black.otf) format("opentype");font-style:normal;font-weight:400;font-display:swap}:root{color-scheme:dark;font-family:Zenter SP Demo Black,Trebuchet MS,Segoe UI,sans-serif;background:#070a11;color:#eef3ff;--line: rgba(179, 157, 255, .34);--line-strong: rgba(179, 157, 255, .76);--panel: rgba(13, 18, 28, .72);--panel-strong: rgba(16, 22, 34, .9);--text-soft: rgba(231, 235, 255, .74)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100dvh;background:radial-gradient(circle at top,rgba(100,121,255,.1),transparent 30%),linear-gradient(180deg,#0a0e17,#05070c)}button,input{font:inherit}button{cursor:pointer}.app-shell{width:min(100%,430px);margin:0 auto;min-height:100dvh;padding:calc(14px + env(safe-area-inset-top)) 14px calc(20px + env(safe-area-inset-bottom));display:grid;gap:16px}.surface{background:linear-gradient(180deg,#141824e0,#090c14eb);border:1px solid var(--line);border-radius:28px;box-shadow:0 22px 44px #00000047,inset 0 1px #ffffff08}.surface-shell{background:#0b0f188f;border:1px solid rgba(185,165,255,.3);border-radius:24px;box-shadow:inset 0 1px #ffffff08}.main-menu{position:relative;overflow:hidden;min-height:80dvh;padding:16px;display:grid;grid-template-rows:auto auto 1fr;gap:18px;isolation:isolate}.video-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.video-stage__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 24%,rgba(132,112,255,.24),transparent 18%),radial-gradient(circle at 50% 60%,rgba(77,166,255,.12),transparent 28%),linear-gradient(180deg,#ffffff05,#04081033)}.video-stage__label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#e2e6ff24;text-transform:uppercase;letter-spacing:.22em;font-size:.72rem}.menu-topbar,.hero-focus,.menu-actions,.inventory-screen__content{position:relative;z-index:1}.menu-topbar{display:grid;grid-template-columns:84px minmax(0,1fr) 84px;align-items:center;gap:10px;width:100%}.menu-title{margin:0;text-align:center;font-size:clamp(1.6rem,6vw,2.45rem);line-height:.95;letter-spacing:.06em;color:#f1ebff;text-shadow:0 0 24px rgba(130,106,255,.18);justify-self:center;min-width:0;max-width:100%}.top-slot,.menu-button,.menu-panel,.hero-avatar,.hero-nameplate,.player-tag{border:1px solid var(--line-strong);background:#0a0e1857;color:#f2efff}.top-slot{width:100%;min-height:54px;border-radius:16px;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;display:grid;place-items:center;overflow:hidden;padding:0 8px}.top-slot__label{display:inline-flex;align-items:center;justify-content:center;width:100%;min-width:0;white-space:nowrap}.hero-focus{display:grid;justify-items:center;gap:10px;padding-top:20px}.hero-avatar{width:214px;aspect-ratio:1 / 1;overflow:hidden;border-radius:0;display:grid;place-items:center;font-size:.9rem;text-transform:uppercase;letter-spacing:.12em;border:none;background:transparent;box-shadow:none}.hero-avatar img{width:100%;height:100%;object-fit:contain}.hero-nameplate{min-width:184px;max-width:76%;min-height:32px;padding:7px 16px;border-radius:10px;display:grid;place-items:center;font-weight:700;text-align:center}.player-tag{min-width:122px;min-height:24px;padding:5px 12px;border-radius:8px;display:grid;place-items:center;font-size:.78rem;text-transform:lowercase}.menu-actions{display:grid;align-content:end;gap:14px;padding:6px 0}.menu-button,.menu-panel{width:100%;border-radius:20px;text-align:center}.menu-button{min-height:64px;font-size:1rem;font-weight:700}.menu-button--primary{min-height:68px}.menu-button:disabled{opacity:.6;cursor:not-allowed}.menu-panel{min-height:188px;display:grid;place-items:center;font-size:1rem}.inventory-screen{position:relative;overflow:hidden;min-height:86dvh;padding:14px;isolation:isolate}.inventory-screen__content{display:grid;gap:14px}.inventory-topbar{display:flex;justify-content:flex-start}.inventory-back{width:88px}.inventory-deck,.inventory-catalog,.inventory-shop{padding:12px}.inventory-catalog{padding:10px 8px 8px}.inventory-deck__summary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;color:#ecf1ff}.inventory-deck__count{font-size:.56rem;font-weight:700;letter-spacing:.04em}.inventory-deck__status{font-size:.48rem;color:var(--text-soft);text-align:right}.inventory-deck__status--syncing{color:#9bdcff}.inventory-deck__status--saved{color:#9cf4b4}.inventory-deck__status--error{color:#ffabab}.inventory-deck__slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.inventory-deck__slot,.inventory-deck__all-slot{min-height:0;border-radius:0;background:transparent;border:none;display:grid;place-items:center;padding:0;overflow:visible}.inventory-toggle,.inventory-tab,.inventory-pager__button{border:1px solid rgba(187,166,255,.24);background:#141927b8;color:#edf0ff}.inventory-toggle{width:100%;min-height:34px;margin-top:10px;border-radius:12px;font-size:.64rem}.inventory-deck__all{margin-top:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.inventory-deck-modal{width:min(100%,430px);max-height:calc(100dvh - 34px - env(safe-area-inset-bottom));padding:16px 14px 14px;display:grid;gap:14px;overflow:hidden}.inventory-deck-modal__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;overflow-y:auto;padding-right:2px}.inventory-toggle--modal{margin-top:0}.inventory-catalog__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:8px}.inventory-tab{min-height:38px;border-radius:14px;font-weight:700;font-size:.64rem}.inventory-tab--active{background:#745cff47;border-color:#c1b5ff6b}.inventory-filter{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.inventory-filter__button,.inventory-filter__option{border:1px solid rgba(187,166,255,.24);background:#141927b8;color:#edf0ff}.inventory-filter__button{min-width:96px;min-height:34px;border-radius:12px;font-weight:700;letter-spacing:.08em;font-size:.58rem}.inventory-filter__menu{position:absolute;top:calc(100% + 6px);left:0;z-index:4;min-width:150px;padding:6px;border-radius:14px;border:1px solid rgba(187,166,255,.24);background:#0a0e18f0;box-shadow:0 12px 24px #0000003d;display:grid;gap:6px}.inventory-filter__option{min-height:34px;border-radius:10px;text-align:left;padding:0 12px;font-size:.56rem}.inventory-filter__current{color:var(--text-soft);font-size:.5rem;text-align:right}.inventory-catalog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;min-height:0}.inventory-catalog__empty{min-height:420px;display:grid;place-items:center;text-align:center;color:var(--text-soft)}.inventory-pager{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.58rem}.inventory-pager__button{min-width:72px;min-height:34px;border-radius:12px;font-size:.58rem}.inventory-shop{min-height:220px;display:grid;place-items:center}.inventory-card{width:100%}.inventory-card--interactive{cursor:pointer}.inventory-card__frame{position:relative;width:100%;aspect-ratio:2 / 3;border-radius:16px;overflow:hidden;filter:drop-shadow(0 12px 18px rgba(0,0,0,.3));--mana-x: 12.3%;--mana-y: 11.8%;--attack-x: 12.7%;--attack-y: 87.2%;--hp-x: 87.4%;--hp-y: 87.2%;--slot-size: 14%;--stat-font-size: clamp(.9rem, 2.6vw, 1.3rem)}.inventory-card__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.inventory-card__stat-slot{position:absolute;width:var(--slot-size);aspect-ratio:1 / 1;display:grid;place-items:center;z-index:2}.inventory-card__stat-slot--mana{left:calc(var(--mana-x) - (var(--slot-size) / 2));top:calc(var(--mana-y) - (var(--slot-size) / 2))}.inventory-card__stat-slot--attack{left:calc(var(--attack-x) - (var(--slot-size) / 2));top:calc(var(--attack-y) - (var(--slot-size) / 2))}.inventory-card__stat-slot--hp{left:calc(var(--hp-x) - (var(--slot-size) / 2));top:calc(var(--hp-y) - (var(--slot-size) / 2))}.inventory-card__stat{font-family:Zenter SP Demo Black,Georgia,Times New Roman,serif;font-size:var(--stat-font-size);font-weight:900;line-height:1;color:#fff1cc;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 4px 10px rgba(0,0,0,.95)}.inventory-card__count-badge,.inventory-card__deck-action,.inventory-card__catalog-action{position:absolute;z-index:3}.inventory-card__count-badge{top:6%;left:50%;transform:translate(-50%);min-width:28%;padding:3px 8px;border-radius:999px;background:#090d15d6;border:1px solid rgba(205,191,255,.44);color:#f3edff;text-align:center;font-size:clamp(.5rem,1.8vw,.74rem);font-weight:800;letter-spacing:.04em}.inventory-card__deck-action,.inventory-card__catalog-action{width:19%;aspect-ratio:1 / 1;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(214,224,255,.34);background:#080c13d6;color:#eff4ff;font-size:clamp(.72rem,2vw,1rem);line-height:1}.inventory-card__deck-action:disabled,.inventory-card__catalog-action:disabled{opacity:.42;cursor:not-allowed}.inventory-card__deck-action--remove{top:4%;right:4%}.inventory-card__catalog-action{left:50%;bottom:5%;transform:translate(-50%);width:22%;background:#3083afe0;border-color:#9ce0ff8a;color:#04111a;font-weight:900}.inventory-card__text-slot{position:absolute;left:12%;right:12%;top:56%;bottom:auto;z-index:2;display:grid;justify-items:stretch}.inventory-card--grid .inventory-card__text-slot,.inventory-card--deck .inventory-card__text-slot{display:none}.inventory-card__description{padding:0;border-radius:0;background:transparent;min-height:18%;font-size:clamp(.42rem,1.35vw,.63rem);line-height:1.18;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.45);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.inventory-card--deck .inventory-card__frame{--slot-size: 14.8%;--stat-font-size: clamp(.9rem, 2vw, 1.24rem)}.inventory-card--deck{width:118%;margin-left:-9%;margin-right:-9%}.inventory-card--deck .inventory-card__count-badge{top:4.5%;min-width:34%;padding:5px 10px;font-size:clamp(.62rem,1.7vw,.88rem)}.inventory-card--deck .inventory-card__deck-action{width:21%;font-size:clamp(.84rem,2vw,1.08rem)}.card-viewer{width:min(100%,430px);max-height:calc(100dvh - 10px - env(safe-area-inset-bottom));padding:0;position:relative;display:grid;place-items:center;align-self:center;background:transparent;border:none;box-shadow:none}.card-viewer__close{position:absolute;top:18px;right:6px;z-index:5;width:42px;height:42px;border-radius:999px;border:1px solid rgba(214,224,255,.34);background:#080c13d6;color:#eff4ff;font-size:1.1rem}.card-viewer__frame{position:relative;width:min(100%,404px);aspect-ratio:2 / 3;border-radius:22px;overflow:hidden;filter:drop-shadow(0 18px 28px rgba(0,0,0,.32));--viewer-mana-x: 13%;--viewer-mana-y: 14%;--viewer-attack-x: 14%;--viewer-attack-y: 90%;--viewer-hp-x: 87%;--viewer-hp-y: 90%;--viewer-slot-size: 23%}.card-viewer__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.card-viewer__anchor{position:absolute;width:var(--viewer-slot-size);aspect-ratio:1 / 1;display:grid;place-items:center;z-index:2}.card-viewer__anchor--mana{left:calc(var(--viewer-mana-x) - (var(--viewer-slot-size) / 2));top:calc(var(--viewer-mana-y) - (var(--viewer-slot-size) / 2))}.card-viewer__anchor--attack{left:calc(var(--viewer-attack-x) - (var(--viewer-slot-size) / 2));top:calc(var(--viewer-attack-y) - (var(--viewer-slot-size) / 2))}.card-viewer__anchor--hp{left:calc(var(--viewer-hp-x) - (var(--viewer-slot-size) / 2));top:calc(var(--viewer-hp-y) - (var(--viewer-slot-size) / 2))}.card-viewer__stat{font-family:Zenter SP Demo Black,Georgia,Times New Roman,serif;font-size:clamp(4.2rem,11.4vw,6.8rem);font-weight:900;line-height:1;color:#fff1cc;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 5px 12px rgba(0,0,0,.95)}.card-viewer__description,.card-viewer__combat,.card-viewer__name,.card-viewer__race{position:absolute;z-index:2;color:#fff;font-family:Zenter SP Demo Black,Georgia,Times New Roman,serif;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.96),0 0 10px rgba(0,0,0,.52)}.card-viewer__description{left:13%;right:13%;top:60.5%;min-height:14%;font-size:clamp(.8rem,2vw,1rem);line-height:1.18;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.card-viewer__combat{left:11%;right:11%;top:73%;font-size:clamp(.66rem,1.6vw,.86rem);line-height:1.15;letter-spacing:.03em}.card-viewer__name{left:18%;right:18%;top:83.2%;font-size:clamp(1.02rem,2.8vw,1.34rem);font-weight:800;text-transform:uppercase}.card-viewer__race{left:22%;right:22%;top:89.2%;font-size:clamp(.76rem,2vw,.96rem);letter-spacing:.04em}.dev-panel{padding:18px}.section-head{position:relative;display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:16px}.section-head__title--centered{position:absolute;left:50%;transform:translate(-50%);width:max-content;display:grid;justify-items:center}.section-head h2{margin:0;letter-spacing:.02em}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:#89dcff}.status-pill{padding:8px 12px;border-radius:999px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.status-pill--ok{background:#36ad742e;color:#96ffbf}.status-pill--idle{background:#8497b829;color:#d9e4ff}.field{display:grid;gap:8px}.field span{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#d8e4ffb8}.field input{width:100%;padding:14px 16px;border:1px solid rgba(162,190,232,.18);border-radius:14px;background:#06090fb8;color:#f5f8ff}.quick-row{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 16px}.chip,.primary-button,.secondary-button,.picker-close,.hero-card{padding:4px 2px 8px;border-radius:0;background:transparent;border:none;color:#f1f4ff;text-align:center}.chip{padding:10px 14px;border-radius:14px;background:#4d75a82e;color:#dce9ff}.primary-button{width:100%;padding:15px 18px;border-radius:14px;background:linear-gradient(135deg,#2f8ec6,#5ec2db);color:#061018;font-weight:800}.secondary-button{width:100%;margin-top:10px;padding:13px 18px;border-radius:14px;background:#6272a72e;color:#dce8ff;border:1px solid rgba(157,173,231,.18);font-weight:700}.chip:disabled,.primary-button:disabled,.secondary-button:disabled{opacity:.6;cursor:not-allowed}.error-text{margin:12px 0 0;color:#ff9f9f}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:end center;padding:18px 14px calc(22px + env(safe-area-inset-bottom));background:#05080e94;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.picker{width:min(100%,430px);padding:18px;max-height:calc(100dvh - 36px - env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden}.picker-close{margin-left:auto;padding:9px 12px;border-radius:12px;background:#616b8e2e;color:#e5ebff}.hero-select-overlay{place-items:start center;padding-top:calc(80px + env(safe-area-inset-top))}.hero-select{width:min(100%,430px);padding:18px;max-height:calc(100dvh - 36px - env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;animation:hero-select-drop .22s ease-out}.hero-select__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.hero-select__header .eyebrow{margin-bottom:0}.hero-select__body{padding-top:12px}.hero-select__empty{min-height:360px;display:grid;place-items:center;text-align:center;color:#e5ecffcc;font-size:.88rem;line-height:1.4}.hero-select__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.hero-select-card{width:100%;padding:0;border:none;background:transparent}.hero-select-card__frame{position:relative;display:block;width:100%;aspect-ratio:520 / 780;overflow:hidden;border-radius:20px;border:1px solid rgba(190,171,255,.22);background:linear-gradient(180deg,#ffffff0a,#03060c2e),#080b13db;box-shadow:0 14px 28px #00000047,inset 0 1px #ffffff0d}.hero-select-card__art,.hero-viewer__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-select-card__art{object-fit:cover}.hero-select-card__anchor,.hero-viewer__anchor{position:absolute;z-index:2;display:flex;align-items:center}.hero-select-card__anchor--name,.hero-viewer__anchor--name{left:17%;right:17%;top:85%;justify-content:center;transform:translateY(-50%)}.hero-select-card__anchor--attack,.hero-viewer__anchor--attack{left:6%;bottom:10%;justify-content:flex-start}.hero-select-card__anchor--hp,.hero-viewer__anchor--hp{right:3%;bottom:10%;justify-content:flex-end}.hero-select-card__name,.hero-viewer__name,.hero-select-card__stat,.hero-viewer__stat{color:#fff1cc;text-align:center;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 4px 10px rgba(0,0,0,.94)}.hero-select-card__name,.hero-viewer__name{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 12px;border-radius:0;background:transparent;border:none;max-width:100%;width:100%;white-space:nowrap;overflow:hidden}.auto-fit-text__content{display:block;white-space:nowrap;line-height:1}.hero-select-card__stat{font-size:clamp(1.2rem,3vw,1.65rem);line-height:1}.hero-viewer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:31;display:grid;place-items:center;padding:18px 14px calc(22px + env(safe-area-inset-bottom));background:#04070cb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-viewer{position:relative;width:min(100%,430px);padding:14px;animation:hero-select-drop .22s ease-out}.hero-viewer__close{width:100%;min-height:42px;margin-bottom:12px;border-radius:14px;border:1px solid rgba(185,166,255,.22);background:#141927b8;color:#edf0ff}.hero-viewer__frame{position:relative;width:100%;aspect-ratio:520 / 780;overflow:hidden;border-radius:22px;border:1px solid rgba(190,171,255,.22);background:#080b13e6}.hero-viewer__art{object-fit:cover}.hero-viewer__future{position:absolute;top:10%;width:14%;height:28%;border-radius:18px;border:1px dashed rgba(203,217,255,.18);background:#070a102e;z-index:1}.hero-viewer__future--left{left:4%}.hero-viewer__future--right{right:4%}.hero-viewer__name{font-size:.88rem}.hero-viewer__stat{font-size:clamp(2rem,5vw,2.85rem);line-height:1}.hero-viewer__choose{position:absolute;left:50%;bottom:5%;z-index:3;transform:translate(-50%);min-width:42%;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(151,227,255,.34);background:linear-gradient(135deg,#3985a8f0,#49c0d8eb);color:#04111a;font-weight:900}.hero-viewer__choose:disabled{opacity:.6;cursor:not-allowed}.hero-viewer__error{margin:12px 4px 0;color:#ffb5b5;text-align:center;font-size:.84rem}.game-mode-overlay{place-items:stretch end;padding:0}.game-mode-panel{width:min(50vw,320px);min-width:240px;min-height:100dvh;padding:calc(22px + env(safe-area-inset-top)) 18px calc(20px + env(safe-area-inset-bottom));border-radius:28px 0 0 28px;border-right:none;display:grid;grid-template-rows:auto auto auto auto 1fr;gap:16px;animation:game-mode-slide-in .24s ease-out}.game-mode-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.game-mode-panel__header .eyebrow{margin-bottom:0}.game-mode-panel__art{position:relative;min-height:220px;border-radius:22px;border:1px solid rgba(190,171,255,.24);overflow:hidden;background:radial-gradient(circle at 50% 24%,rgba(74,181,255,.18),transparent 30%),linear-gradient(180deg,#1b2234f0,#0b0f18f0)}.game-mode-panel__art-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 30%,rgba(163,131,255,.18),transparent 24%),radial-gradient(circle at 50% 80%,rgba(53,132,194,.12),transparent 34%)}.game-mode-panel__modes{display:grid;gap:10px}.game-mode-card{position:relative;min-height:88px;padding:16px;border-radius:20px;border:1px solid rgba(188,167,255,.24);background:#0a0e18b8;color:#eef3ff;text-align:left}.game-mode-card--active{background:linear-gradient(180deg,#171f31eb,#090e17f5),#0a0e18b8;border-color:#8bdaff57}.game-mode-card__label{display:block;font-size:.96rem;line-height:1.1}.game-mode-panel__action{width:100%;min-height:52px;border-radius:18px;border:1px solid rgba(151,227,255,.34);background:linear-gradient(135deg,#3985a8f0,#49c0d8eb);color:#04111a;font-weight:900}.game-mode-panel__action:disabled{opacity:.56;cursor:not-allowed}.game-mode-panel__error{margin:0;color:#ffb5b5;font-size:.84rem;line-height:1.3}.queue-search-overlay{place-items:start center;padding:calc(18px + env(safe-area-inset-top)) 14px calc(22px + env(safe-area-inset-bottom))}.queue-search-stack{width:min(100%,430px);display:grid;gap:14px}.queue-search-panel{width:100%;padding:18px;display:grid;gap:12px;animation:hero-select-drop .22s ease-out}.queue-search-panel__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.queue-search-panel__top .eyebrow{margin-bottom:0}.queue-search-panel__timer{color:#edf0ff;font-size:.9rem}.queue-search-panel__status{min-height:58px;border-radius:18px;border:1px solid rgba(188,167,255,.24);background:#0a0e18b8;display:grid;place-items:center;color:#eef3ff;font-size:1rem;letter-spacing:.06em}.queue-search-panel__cancel{width:100%;min-height:46px;border-radius:16px;border:1px solid rgba(255,184,184,.32);background:#3a1219b8;color:#ffd9d9;font-weight:800}.queue-loadout{width:100%;padding:16px 16px 18px;display:grid;gap:14px;max-height:calc(100dvh - 200px - env(safe-area-inset-bottom));overflow:hidden}.queue-loadout__hero{display:grid;justify-items:center}.queue-loadout__hero img{width:168px;max-width:60%;aspect-ratio:1 / 1;object-fit:contain}.queue-loadout__deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;overflow-y:auto;padding-right:4px}.queue-loadout-card{position:relative;width:100%;aspect-ratio:520 / 780;overflow:hidden;border-radius:16px;border:1px solid rgba(190,171,255,.2);background:#0a0e18b8}.queue-loadout-card__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.queue-loadout-card__badge{position:absolute;top:6px;right:6px;z-index:2;min-width:28px;min-height:28px;padding:0 8px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(205,191,255,.44);background:#090d15e0;color:#f3edff;font-size:.72rem;font-weight:800}.match-found-overlay{place-items:center;padding:18px;background:#04070cbd;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:40}.match-found-panel{width:min(100%,360px);padding:20px 18px 18px;display:grid;gap:14px;justify-items:center;animation:hero-select-drop .22s ease-out}.match-found-panel .eyebrow{margin-bottom:0}.match-found-panel__players{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.match-found-player{min-height:172px;padding:12px 10px;border-radius:20px;border:1px solid rgba(188,167,255,.24);background:#0a0e18b8;display:grid;justify-items:center;align-content:start;gap:10px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.match-found-player--accepted{border-color:#78ffb080;box-shadow:0 0 28px #4ecb7b3d;background:#102616b8}.match-found-player--declined{border-color:#ff949480;box-shadow:0 0 28px #ce49493d;background:#311216b8}.match-found-player__tag,.match-found-player__rating{color:#eef3ff;font-size:.72rem}.match-found-player__avatar{width:82px;aspect-ratio:1 / 1;border-radius:999px;border:1px solid rgba(201,214,255,.24);background:radial-gradient(circle at 50% 35%,rgba(111,208,255,.16),transparent 35%),#080c13d1}.match-found-panel__deadline,.match-found-panel__countdown{width:100%;min-height:48px;border-radius:16px;border:1px solid rgba(188,167,255,.24);background:#0a0e18b8;display:grid;place-items:center;color:#f1f4ff;text-align:center}.match-found-panel__actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.match-found-panel__accept,.match-found-panel__decline{min-height:46px;border-radius:16px;font-weight:800}.match-found-panel__accept{border:1px solid rgba(151,227,255,.34);background:linear-gradient(135deg,#3985a8f0,#49c0d8eb);color:#04111a}.match-found-panel__decline{border:1px solid rgba(255,184,184,.32);background:#3a1219b8;color:#ffd9d9}.match-found-panel__accept:disabled,.match-found-panel__decline:disabled{opacity:.6;cursor:not-allowed}.match-found-panel__error{margin:0;color:#ffb5b5;font-size:.84rem;text-align:center}@keyframes game-mode-slide-in{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes hero-select-drop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}