/* =========================================================
   KoraVerse v25 — Content & Progression expansion
   Existing screen/card geometry remains untouched.
   ========================================================= */
.game-back{position:relative!important;z-index:50!important;pointer-events:auto!important;touch-action:manipulation!important;direction:ltr!important;isolation:isolate}
.rtl .game-back{direction:ltr!important;transform:none!important}
.rtl .qtop > .back:first-child,.rtl .pagehead > .back{position:relative;z-index:60;pointer-events:auto!important;touch-action:manipulation!important}
.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.profile-actions .btn{min-width:0}
.badge-host{position:relative}.notify-dot{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;border-radius:99px;background:#d74455;color:#fff;font-style:normal;font-size:10px;display:grid;place-items:center;border:2px solid #0c121c}
.progression-list{display:grid;gap:9px}.progression-card,.achievement-card,.milestone-row,.album-row{padding:13px}.progression-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.progression-head b{min-width:0}.progress-track{height:7px;border-radius:99px;background:#202a39;overflow:hidden;margin:8px 0}.progress-track>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--gold2))}.mini-btn{padding:8px 10px;font-size:10px;border-radius:10px}.done-label{font-size:10px;color:#70df9b;font-weight:900}.streak-card{padding:15px;text-align:center}.streak-card>strong{display:block;color:var(--gold2);font-size:40px;margin:4px}.streak-grid{display:grid;grid-template-columns:repeat(7,minmax(70px,1fr));gap:6px;overflow:auto;margin-top:12px;padding-bottom:4px}.streak-day{padding:8px;border-radius:10px;background:#111927;border:1px solid rgba(255,255,255,.08);display:grid;gap:4px}.streak-day.active{border-color:var(--gold);background:rgba(224,178,61,.12)}.streak-day small{color:var(--muted)}.streak-day b{font-size:9px}.bonus-card{margin-top:10px;padding:14px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:9px}.achievement-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center}.achievement-icon{width:42px;height:42px;border-radius:12px;background:#172132;display:grid;place-items:center;color:var(--gold2)}.achievement-card.unlocked{border-color:rgba(224,178,61,.48)}.achievement-card small{color:var(--muted)}.album-summary{padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.album-summary>div{display:grid;gap:3px}.album-summary small{color:var(--muted)}.album-summary b{font-size:24px;color:var(--gold2)}.album-summary .progress-track{grid-column:1/-1}.album-groups{display:grid;gap:8px}.album-row{display:flex;gap:12px;align-items:center}.album-row .grow{min-width:0;display:grid;gap:3px}.album-row strong{color:var(--gold2)}.milestone-row{display:flex;align-items:center;gap:8px}.who-layout{display:grid;gap:10px}.who-card-wrap{width:min(300px,76vw);margin:auto}.who-clues,.who-guess{padding:14px}.who-clue{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:start;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.who-clue:last-child{border-bottom:0}.who-clue b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(224,178,61,.14);color:var(--gold2)}.who-suggestions{display:grid;gap:5px}.who-suggestions button{display:flex;justify-content:space-between;gap:10px;align-items:center;text-align:start;background:#111927;color:#fff;border:1px solid rgba(255,255,255,.1);padding:9px 10px;border-radius:10px}.who-suggestions small{color:var(--muted);font-size:9px}.rtl .who-suggestions button{text-align:right}.rtl .who-clue{direction:rtl}
@media(max-width:430px){.profile-actions{grid-template-columns:1fr}.bonus-card{grid-template-columns:1fr auto}.bonus-card .btn{grid-column:1/-1}.achievement-card{grid-template-columns:38px minmax(0,1fr)}.achievement-card>.btn{grid-column:1/-1;width:100%}.album-summary b{font-size:20px}.milestone-row{flex-wrap:wrap}.milestone-row .btn{width:100%}}

/* =========================================================
   v25.3 Pack Economy + reliable Store CTA hit areas
   Visual row artwork remains unchanged. Interactive hitboxes are
   positioned independently from the informational text block so
   Legendary/Iconic taps match the visible controls on every width.
   ========================================================= */
.packrow-premium{overflow:visible!important;margin-bottom:0}
.packrow-premium .info{pointer-events:none!important;padding-bottom:42px}
.packrow-premium .pack-actions{
  position:absolute!important;z-index:30!important;left:31%!important;right:6%!important;bottom:11%!important;
  height:38px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;
  pointer-events:none!important;direction:ltr!important;
}
.packrow-premium .pack-actions .btn{pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}
.packrow-premium .pack-cta-hitbox{
  position:relative!important;z-index:32!important;translate:none!important;transform:none!important;
  min-width:118px!important;min-height:42px!important;padding:7px 12px!important;display:grid!important;place-items:center!important;
}
.packrow-premium .pack-odds-btn{position:relative!important;z-index:31!important;min-height:38px!important;padding:6px 10px!important;font-size:10px!important}
.packrow-premium .pack-odds-panel{
  position:relative;z-index:40;margin:-2px 5% 10px 31%;padding:10px 12px;border-radius:14px;
  background:rgba(7,12,20,.96);border:1px solid rgba(224,178,61,.34);box-shadow:0 8px 24px rgba(0,0,0,.34);
}
.packrow-premium .pack-odds-panel[hidden]{display:none!important}
.odds-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 0;font-size:11px;color:#f0f2f5}
.odds-line b{color:#f6d56f}
.pack-pity{border-top:1px solid rgba(255,255,255,.08);margin-top:6px;padding-top:6px;display:grid;gap:3px;color:#aeb9c8;font-size:9px}
.rtl .packrow-premium .pack-actions{direction:rtl!important;justify-content:flex-start!important}
.rtl .packrow-premium .pack-odds-panel{direction:rtl;text-align:right}
@media(max-width:430px){
  .packrow-premium .info{padding-bottom:38px}
  .packrow-premium .pack-actions{left:31%!important;right:4%!important;bottom:9%!important;height:36px!important;gap:5px!important}
  .packrow-premium .pack-cta-hitbox{min-width:104px!important;min-height:40px!important;font-size:9px!important;padding:6px 8px!important}
  .packrow-premium .pack-odds-btn{min-height:36px!important;font-size:9px!important;padding:5px 7px!important}
}
@media(max-width:374px){
  .packrow-premium .pack-actions{left:30.5%!important;right:3.5%!important;bottom:8%!important}
  .packrow-premium .pack-cta-hitbox{min-width:92px!important;min-height:38px!important}
  .packrow-premium .pack-odds-btn{min-height:34px!important}
}
.pack-result-legendary{background:radial-gradient(circle,rgba(121,65,196,.25),transparent 58%)!important}
.pack-result-iconic{background:radial-gradient(circle,rgba(246,207,99,.30),rgba(99,150,255,.10) 35%,transparent 62%)!important}
.reveal-rarity-legendary{filter:drop-shadow(0 0 18px rgba(144,88,230,.36))}
.reveal-rarity-iconic{filter:drop-shadow(0 0 24px rgba(246,207,99,.48))}

/* =========================================================
   v25.4 — Squad Championship / Squad Power
   Additive only: uses the approved KoraVerse glass/button language.
   ========================================================= */
.squad-power-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:8px 9px;margin:0 0 10px;border-radius:14px}
.squad-power-strip span{display:grid;gap:2px;text-align:center;min-width:0}
.squad-power-strip small{font-size:8px;letter-spacing:.04em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.squad-power-strip b{font-size:14px;color:var(--gold2)}
.champ-overlay .inner{padding-bottom:max(22px,env(safe-area-inset-bottom))}
.champ-setup,.champ-bracket-panel,.champ-tactics,.champ-next,.champ-sim{border-radius:18px;padding:14px}
.champ-power-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.champ-power-title strong{font-size:32px;line-height:1;color:var(--gold2)}
.champ-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.champ-metrics span{display:flex;justify-content:space-between;gap:7px;border:1px solid rgba(255,255,255,.08);background:rgba(4,9,16,.45);border-radius:10px;padding:7px 8px;font-size:10px;min-width:0}
.champ-metrics b{color:var(--gold2)}
.setup-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}
.setup-metrics span{display:grid;text-align:center;padding:8px 5px}
.champ-invalid{margin:11px 0}
.champ-tier-select{margin-top:13px;width:100%}
.champ-tier-select button{min-height:40px}
.champ-bracket-panel h2{margin:0 0 12px;color:var(--gold2);font-size:18px}
.champ-bracket{display:grid;grid-template-columns:1.2fr 1fr .9fr;gap:9px;align-items:center;overflow-x:auto;padding:2px 1px 6px}
.champ-bracket section{display:grid;gap:8px;min-width:118px}
.champ-bracket h4{text-align:center;color:var(--muted);font-size:9px;letter-spacing:.08em;margin:0 0 2px;text-transform:uppercase}
.bracket-pair{display:grid;gap:2px;padding:7px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(5,10,17,.60);font-size:9px;line-height:1.15}
.bracket-pair i{font-size:7px;color:var(--muted);font-style:normal}
.bracket-pair.user-path{border-color:rgba(235,192,78,.52);box-shadow:inset 0 0 15px rgba(235,192,78,.06)}
.champ-next{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:10px;font-size:10px}
.champ-next span{color:var(--gold2);font-weight:800}.champ-next i{font-style:normal;color:var(--gold2);padding:0 4px}
.champ-versus{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);gap:7px;align-items:stretch}
.champ-team-card{padding:12px 9px;border-radius:16px;display:flex;flex-direction:column;gap:8px;min-width:0;text-align:center}
.champ-team-card>strong{font-size:30px;line-height:1;color:var(--gold2)}
.champ-team-card>.champ-metrics{grid-template-columns:1fr}
.champ-team-card>.champ-metrics span{font-size:8px;padding:5px 6px}
.versus-mark{display:grid;place-items:center;color:var(--gold2);font-size:13px;font-weight:900}
.champ-tactics{margin-top:10px}.champ-tactics>b{display:block;margin-bottom:8px;color:var(--gold2)}
.champ-tactics .seg{width:100%}.champ-tactics .seg button{min-height:38px}
.champ-sim{margin-top:4px}.sim-score{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;text-align:center;font-size:10px}
.sim-score b{font-size:27px;color:var(--gold2)}
.sim-events{display:grid;gap:6px;margin-top:12px;max-height:340px;overflow:auto;overscroll-behavior:contain}
.sim-events>div{padding:8px 9px;border-radius:10px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.06);font-size:10px}
.sim-events b{color:var(--gold2);display:inline-block;min-width:27px}
.champ-reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}
.champ-reward-grid span,.champ-reward-grid strong{padding:9px 6px;border-radius:10px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.07);font-size:10px;text-align:center}
.champ-reward-grid strong{grid-column:1/-1;color:var(--gold2)}

@media(max-width:430px){
  .squad-power-strip{gap:4px;padding:7px 6px}.squad-power-strip small{font-size:7px}.squad-power-strip b{font-size:12px}
  .setup-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.setup-metrics span{font-size:8px;padding:7px 2px}
  .champ-bracket{gap:6px}.champ-bracket section{min-width:105px}.bracket-pair{font-size:8px;padding:6px}
  .champ-versus{grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);gap:5px}.champ-team-card{padding:10px 7px}.champ-team-card>strong{font-size:26px}
}
@media(max-width:374px){
  .squad-power-strip small{font-size:6.5px}.squad-power-strip b{font-size:11px}
  .champ-setup,.champ-bracket-panel,.champ-tactics,.champ-next,.champ-sim{padding:11px}
  .champ-metrics span{font-size:8px}.champ-team-card>.champ-metrics span{font-size:7px}
  .champ-reward-grid{grid-template-columns:1fr}.champ-reward-grid strong{grid-column:auto}
}
@media(max-width:330px){
  .setup-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .champ-versus{grid-template-columns:1fr}.versus-mark{min-height:22px}
}

/* ============================================================
   v25.5 PRESENTATION & EXCITEMENT POLISH
   Additive only. Approved PlayerCard geometry/artwork is untouched.
   ============================================================ */
:root{--kv-polish-gold:#e8c86b;--kv-polish-ivory:#fff5cf;--kv-polish-purple:#8f61d8;--kv-polish-blue:#55a8ff}
.xpbar>i{transition:width .55s cubic-bezier(.22,.8,.22,1)}
.btn,.home-action,.artbtn,.navbtn,.settings-icon,.currency.interactive,.owned-card-choice,.collection-card-shell{transition:transform .12s ease,filter .12s ease,opacity .18s ease}
.btn:active:not([disabled]),.home-action:active,.artbtn:active,.navbtn:active,.settings-icon:active,.currency.interactive:active,.owned-card-choice:active,.collection-card-shell:active{transform:scale(.975);filter:brightness(.94)}
.home-action{will-change:transform}.topbar .logo{animation:kvLogoEnter .42s ease-out both}@keyframes kvLogoEnter{from{opacity:.3;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:none}}

/* Pack walkout: effects wrap the approved assets; they never alter card internals. */
.pack-cinematic-modal{background:rgba(2,4,9,.96)!important;z-index:1100!important}
.pack-cinematic-sheet{width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;border-radius:0!important;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.035),rgba(4,7,13,.96) 54%,#03050a 100%)!important;padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom))!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.pack-entry{width:100%;height:100%;display:grid;place-items:center;text-align:center}.pack-entry-inner{width:min(430px,94vw);display:grid;place-items:center;gap:8px}.pack-entry-button{appearance:none;border:0;background:transparent;padding:0;display:grid;place-items:center;cursor:pointer;touch-action:manipulation}.pack-entry .pack{width:min(280px,67vw);max-height:58vh;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.55));animation:kvPackFloat 2.2s ease-in-out infinite}.pack-tap-label{animation:kvPulseText 1.5s ease-in-out infinite}@keyframes kvPackFloat{50%{transform:translateY(-7px) scale(1.012)}}@keyframes kvPulseText{50%{opacity:.56}}
.walkout-stage{position:relative;width:100%;height:100%;display:grid;grid-template-rows:1fr auto auto;place-items:center;overflow:hidden;isolation:isolate}.walkout-light{position:absolute;inset:-20%;z-index:-2;opacity:.8;filter:blur(20px);animation:kvWalkoutLight 1.3s ease-in-out infinite alternate}.reveal-rarity-silver .walkout-light{background:radial-gradient(circle,rgba(208,218,229,.25),transparent 54%)}.reveal-rarity-gold .walkout-light{background:radial-gradient(circle,rgba(232,200,107,.35),transparent 56%)}.reveal-rarity-ultimate .walkout-light{background:radial-gradient(circle,rgba(68,153,255,.42),transparent 58%)}.reveal-rarity-legendary .walkout-light{background:radial-gradient(circle,rgba(135,75,211,.52),transparent 58%)}.reveal-rarity-iconic .walkout-light{background:radial-gradient(circle,rgba(255,240,188,.48),rgba(215,177,79,.24) 28%,transparent 62%)}@keyframes kvWalkoutLight{to{transform:scale(1.08);opacity:1}}
.walkout-pack{width:min(250px,62vw);max-height:48vh;object-fit:contain;filter:drop-shadow(0 24px 38px rgba(0,0,0,.62));animation:kvWalkoutPack .75s ease-out both}.walkout-step-1 .walkout-pack,.walkout-step-2 .walkout-pack,.walkout-step-3 .walkout-pack{transform:scale(.88) translateY(-4vh);opacity:.82}@keyframes kvWalkoutPack{from{opacity:.25;transform:scale(.82)}to{opacity:1;transform:scale(1)}}
.walkout-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.walkout-particles i{position:absolute;left:var(--x);bottom:-6%;width:var(--s);height:var(--s);border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor;opacity:.58;animation:kvParticle 1.8s linear infinite;animation-delay:var(--d)}.reveal-rarity-silver .walkout-particles{color:#d7e0e8}.reveal-rarity-gold .walkout-particles{color:var(--kv-polish-gold)}.reveal-rarity-ultimate .walkout-particles{color:var(--kv-polish-blue)}.reveal-rarity-legendary .walkout-particles{color:#a77af1}.reveal-rarity-iconic .walkout-particles{color:var(--kv-polish-ivory)}@keyframes kvParticle{from{transform:translate3d(0,0,0) scale(.7);opacity:0}18%{opacity:.75}to{transform:translate3d(10px,-108vh,0) scale(1.25);opacity:0}}
.walkout-copy{width:min(480px,92vw);min-height:128px;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:8px;text-align:center}.walkout-copy>strong{font-size:clamp(17px,5vw,24px);color:#fff;text-shadow:0 2px 18px rgba(255,255,255,.18)}.walkout-clue{min-width:min(138px,42vw);padding:10px 12px;border-radius:14px;background:rgba(9,14,23,.72);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(10px);animation:kvClueIn .3s ease-out both}.walkout-clue small{display:block;color:#aeb9c8;font-weight:800;font-size:9px;letter-spacing:.08em}.walkout-clue b{display:block;margin-top:4px;color:#fff;font-size:clamp(16px,4.5vw,22px)}@keyframes kvClueIn{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}.walkout-skip{width:min(260px,78vw);margin-bottom:max(8px,env(safe-area-inset-bottom))}.walkout-skip[disabled]{opacity:.28}
.pack-result-sheet{text-align:center;overflow:auto}.pack-result-content{display:grid;justify-items:center;gap:8px}.result-rarity-label{font-size:clamp(16px,4.6vw,23px);font-weight:1000;letter-spacing:.16em;text-transform:uppercase}.result-rarity-label.rarity-silver{color:#d8e0e8}.result-rarity-label.rarity-gold{color:var(--kv-polish-gold)}.result-rarity-label.rarity-ultimate{color:#78bbff}.result-rarity-label.rarity-legendary{color:#b995ff}.result-rarity-label.rarity-iconic{color:var(--kv-polish-ivory)}.reveal-card{position:relative;width:min(330px,82vw);animation:kvCardSettle .46s cubic-bezier(.18,.8,.26,1) both}@keyframes kvCardSettle{from{opacity:.08;transform:scale(.88) translateY(10px)}to{opacity:1;transform:none}}.pack-state-badge{position:absolute;top:8%;right:4%;z-index:8;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:1000;letter-spacing:.08em;background:rgba(8,12,20,.9);border:1px solid rgba(255,255,255,.2);box-shadow:0 7px 20px rgba(0,0,0,.28)}.pack-state-badge.new{color:var(--kv-polish-gold);border-color:rgba(232,200,107,.55)}.pack-state-badge.duplicate{color:#cbd4df}.rtl .pack-state-badge{right:auto;left:4%}.pack-reward-summary{width:min(420px,92vw);display:flex;justify-content:center;gap:8px;align-items:center;padding:10px 12px;border-radius:12px;background:rgba(232,200,107,.08);border:1px solid rgba(232,200,107,.2)}.pack-reward-summary.duplicate{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.1)}

/* Rare-card ambience lives outside the PlayerCard component. */
.rare-aura-legendary,.rare-aura-iconic{position:relative;isolation:isolate}.rare-aura-legendary:before,.rare-aura-iconic:before{content:"";position:absolute;inset:6%;z-index:-1;border-radius:24px;filter:blur(20px);opacity:.32;pointer-events:none}.rare-aura-legendary:before{background:radial-gradient(circle,#8152c8,transparent 65%)}.rare-aura-iconic:before{background:radial-gradient(circle,#f2d98c,transparent 65%)}

/* Collection polish */
.collection-mode-filters{margin-bottom:4px}.collection-sort{display:flex;justify-content:flex-end;gap:6px;margin:2px 0 10px;overflow:auto}.collection-card-shell{position:relative;cursor:pointer;border-radius:16px;outline:none}.collection-card-shell:focus-visible{box-shadow:0 0 0 2px var(--gold)}.new-card-badge,.favorite-card-mark{position:absolute;z-index:9;top:5%;padding:5px 7px;border-radius:999px;background:rgba(7,11,18,.9);border:1px solid rgba(232,200,107,.45);color:var(--kv-polish-gold);font-size:9px;font-weight:1000;box-shadow:0 6px 14px rgba(0,0,0,.28)}.new-card-badge{left:4%}.favorite-card-mark{right:4%;width:28px;height:28px;display:grid;place-items:center;padding:4px}.favorite-card-mark svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.rtl .new-card-badge{left:auto;right:4%}.rtl .favorite-card-mark{right:auto;left:4%}.collection-empty{border:1px solid rgba(255,255,255,.08);background:rgba(9,14,23,.54);border-radius:15px}.player-details-modal .sheet{overflow:auto}.player-detail-card{position:relative}.player-detail-grid{display:grid;gap:0}.player-detail-grid .row{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.055)}.player-detail-grid .row:last-child{border-bottom:0}.favorite-detail-btn{min-height:42px}

/* Profile identity/showcase polish */
.profile-identity{overflow:hidden;position:relative}.equipped-title{display:inline-flex;margin:5px auto 7px;padding:5px 9px;border-radius:999px;border:1px solid rgba(232,200,107,.26);background:rgba(232,200,107,.07);color:var(--gold2);font-size:10px;font-weight:900}.profile-summary-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-polish-section{margin-top:10px;padding:13px;overflow:hidden}.profile-polish-section .section-title{margin:0 0 9px}.profile-polish-section .section-title h2{font-size:13px}.profile-polish-section .subheading{margin-top:14px}.favorite-profile-card{width:min(260px,70vw);margin:auto}.featured-card-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(118px,34%);gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;padding:4px 2px 7px}.profile-showcase-card{cursor:pointer;min-width:0}.recent-best-content{display:grid;grid-template-columns:minmax(95px,138px) 1fr;gap:12px;align-items:center}.recent-best-content>div:last-child{display:grid;gap:4px}.recent-best-content strong{font-size:22px}.profile-choice-row{display:flex;gap:6px;overflow:auto;padding-bottom:3px}.badge-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.profile-badge{appearance:none;border:1px solid rgba(255,255,255,.08);background:#111927;color:#cbd3df;border-radius:12px;padding:9px 6px;display:grid;justify-items:center;gap:5px;font-size:9px;font-weight:800}.profile-badge.active{border-color:rgba(232,200,107,.52);color:var(--gold2);background:rgba(232,200,107,.08)}.profile-badge i{display:grid;place-items:center}.profile-badge-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.trophy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.trophy-grid>div{padding:10px 6px;border-radius:12px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.07);display:grid;justify-items:center;gap:3px;text-align:center}.trophy-grid b{font-size:21px;color:var(--gold2)}.trophy-grid span{font-size:8px;color:var(--muted)}.trophy-mini-icon{width:20px;height:20px;fill:none;stroke:var(--gold2);stroke-width:1.7}.profile-details summary{cursor:pointer;font-weight:900;color:#fff}.profile-details .row{padding:6px 0}

/* Reward feedback queue */
.reward-feedback{position:fixed;z-index:1400;left:50%;top:max(74px,calc(env(safe-area-inset-top) + 58px));transform:translate(-50%,-10px) scale(.96);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .2s cubic-bezier(.2,.8,.2,1);width:min(360px,88vw)}.reward-feedback.show{opacity:1;transform:translate(-50%,0) scale(1)}.reward-feedback-inner{padding:11px 14px;border-radius:14px;text-align:center;background:rgba(9,14,23,.94);border:1px solid rgba(232,200,107,.26);box-shadow:0 14px 35px rgba(0,0,0,.42);backdrop-filter:blur(12px)}.reward-feedback strong{color:var(--gold2);font-size:13px}.reward-feedback-level .reward-feedback-inner,.reward-feedback-championship .reward-feedback-inner{border-color:rgba(232,200,107,.58);box-shadow:0 14px 38px rgba(0,0,0,.44),0 0 25px rgba(232,200,107,.08)}.currency.reward-pulse{animation:kvRewardPulse .62s ease}@keyframes kvRewardPulse{40%{transform:scale(1.08);filter:brightness(1.25)}to{transform:none;filter:none}}

@media(max-width:430px){.walkout-copy{min-height:112px}.walkout-clue{min-width:40vw;padding:8px}.featured-card-row{grid-auto-columns:36%}.profile-summary-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pack-result-sheet{padding-left:12px!important;padding-right:12px!important}}
@media(max-width:374px){.walkout-pack{width:min(225px,58vw)}.walkout-clue{min-width:42vw}.badge-showcase,.trophy-grid{gap:5px}.profile-badge{padding:7px 4px}.featured-card-row{grid-auto-columns:40%}}
@media(max-width:330px){.walkout-copy{gap:5px}.walkout-clue{padding:7px 6px}.walkout-clue b{font-size:15px}.recent-best-content{grid-template-columns:94px 1fr}.profile-summary-stats{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.topbar .logo,.pack-entry .pack,.pack-tap-label,.walkout-light,.walkout-pack,.walkout-particles i,.walkout-clue,.reveal-card,.reward-feedback,.xpbar>i{animation:none!important;transition-duration:.01ms!important}.btn,.home-action,.artbtn,.navbtn,.collection-card-shell{transition-duration:.01ms!important}}

.player-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.pack-odds-panel:not([hidden]){animation:kvOddsIn .18s ease-out both}@keyframes kvOddsIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.pack-cta[disabled]{filter:saturate(.55) brightness(.78);opacity:.72}@media(max-width:374px){.player-detail-actions{grid-template-columns:1fr}}

/* ========================================================================== */
/* v25.6 — Cinematic Walkout V2                                               */
/* The approved PlayerCard remains untouched. Every effect below wraps it.    */
/* ========================================================================== */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.pack-cinematic-sheet{background:
  radial-gradient(ellipse at 50% 78%,rgba(45,66,96,.18),transparent 48%),
  radial-gradient(ellipse at 50% 38%,rgba(12,22,38,.96),rgba(2,5,11,.985) 64%,#020308 100%)!important}
.pack-entry{position:relative;isolation:isolate}.pack-entry-atmosphere{position:absolute;inset:-18%;z-index:-1;background:radial-gradient(ellipse at 50% 58%,rgba(63,89,128,.18),transparent 45%),linear-gradient(180deg,rgba(255,255,255,.018),transparent 58%);filter:blur(8px);animation:kv26EntryBreath 4.8s ease-in-out infinite}.pack-entry-button{position:relative}.pack-entry-button:before{content:"";position:absolute;inset:13% 4%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(255,213,113,.18),transparent 68%);filter:blur(24px);opacity:.35;transition:opacity .3s}.pack-entry-button:active:before{opacity:.7}@keyframes kv26EntryBreath{50%{transform:scale(1.04);opacity:.72}}

.cinematic-walkout{--rarity-rgb:244,202,101;--rarity-soft:rgba(244,202,101,.2);--rarity-core:rgba(244,202,101,.82);--rarity-dark:rgba(64,39,8,.45);position:relative;width:100%;height:100%;min-height:100%;display:block;overflow:hidden;isolation:isolate;perspective:1000px;transform:translateZ(0);background:radial-gradient(ellipse at 50% 54%,rgba(18,28,43,.55),rgba(2,4,9,.98) 68%)}
.cinematic-walkout.reveal-rarity-silver{--rarity-rgb:218,231,242;--rarity-soft:rgba(210,226,239,.18);--rarity-core:rgba(230,240,248,.75);--rarity-dark:rgba(48,61,74,.38)}
.cinematic-walkout.reveal-rarity-gold{--rarity-rgb:244,202,101;--rarity-soft:rgba(244,202,101,.22);--rarity-core:rgba(255,218,120,.86);--rarity-dark:rgba(70,42,6,.48)}
.cinematic-walkout.reveal-rarity-ultimate{--rarity-rgb:76,157,255;--rarity-soft:rgba(55,136,255,.25);--rarity-core:rgba(102,181,255,.95);--rarity-dark:rgba(4,35,88,.58)}
.cinematic-walkout.reveal-rarity-legendary{--rarity-rgb:168,104,255;--rarity-soft:rgba(128,66,213,.3);--rarity-core:rgba(187,126,255,.98);--rarity-dark:rgba(26,4,48,.72);background:radial-gradient(ellipse at 50% 54%,rgba(49,15,73,.55),rgba(2,2,8,.99) 69%)}
.cinematic-walkout.reveal-rarity-iconic{--rarity-rgb:255,232,174;--rarity-soft:rgba(255,235,188,.26);--rarity-core:rgba(255,247,215,.98);--rarity-dark:rgba(59,45,16,.55);background:radial-gradient(ellipse at 50% 54%,rgba(61,52,30,.38),rgba(3,4,7,.99) 70%)}
.walkout-atmosphere,.walkout-atmosphere>div,.walkout-fx-canvas,.walkout-ground-light,.walkout-energy-ring,.walkout-card-silhouette,.walkout-impact-flash{position:absolute;pointer-events:none}.walkout-atmosphere{inset:0;z-index:-4}.walkout-vignette{inset:-2%;background:radial-gradient(ellipse at 50% 46%,transparent 26%,rgba(0,0,0,.18) 55%,rgba(0,0,0,.86) 100%);z-index:6}.walkout-stadium-depth{inset:12% -10% 0;background:repeating-linear-gradient(90deg,transparent 0 9%,rgba(255,255,255,.018) 9.2% 9.7%,transparent 10%),linear-gradient(180deg,transparent 0 28%,rgba(17,30,43,.18) 29% 31%,transparent 32%);mask-image:linear-gradient(to bottom,transparent 0,#000 24%,#000 72%,transparent 100%);opacity:.4;transform:translateY(5%);transition:opacity 1s,transform 3s cubic-bezier(.2,.7,.2,1)}
.walkout-slow-light{inset:-28%;background:conic-gradient(from 18deg at 50% 45%,transparent 0 12%,rgba(var(--rarity-rgb),.05) 18%,transparent 25% 48%,rgba(var(--rarity-rgb),.04) 58%,transparent 66%);filter:blur(18px);opacity:.18;animation:kv26SlowLight 12s linear infinite}
.walkout-rarity-field{inset:6% -18% -5%;background:radial-gradient(ellipse at 50% 47%,rgba(var(--rarity-rgb),.20),rgba(var(--rarity-rgb),.055) 28%,transparent 64%);filter:blur(20px);opacity:0;transform:scale(.72);transition:opacity .8s,transform 1.8s cubic-bezier(.16,.85,.22,1)}
.walkout-rays{inset:-20%;background:repeating-conic-gradient(from -14deg at 50% 52%,rgba(var(--rarity-rgb),.0) 0deg 9deg,rgba(var(--rarity-rgb),.06) 10deg 12deg,rgba(var(--rarity-rgb),0) 13deg 27deg);mask-image:radial-gradient(ellipse at center,#000 0 45%,transparent 78%);filter:blur(3px);opacity:0;transform:scale(.8) rotate(-5deg);transition:opacity .7s,transform 2.2s cubic-bezier(.15,.8,.2,1)}
.walkout-fx-canvas{inset:0;width:100%;height:100%;z-index:-1}.walkout-ground-light{left:12%;right:12%;bottom:8%;height:12%;border-radius:50%;background:radial-gradient(ellipse,rgba(var(--rarity-rgb),.24),rgba(var(--rarity-rgb),.04) 45%,transparent 72%);filter:blur(16px);opacity:.08;transform:scaleX(.6);transition:opacity .9s,transform 1.8s ease}
.walkout-energy-ring{left:50%;top:44%;width:min(390px,82vw);aspect-ratio:1;border:1px solid rgba(var(--rarity-rgb),.08);border-radius:50%;transform:translate(-50%,-50%) scale(.45);opacity:0;box-shadow:0 0 80px rgba(var(--rarity-rgb),.08) inset,0 0 60px rgba(var(--rarity-rgb),.06);transition:opacity .65s,transform 1.4s cubic-bezier(.16,.86,.2,1)}
@keyframes kv26SlowLight{to{transform:rotate(360deg)}}

.walkout-pack-shell{position:absolute;left:50%;top:46%;width:min(270px,64vw);height:min(420px,50vh);transform:translate(-50%,-50%) translateZ(0);display:grid;place-items:center;z-index:4;transition:transform 1.15s cubic-bezier(.16,.78,.2,1),opacity .45s,filter .45s}.walkout-pack{width:100%;height:100%;object-fit:contain;max-height:none;filter:drop-shadow(0 22px 36px rgba(0,0,0,.62));animation:none!important;transform:none!important;transition:filter .8s,transform 1.1s cubic-bezier(.16,.86,.24,1)}.pack-edge-energy{position:absolute;inset:16% 14%;z-index:-1;border-radius:24%;background:radial-gradient(ellipse,rgba(var(--rarity-rgb),.24),transparent 66%);filter:blur(18px);opacity:0;transform:scale(.75);transition:opacity .7s,transform 1.2s}.pack-edge-energy:before,.pack-edge-energy:after{content:"";position:absolute;inset:8%;border-radius:30%;border:1px solid rgba(var(--rarity-rgb),.24);opacity:.0}.pack-edge-energy:after{inset:18%;filter:blur(2px)}
.walkout-card-silhouette{left:50%;top:46%;width:min(285px,67vw);height:min(405px,51vh);transform:translate(-50%,-50%) scale(.72);border-radius:11% 11% 16% 16%;opacity:0;z-index:3;background:linear-gradient(145deg,rgba(var(--rarity-rgb),.13),rgba(0,0,0,.55));box-shadow:0 0 0 1px rgba(var(--rarity-rgb),.14),0 0 70px rgba(var(--rarity-rgb),.16);filter:blur(8px);transition:opacity .55s,transform 1.1s cubic-bezier(.16,.82,.2,1),filter .6s}.walkout-card-silhouette span{position:absolute;inset:8%;border-radius:inherit;background:linear-gradient(125deg,transparent 18%,rgba(var(--rarity-rgb),.12) 48%,transparent 72%);animation:kv26SilhouetteSweep 2.1s ease-in-out infinite}@keyframes kv26SilhouetteSweep{0%,100%{transform:translateX(-28%);opacity:.2}50%{transform:translateX(28%);opacity:.75}}
.walkout-impact-flash{inset:-8%;z-index:15;background:radial-gradient(circle at 50% 45%,rgba(var(--rarity-rgb),.95),rgba(var(--rarity-rgb),.28) 18%,transparent 56%);opacity:0;mix-blend-mode:screen}

.walkout-identity{position:absolute;left:50%;top:62%;transform:translateX(-50%);z-index:8;width:min(520px,94vw);display:flex;justify-content:center;align-items:stretch;gap:8px;flex-wrap:wrap;padding:0 8px}.walkout-clue{min-width:min(142px,42vw);padding:11px 13px;border-radius:15px;background:linear-gradient(180deg,rgba(12,18,30,.78),rgba(5,9,16,.84));border:1px solid rgba(var(--rarity-rgb),.18);box-shadow:0 12px 28px rgba(0,0,0,.28),0 0 24px rgba(var(--rarity-rgb),.035);backdrop-filter:blur(14px);opacity:0;transform:translateY(12px) scale(.96);filter:blur(4px);transition:opacity .42s,transform .48s cubic-bezier(.18,.8,.2,1),filter .42s}.walkout-clue small{display:block;color:rgba(231,237,246,.64);font-weight:900;font-size:9px;letter-spacing:.11em}.walkout-clue b{display:block;margin-top:4px;color:#fff;font-size:clamp(16px,4.5vw,23px);text-shadow:0 2px 16px rgba(var(--rarity-rgb),.2)}.walkout-clue img{display:block;width:34px;height:22px;object-fit:cover;border-radius:4px;margin:5px auto 1px;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.walkout-skip{position:absolute!important;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(240px,72vw)!important;z-index:30!important;margin:0!important;touch-action:manipulation}.walkout-skip[disabled]{opacity:.18!important;pointer-events:none}

/* Phase orchestration — anticipation → identity → impact */
.cinematic-walkout.phase-1 .pack-edge-energy{opacity:.55;transform:scale(1)}.cinematic-walkout.phase-1 .pack-edge-energy:before,.cinematic-walkout.phase-1 .pack-edge-energy:after{opacity:.5;animation:kv26EnergyPulse 1.35s ease-in-out infinite}.cinematic-walkout.phase-1 .walkout-pack{filter:drop-shadow(0 24px 40px rgba(0,0,0,.6)) drop-shadow(0 0 18px rgba(var(--rarity-rgb),.18))}.cinematic-walkout.phase-1 .walkout-ground-light{opacity:.2;transform:scaleX(.78)}
.cinematic-walkout.phase-2 .walkout-rarity-field,.cinematic-walkout.phase-3 .walkout-rarity-field,.cinematic-walkout.phase-4 .walkout-rarity-field,.cinematic-walkout.phase-5 .walkout-rarity-field,.cinematic-walkout.phase-6 .walkout-rarity-field{opacity:1;transform:scale(1)}.cinematic-walkout.phase-2 .walkout-rays,.cinematic-walkout.phase-3 .walkout-rays,.cinematic-walkout.phase-4 .walkout-rays,.cinematic-walkout.phase-5 .walkout-rays,.cinematic-walkout.phase-6 .walkout-rays{opacity:.75;transform:scale(1) rotate(2deg)}.cinematic-walkout.phase-2 .walkout-energy-ring,.cinematic-walkout.phase-3 .walkout-energy-ring,.cinematic-walkout.phase-4 .walkout-energy-ring,.cinematic-walkout.phase-5 .walkout-energy-ring{opacity:.65;transform:translate(-50%,-50%) scale(1)}.cinematic-walkout.phase-2 .walkout-ground-light,.cinematic-walkout.phase-3 .walkout-ground-light,.cinematic-walkout.phase-4 .walkout-ground-light,.cinematic-walkout.phase-5 .walkout-ground-light{opacity:.5;transform:scaleX(1)}
.cinematic-walkout.phase-3 .clue-position,.cinematic-walkout.phase-4 .clue-position,.cinematic-walkout.phase-5 .clue-position{opacity:1;transform:none;filter:none}.cinematic-walkout.phase-4 .clue-nationality,.cinematic-walkout.phase-5 .clue-nationality{opacity:1;transform:none;filter:none}.cinematic-walkout.phase-5 .clue-club{opacity:1;transform:none;filter:none}.cinematic-walkout.phase-5 .walkout-card-silhouette{opacity:.82;transform:translate(-50%,-50%) scale(1);filter:blur(3px)}.cinematic-walkout.phase-5 .walkout-pack-shell{transform:translate(-50%,-50%) scale(.83) translateY(-7vh);opacity:.26;filter:blur(1px)}.cinematic-walkout.phase-5 .walkout-identity{top:70%}
.cinematic-walkout.phase-6 .walkout-impact-flash{animation:kv26Impact .46s cubic-bezier(.1,.65,.2,1) both}.cinematic-walkout.phase-6 .walkout-pack-shell{opacity:0;transform:translate(-50%,-50%) scale(.72) translateY(-11vh)}.cinematic-walkout.phase-6 .walkout-card-silhouette{opacity:.1;transform:translate(-50%,-50%) scale(1.10);filter:blur(1px)}.cinematic-walkout.phase-6 .walkout-identity{opacity:0;transform:translateX(-50%) translateY(12px)}
@keyframes kv26EnergyPulse{50%{transform:scale(1.07);opacity:.82}}@keyframes kv26Impact{0%{opacity:0;transform:scale(.7)}22%{opacity:1;transform:scale(1)}55%{opacity:.38;transform:scale(1.05)}100%{opacity:0;transform:scale(1.12)}}

/* Distinct rarity identities, not simple recolors. */
.cinematic-walkout.reveal-rarity-silver .walkout-rays{opacity:0!important}.cinematic-walkout.reveal-rarity-silver .walkout-energy-ring{border-style:dashed}.cinematic-walkout.reveal-rarity-silver.phase-2 .walkout-rarity-field{opacity:.52}
.cinematic-walkout.reveal-rarity-gold .walkout-slow-light{animation-duration:16s}.cinematic-walkout.reveal-rarity-gold .walkout-rarity-field{background:radial-gradient(ellipse at 50% 47%,rgba(247,202,90,.25),rgba(144,92,18,.08) 32%,transparent 65%)}
.cinematic-walkout.reveal-rarity-ultimate .walkout-rays{background:repeating-conic-gradient(from -10deg at 50% 50%,transparent 0 13deg,rgba(54,147,255,.12) 14deg 15deg,transparent 16deg 32deg);animation:kv26UltimateRays 4.5s ease-in-out infinite alternate}.cinematic-walkout.reveal-rarity-ultimate .walkout-energy-ring{box-shadow:0 0 0 6px rgba(65,155,255,.03),0 0 60px rgba(60,145,255,.15),0 0 120px rgba(41,118,255,.08) inset}@keyframes kv26UltimateRays{to{transform:scale(1.08) rotate(7deg)}}
.cinematic-walkout.reveal-rarity-legendary .walkout-rays{background:linear-gradient(90deg,transparent 17%,rgba(154,88,255,.07) 20%,transparent 23% 42%,rgba(185,119,255,.11) 45%,transparent 48% 69%,rgba(126,62,222,.08) 72%,transparent 75%);filter:blur(9px);animation:kv26LegendColumns 3.8s ease-in-out infinite alternate}.cinematic-walkout.reveal-rarity-legendary .walkout-energy-ring{border-color:rgba(182,120,255,.22);box-shadow:0 0 60px rgba(137,68,230,.18),0 0 130px rgba(67,18,112,.18) inset}.cinematic-walkout.reveal-rarity-legendary.phase-5 .walkout-slow-light{animation-play-state:paused;opacity:.3}.cinematic-walkout.reveal-rarity-legendary.phase-5 .walkout-fx-canvas{opacity:.48;transition:opacity .38s}@keyframes kv26LegendColumns{from{transform:translateX(-2%) scaleX(.94)}to{transform:translateX(2%) scaleX(1.06)}}
.cinematic-walkout.reveal-rarity-iconic .walkout-rays{background:repeating-conic-gradient(from 0deg at 50% 49%,rgba(255,241,199,0) 0 10deg,rgba(255,239,186,.075) 11deg 13deg,rgba(255,241,199,0) 14deg 29deg);mask-image:radial-gradient(ellipse at center,#000 0 54%,transparent 79%);animation:kv26IconRays 9s linear infinite}.cinematic-walkout.reveal-rarity-iconic .walkout-rarity-field{background:radial-gradient(circle at 50% 47%,rgba(255,248,219,.30),rgba(217,171,73,.09) 30%,transparent 65%)}.cinematic-walkout.reveal-rarity-iconic .walkout-energy-ring{border-color:rgba(255,240,193,.18);box-shadow:0 0 90px rgba(255,231,164,.13),0 0 180px rgba(219,174,77,.10) inset}.cinematic-walkout.reveal-rarity-iconic.phase-5 .walkout-rays{opacity:.95}.cinematic-walkout.reveal-rarity-iconic.phase-5 .walkout-fx-canvas{opacity:.48;transition:opacity .42s}@keyframes kv26IconRays{to{transform:scale(1.04) rotate(360deg)}}

/* Final CardRarityAura — the PlayerCard itself is not modified. */
.hero-result-content{position:relative;isolation:isolate}.first-premium-badge{margin:0 auto 6px;width:max-content;max-width:90%;padding:6px 12px;border:1px solid rgba(255,225,144,.25);border-radius:999px;background:rgba(255,217,117,.08);color:#ffe6a7;font-size:11px;font-weight:1000;letter-spacing:.09em;box-shadow:0 0 30px rgba(255,210,96,.08)}
.card-rarity-aura{--aura-rgb:244,202,101;position:relative;width:min(360px,88vw);min-height:min(480px,58vh);margin:0 auto;display:grid;place-items:center;isolation:isolate;perspective:1000px;transform:translateZ(0)}.card-rarity-aura.aura-silver{--aura-rgb:218,231,242}.card-rarity-aura.aura-gold{--aura-rgb:244,202,101}.card-rarity-aura.aura-ultimate{--aura-rgb:75,157,255}.card-rarity-aura.aura-legendary{--aura-rgb:171,105,255}.card-rarity-aura.aura-iconic{--aura-rgb:255,232,174}.aura-backlight,.aura-rays,.aura-floor,.aura-particles{position:absolute;pointer-events:none}.aura-backlight{inset:7% 4% 12%;z-index:-3;border-radius:42%;background:radial-gradient(ellipse,rgba(var(--aura-rgb),.28),rgba(var(--aura-rgb),.08) 36%,transparent 70%);filter:blur(20px);animation:kv26AuraBreath 4.8s ease-in-out infinite}.aura-rays{inset:-5%;z-index:-4;background:repeating-conic-gradient(from -8deg,transparent 0 16deg,rgba(var(--aura-rgb),.055) 17deg 19deg,transparent 20deg 39deg);mask-image:radial-gradient(circle,#000 0 44%,transparent 78%);animation:kv26AuraRotate 18s linear infinite}.aura-floor{left:12%;right:12%;bottom:3%;height:11%;z-index:-2;border-radius:50%;background:radial-gradient(ellipse,rgba(var(--aura-rgb),.28),transparent 68%);filter:blur(14px)}.aura-particles{inset:0;z-index:2;overflow:hidden}.aura-particles i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:rgba(var(--aura-rgb),.75);box-shadow:0 0 9px rgba(var(--aura-rgb),.7);opacity:.36;animation:kv26HeroParticle 3.8s ease-in-out infinite;animation-delay:var(--d)}.aura-card-wrap{position:relative;z-index:1;display:grid;place-items:center;transform:translateZ(34px);animation:kv26HeroSettle .72s cubic-bezier(.12,.78,.2,1) both}.aura-light-sweep{position:absolute;inset:5% 12%;z-index:5;pointer-events:none;border-radius:18%;overflow:hidden;mix-blend-mode:screen;mask-image:linear-gradient(#000,#000)}.aura-light-sweep:after{content:"";position:absolute;top:-15%;bottom:-15%;width:32%;left:-48%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.03) 18%,rgba(255,255,255,.34) 48%,rgba(255,255,255,.04) 72%,transparent);filter:blur(7px);transform:skewX(-13deg);animation:kv26CardSweep 4.6s cubic-bezier(.22,.61,.36,1) infinite 1.2s}.pack-result-actions{width:100%;display:grid;grid-template-columns:1fr 1.25fr;gap:8px;margin-top:9px}.pack-result-actions .btn{width:100%}
.card-rarity-aura.aura-silver .aura-rays{display:none}.card-rarity-aura.aura-silver .aura-backlight{opacity:.38;animation-duration:7s}.card-rarity-aura.aura-silver .aura-particles{opacity:.35}.card-rarity-aura.aura-gold .aura-backlight{opacity:.62}.card-rarity-aura.aura-ultimate .aura-backlight{box-shadow:0 0 60px rgba(55,145,255,.08);animation-duration:3.7s}.card-rarity-aura.aura-ultimate .aura-rays{animation-duration:10s}.card-rarity-aura.aura-legendary .aura-backlight{background:radial-gradient(ellipse,rgba(178,110,255,.34),rgba(92,39,158,.13) 42%,transparent 70%);box-shadow:0 0 70px rgba(139,70,230,.12)}.card-rarity-aura.aura-legendary .aura-rays{background:linear-gradient(90deg,transparent 14%,rgba(182,112,255,.055) 20%,transparent 27% 42%,rgba(155,90,255,.075) 48%,transparent 54% 72%,rgba(201,151,255,.05) 78%,transparent 86%);animation:kv26LegendHero 4.8s ease-in-out infinite alternate}.card-rarity-aura.aura-legendary .aura-light-sweep:after{animation-duration:5.8s}.card-rarity-aura.aura-iconic .aura-backlight{background:radial-gradient(ellipse,rgba(255,248,219,.40),rgba(228,183,87,.12) 42%,transparent 73%);filter:blur(18px);box-shadow:0 0 90px rgba(255,229,162,.08)}.card-rarity-aura.aura-iconic .aura-rays{background:repeating-conic-gradient(from 0deg,transparent 0 13deg,rgba(255,244,208,.07) 14deg 16deg,transparent 17deg 31deg);animation-duration:24s}.card-rarity-aura.aura-iconic .aura-light-sweep:after{width:38%;animation-duration:6.6s}.card-rarity-aura.aura-iconic .aura-particles i{box-shadow:0 0 12px rgba(255,234,177,.75)}
@keyframes kv26AuraBreath{50%{transform:scale(1.055);opacity:.72}}@keyframes kv26AuraRotate{to{transform:rotate(360deg)}}@keyframes kv26HeroParticle{0%,100%{transform:translate3d(0,3px,0) scale(.8);opacity:.14}50%{transform:translate3d(5px,-9px,0) scale(1.15);opacity:.55}}@keyframes kv26HeroSettle{from{opacity:0;transform:translateZ(34px) translateY(10px) scale(.94)}to{opacity:1;transform:translateZ(34px) translateY(0) scale(1)}}@keyframes kv26CardSweep{0%,58%{left:-48%;opacity:0}64%{opacity:.7}82%{left:118%;opacity:.45}100%{left:118%;opacity:0}}@keyframes kv26LegendHero{from{transform:translateX(-2%) scaleX(.97);opacity:.46}to{transform:translateX(2%) scaleX(1.03);opacity:.8}}

/* Quality tiers: same narrative, fewer expensive effects on weaker devices. */
.cinematic-walkout[data-quality="medium"] .walkout-slow-light{filter:blur(12px)}.cinematic-walkout[data-quality="medium"] .walkout-rays{opacity:.55}.cinematic-walkout[data-quality="low"] .walkout-slow-light,.cinematic-walkout[data-quality="low"] .walkout-rays{display:none}.cinematic-walkout[data-quality="low"] .walkout-rarity-field{filter:blur(10px)}.cinematic-walkout[data-quality="low"] .walkout-clue{backdrop-filter:none}.card-rarity-aura[data-quality="medium"] .aura-rays{opacity:.65}.card-rarity-aura[data-quality="low"] .aura-rays,.card-rarity-aura[data-quality="low"] .aura-particles{display:none}.card-rarity-aura[data-quality="low"] .aura-backlight{filter:blur(12px)}

@media(max-width:430px){.walkout-pack-shell{width:min(242px,60vw);height:min(370px,45vh);top:43%}.walkout-card-silhouette{width:min(254px,63vw);height:min(365px,46vh);top:43%}.walkout-identity{top:61%;gap:6px}.cinematic-walkout.phase-5 .walkout-identity{top:67%}.walkout-clue{min-width:39vw;padding:8px 9px}.walkout-clue img{width:30px;height:20px}.card-rarity-aura{width:min(330px,88vw);min-height:min(455px,55vh)}.pack-result-actions{grid-template-columns:1fr 1fr}.first-premium-badge{font-size:10px}}
@media(max-width:374px){.walkout-pack-shell{width:min(220px,58vw);height:min(340px,43vh)}.walkout-card-silhouette{width:min(230px,61vw);height:min(340px,44vh)}.walkout-clue{min-width:41vw;padding:7px}.walkout-clue b{font-size:15px}.walkout-identity{top:60%}.cinematic-walkout.phase-5 .walkout-identity{top:65%}.card-rarity-aura{width:min(300px,86vw);min-height:420px}}
@media(max-width:330px){.walkout-pack-shell{top:41%}.walkout-card-silhouette{top:41%}.walkout-identity{top:57%}.cinematic-walkout.phase-5 .walkout-identity{top:63%}.walkout-skip{bottom:max(8px,env(safe-area-inset-bottom));font-size:12px}.card-rarity-aura{width:min(280px,84vw);min-height:390px}.pack-result-actions{gap:6px}.pack-result-actions .btn{padding-left:7px;padding-right:7px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.walkout-slow-light,.walkout-rays,.walkout-energy-ring,.pack-edge-energy:before,.pack-edge-energy:after,.walkout-card-silhouette span,.aura-backlight,.aura-rays,.aura-particles i,.aura-card-wrap,.aura-light-sweep:after{animation:none!important}.cinematic-walkout *,.card-rarity-aura *{transition-duration:.08s!important}.walkout-fx-canvas{display:none!important}.aura-light-sweep:after{left:36%;opacity:.16}.card-rarity-aura{perspective:none}.aura-card-wrap{transform:none!important}}

/* ========================================================================== */
/* v25.7 — Professional Walkout VFX/SFX Rebuild                              */
/* Critical rule: the existing PlayerCard is mounted inside the scene before */
/* impact and remains mounted through the final hero state until Continue.    */
/* ========================================================================== */
.walkout-final-hero{position:absolute;inset:0;z-index:22;display:grid;place-items:center;padding:max(10px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));opacity:0;visibility:hidden;pointer-events:none;transform:translateZ(0);transition:opacity .28s ease,visibility 0s linear .28s;background:radial-gradient(ellipse at 50% 46%,rgba(var(--rarity-rgb),.045),rgba(1,3,8,.12) 42%,rgba(1,3,8,.52) 88%)}
.walkout-final-hero:before,.walkout-final-hero:after{content:"";position:absolute;pointer-events:none;z-index:-1}.walkout-final-hero:before{inset:7% -14% 18%;background:radial-gradient(ellipse at 50% 45%,rgba(var(--rarity-rgb),.11),transparent 54%);filter:blur(22px);opacity:.8}.walkout-final-hero:after{left:8%;right:8%;bottom:8%;height:15%;border-radius:50%;background:radial-gradient(ellipse,rgba(var(--rarity-rgb),.13),transparent 67%);filter:blur(18px);opacity:.58}
.walkout-hero-stack{width:min(560px,96vw);max-height:100%;display:grid;justify-items:center;align-content:center;gap:5px;transform:translateY(12px) scale(.955);opacity:.02;filter:blur(5px);transition:transform .72s cubic-bezier(.12,.78,.2,1),opacity .4s ease,filter .45s ease}
.cinematic-walkout.phase-6 .walkout-final-hero,.cinematic-walkout.phase-7 .walkout-final-hero,.cinematic-walkout.walkout-complete .walkout-final-hero{opacity:1;visibility:visible;transition-delay:0s}
.cinematic-walkout.phase-6 .walkout-hero-stack,.cinematic-walkout.phase-7 .walkout-hero-stack,.cinematic-walkout.walkout-complete .walkout-hero-stack{transform:none;opacity:1;filter:none}
.cinematic-walkout.phase-6 .walkout-result-copy{opacity:0;transform:translateY(10px);pointer-events:none}.cinematic-walkout.phase-6 .result-rarity-label,.cinematic-walkout.phase-6 .first-premium-badge{opacity:.18;transform:translateY(6px)}
.walkout-result-copy{width:min(440px,94vw);display:grid;justify-items:center;gap:5px;text-align:center;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .38s ease .16s,transform .46s cubic-bezier(.16,.82,.2,1) .12s}.walkout-result-copy h2{margin:0;font-size:clamp(19px,5vw,28px);text-shadow:0 2px 20px rgba(var(--rarity-rgb),.17)}.walkout-result-copy p{margin:0;line-height:1.35}.cinematic-walkout.phase-7 .walkout-result-copy,.cinematic-walkout.walkout-complete .walkout-result-copy{opacity:1;transform:none;pointer-events:auto}
.cinematic-walkout.phase-7 .result-rarity-label,.cinematic-walkout.phase-7 .first-premium-badge,.cinematic-walkout.walkout-complete .result-rarity-label,.cinematic-walkout.walkout-complete .first-premium-badge{opacity:1;transform:none;transition:opacity .35s ease .08s,transform .45s cubic-bezier(.16,.82,.2,1) .08s}
.cinematic-walkout.phase-6 .walkout-pack-shell,.cinematic-walkout.phase-7 .walkout-pack-shell,.cinematic-walkout.walkout-complete .walkout-pack-shell{opacity:0!important;visibility:hidden}.cinematic-walkout.phase-6 .walkout-identity,.cinematic-walkout.phase-7 .walkout-identity,.cinematic-walkout.walkout-complete .walkout-identity{opacity:0!important;pointer-events:none}.cinematic-walkout.phase-7 .walkout-card-silhouette,.cinematic-walkout.walkout-complete .walkout-card-silhouette{opacity:0!important}.cinematic-walkout.phase-7 .walkout-impact-flash,.cinematic-walkout.walkout-complete .walkout-impact-flash{display:none}
.cinematic-walkout.phase-7 .walkout-rays,.cinematic-walkout.walkout-complete .walkout-rays{opacity:.32;transform:scale(1.04) rotate(2deg);transition:opacity 1.1s ease}.cinematic-walkout.phase-7 .walkout-rarity-field,.cinematic-walkout.walkout-complete .walkout-rarity-field{opacity:.62;transform:scale(1.06)}.cinematic-walkout.phase-7 .walkout-ground-light,.cinematic-walkout.walkout-complete .walkout-ground-light{opacity:.42;transform:scaleX(1.08)}
.cinematic-walkout.phase-6 .card-rarity-aura{animation:kv27HeroImpact .64s cubic-bezier(.08,.72,.16,1) both}.cinematic-walkout.phase-7 .card-rarity-aura,.cinematic-walkout.walkout-complete .card-rarity-aura{animation:none}
@keyframes kv27HeroImpact{0%{opacity:0;transform:scale(.84) translateY(8px);filter:brightness(1.8)}24%{opacity:1;transform:scale(1.035);filter:brightness(1.35)}62%{transform:scale(.985);filter:brightness(1.06)}100%{opacity:1;transform:none;filter:none}}

/* Depth and lighting are scene layers, not a giant box-shadow on the card. */
.cinematic-walkout.reveal-rarity-ultimate.phase-6 .walkout-final-hero:before{background:radial-gradient(ellipse at 50% 43%,rgba(61,149,255,.19),rgba(27,83,175,.05) 37%,transparent 65%)}
.cinematic-walkout.reveal-rarity-legendary.phase-6 .walkout-final-hero:before,.cinematic-walkout.reveal-rarity-legendary.phase-7 .walkout-final-hero:before{background:radial-gradient(ellipse at 50% 43%,rgba(176,105,255,.24),rgba(73,21,126,.08) 38%,transparent 68%)}
.cinematic-walkout.reveal-rarity-iconic.phase-6 .walkout-final-hero:before,.cinematic-walkout.reveal-rarity-iconic.phase-7 .walkout-final-hero:before{background:radial-gradient(ellipse at 50% 43%,rgba(255,247,214,.25),rgba(207,161,57,.07) 38%,transparent 68%)}
.cinematic-walkout.reveal-rarity-iconic.phase-7 .walkout-final-hero{background:radial-gradient(ellipse at 50% 43%,rgba(255,244,203,.06),rgba(2,3,7,.26) 44%,rgba(1,2,6,.67) 90%)}
.cinematic-walkout.reveal-rarity-legendary.phase-7 .walkout-final-hero{background:radial-gradient(ellipse at 50% 43%,rgba(126,62,220,.075),rgba(2,2,8,.26) 44%,rgba(1,1,5,.7) 90%)}

/* Final card is always above the effects and stays crisp. */
.walkout-final-hero .card-rarity-aura{z-index:2}.walkout-final-hero .pcard{visibility:visible!important;opacity:1!important;filter:none!important;backface-visibility:hidden}.walkout-final-hero .aura-card-wrap{will-change:transform,opacity}.walkout-final-hero .aura-light-sweep{clip-path:inset(0 round 12%)}
.walkout-final-hero .pack-result-actions{padding-bottom:max(2px,env(safe-area-inset-bottom))}.walkout-final-hero .pack-result-actions .btn{touch-action:manipulation}

/* Performance tiers retain the same story while reducing expensive layers. */
.cinematic-walkout[data-quality="medium"] .walkout-final-hero:before{filter:blur(14px)}.cinematic-walkout[data-quality="low"] .walkout-final-hero:before,.cinematic-walkout[data-quality="low"] .walkout-final-hero:after{filter:none;opacity:.34}.cinematic-walkout[data-quality="low"] .aura-light-sweep:after{filter:none;opacity:.22}

@media(max-width:430px){.walkout-final-hero{padding-top:max(7px,env(safe-area-inset-top));padding-left:8px;padding-right:8px}.walkout-hero-stack{width:min(420px,97vw);gap:3px}.walkout-final-hero .card-rarity-aura{width:min(315px,82vw);min-height:min(400px,49vh)}.walkout-result-copy{gap:4px}.walkout-result-copy h2{font-size:clamp(18px,5vw,23px)}.walkout-result-copy p{font-size:11px}.walkout-final-hero .pack-reward-summary{padding:8px 10px}.walkout-final-hero .pack-result-actions{margin-top:5px}}
@media(max-width:374px){.walkout-final-hero .card-rarity-aura{width:min(286px,80vw);min-height:min(365px,46vh)}.walkout-result-copy h2{font-size:18px}.walkout-result-copy p{font-size:10px}.walkout-final-hero .result-rarity-label{font-size:14px}.walkout-final-hero .first-premium-badge{padding:4px 8px;font-size:9px}}
@media(max-width:330px){.walkout-final-hero .card-rarity-aura{width:min(260px,78vw);min-height:min(330px,43vh)}.walkout-result-copy{gap:3px}.walkout-final-hero .pack-reward-summary{font-size:10px;padding:6px 8px}.walkout-final-hero .pack-result-actions{gap:5px}.walkout-final-hero .pack-result-actions .btn{font-size:10px;padding:8px 6px}}
@media(prefers-reduced-motion:reduce){.walkout-final-hero,.walkout-hero-stack,.walkout-result-copy,.cinematic-walkout.phase-6 .card-rarity-aura{transition-duration:.08s!important;animation:none!important}.walkout-final-hero:before,.walkout-final-hero:after{filter:none!important}}

/* ========================================================================== */
/* v25.8 — Walkout final-card visibility hotfix                               */
/* The PlayerCard stays untouched; its reveal wrapper now owns a real width. */
/* ========================================================================== */
.walkout-final-hero .aura-card-wrap{
  width:min(306px,78vw)!important;
  max-width:100%!important;
  min-width:220px;
}
.walkout-final-hero .aura-card-wrap>.pcard{
  width:100%!important;
  height:auto!important;
  min-width:0!important;
}
@media(max-width:430px){.walkout-final-hero .aura-card-wrap{width:min(286px,74vw)!important;min-width:210px}}
@media(max-width:374px){.walkout-final-hero .aura-card-wrap{width:min(260px,72vw)!important;min-width:196px}}
@media(max-width:330px){.walkout-final-hero .aura-card-wrap{width:min(238px,70vw)!important;min-width:184px}}

/* ========================================================================== */
/* ========================================================================== */
/* v25.10 — FINAL CINEMATIC WALKOUT                                           */
/* Provided rarity backgrounds + approved production VFX.                     */
/* Sequence: Pack -> Black -> Flag -> Club -> Position -> Card.                */
/* The existing PlayerCard component itself remains untouched.                */
/* ========================================================================== */
.pack-entry{position:relative;isolation:isolate;perspective:1100px;background:radial-gradient(ellipse at 50% 52%,rgba(255,255,255,.035),transparent 44%)}
.pack-entry-inner{position:relative;z-index:2}
.pack-entry-button{position:relative;perspective:950px;transform-style:preserve-3d;filter:none!important}
.pack-entry-button .pack{animation:kvFinalPackIdle 3.8s ease-in-out infinite;transform-origin:50% 55%;will-change:transform,filter;filter:drop-shadow(0 28px 40px rgba(0,0,0,.62))!important}
.pack-highlight{position:absolute;inset:8% 17%;pointer-events:none;overflow:hidden;border-radius:28%;opacity:.55;mix-blend-mode:screen;transform:translateZ(20px)}
.pack-highlight:before{content:"";position:absolute;left:-55%;top:-25%;width:34%;height:155%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:rotate(18deg);animation:kvFinalPackHighlight 3.8s ease-in-out infinite}
.pack-is-opening .pack-entry-button .pack{animation:kvFinalPackOpen .52s cubic-bezier(.15,.8,.18,1) both}
.pack-opening-locked{pointer-events:none}
.pack-open-flash{position:absolute;inset:-20%;border-radius:50%;background:radial-gradient(circle,rgba(255,247,219,.92),rgba(255,197,65,.18) 22%,transparent 58%);mix-blend-mode:screen;animation:kvFinalPackFlash .52s ease-out both;pointer-events:none}
.pack-is-opening .pack-tap-label{display:none}
@keyframes kvFinalPackIdle{0%,100%{transform:translate3d(0,5px,0) rotateX(1.8deg) rotateY(-2.3deg) scale(.995)}50%{transform:translate3d(0,-8px,22px) rotateX(-1.2deg) rotateY(2.4deg) scale(1.018)}}
@keyframes kvFinalPackHighlight{0%,28%{left:-55%;opacity:0}48%{opacity:.72}68%,100%{left:125%;opacity:0}}
@keyframes kvFinalPackOpen{0%{transform:translate3d(0,0,0) rotateX(0) rotateY(0) scale(1);opacity:1}22%{transform:translate3d(-2px,1px,24px) rotateY(-2deg) scale(.965)}45%{transform:translate3d(3px,-2px,34px) rotateY(2.5deg) scale(1.045)}72%{transform:translate3d(-1px,-6px,10px) rotateX(-2deg) scale(1.02);opacity:1}100%{transform:translate3d(0,-14px,-20px) scale(.84);opacity:0}}
@keyframes kvFinalPackFlash{0%{opacity:0;transform:scale(.72)}34%{opacity:.94;transform:scale(1)}100%{opacity:0;transform:scale(1.35)}}

.final-cinematic-walkout{--anchor-x:50%;--anchor-y:50%;position:relative;background:#000!important;overflow:hidden!important;isolation:isolate}
.walkout-rarity-background{position:absolute;inset:-1.5%;width:103%;height:103%;object-fit:cover;object-position:center;z-index:0;opacity:0;transform:scale(1.005);will-change:transform,opacity;pointer-events:none;user-select:none}
.walkout-rarity-background-silver{background:radial-gradient(ellipse at 50% 48%,#27303a 0,#11151b 42%,#030406 82%)}
.final-cinematic-walkout:not(.state-black-cut) .walkout-rarity-background{opacity:1;animation:kvFinalBackgroundZoom var(--walkout-bg-time,6s) cubic-bezier(.19,.63,.28,1) both}
.final-cinematic-walkout.reveal-rarity-gold{--walkout-bg-time:4.6s}
.final-cinematic-walkout.reveal-rarity-ultimate{--walkout-bg-time:5.6s}
.final-cinematic-walkout.reveal-rarity-legendary{--walkout-bg-time:6.7s}
.final-cinematic-walkout.reveal-rarity-iconic{--walkout-bg-time:7.3s}
.final-cinematic-walkout.state-card-revealed .walkout-rarity-background,.final-cinematic-walkout.state-result .walkout-rarity-background{animation-play-state:paused;transform:scale(1.07)}
@keyframes kvFinalBackgroundZoom{0%{transform:scale(1.005)}100%{transform:scale(1.085)}}
.walkout-black-cut{position:absolute;inset:0;z-index:45;background:#000;opacity:0;pointer-events:none;transition:opacity .12s linear}
.final-cinematic-walkout.state-black-cut .walkout-black-cut{opacity:1}
.final-cinematic-walkout.state-black-cut .production-vfx-stack,.final-cinematic-walkout.state-black-cut .walkout-center-anchor,.final-cinematic-walkout.state-black-cut .walkout-result-ui{opacity:0!important}

.production-vfx-stack{position:absolute;inset:0;z-index:6;overflow:hidden;pointer-events:none;isolation:isolate;transform:translateZ(0)}
.production-vfx-layer{position:absolute;left:50%;top:50%;width:min(136vw,820px);height:min(94vh,820px);object-fit:contain;object-position:center;opacity:0;transform:translate3d(-50%,-50%,0) scale(.91);transform-origin:50% 50%;pointer-events:none;user-select:none;transition:opacity .38s ease,transform .72s cubic-bezier(.15,.78,.18,1);will-change:opacity,transform}
.production-vfx-layer.is-active{opacity:.64;transform:translate3d(-50%,-50%,0) scale(1)}
.production-vfx-gold .production-vfx-layer.is-active{opacity:.40}
.production-vfx-ultimate .production-vfx-layer.is-active{opacity:.58}
.production-vfx-legendary .production-vfx-layer.is-active{opacity:.72}
.production-vfx-iconic .production-vfx-layer.is-active{opacity:.78}
.production-vfx-layer.vfx-role-platform,.production-vfx-layer.vfx-role-crown{top:58%;z-index:1;width:min(142vw,870px)}
.production-vfx-layer.vfx-role-atmosphere{z-index:2;width:min(148vw,900px)}
.production-vfx-layer.vfx-role-gateway,.production-vfx-layer.vfx-role-portal{z-index:3}
.production-vfx-layer.vfx-role-beam,.production-vfx-layer.vfx-role-spotlight{z-index:4;top:47%}
.production-vfx-layer.vfx-role-swirl,.production-vfx-layer.vfx-role-vortex,.production-vfx-layer.vfx-role-ring,.production-vfx-layer.vfx-role-compression{z-index:5}
.production-vfx-layer.vfx-role-crystals,.production-vfx-layer.vfx-role-particles{z-index:7}
.production-vfx-layer.vfx-role-aura{z-index:8;width:min(126vw,760px);height:min(88vh,760px)}
.production-vfx-layer.vfx-role-burst,.production-vfx-layer.vfx-role-blade{z-index:12;width:min(145vw,900px);height:min(100vh,880px)}
.production-vfx-layer.vfx-role-beam.is-active{animation:kvFinalBeam 4.3s ease-in-out infinite alternate}
.production-vfx-layer.vfx-role-spotlight.is-active{animation:kvFinalSpot 5.2s ease-in-out infinite alternate}
.production-vfx-layer.vfx-role-atmosphere.is-active{animation:kvFinalAtmos 5.8s ease-in-out infinite alternate}
.production-vfx-layer.vfx-role-swirl.is-active,.production-vfx-layer.vfx-role-vortex.is-active,.production-vfx-layer.vfx-role-ring.is-active{animation:kvFinalOrbit 9s linear infinite}
.production-vfx-layer.vfx-role-crystals.is-active,.production-vfx-layer.vfx-role-particles.is-active{animation:kvFinalCrystal 4.4s ease-in-out infinite alternate}
.production-vfx-layer.vfx-role-compression.is-active{animation:kvFinalCompress 1.05s cubic-bezier(.18,.75,.15,1) both}
.production-vfx-layer.vfx-role-burst.is-active,.production-vfx-layer.vfx-role-blade.is-active{animation:kvFinalBurst .74s cubic-bezier(.08,.7,.12,1) both}
.production-vfx-layer.vfx-role-platform.is-active,.production-vfx-layer.vfx-role-crown.is-active,.production-vfx-layer.vfx-role-gateway.is-active,.production-vfx-layer.vfx-role-portal.is-active{animation:kvFinalStage 4.8s ease-in-out infinite alternate}
.production-vfx-layer.vfx-role-aura.is-active{animation:kvFinalAura 5.6s ease-in-out infinite alternate}
.production-vfx-layer.is-hero{opacity:.48!important;animation-duration:7s!important}
.production-vfx-iconic .production-vfx-layer.is-hero{opacity:.62!important}
.production-vfx-legendary .production-vfx-layer.is-hero{opacity:.54!important}
.production-vfx-ultimate .production-vfx-layer.is-hero{opacity:.43!important}
.production-vfx-gold .production-vfx-layer.is-hero{opacity:.30!important}
@keyframes kvFinalBeam{0%{transform:translate3d(-50%,-50%,0) scale(.985);opacity:.44}100%{transform:translate3d(-50%,-51.3%,0) scale(1.035);opacity:.78}}
@keyframes kvFinalSpot{0%{transform:translate3d(-50%,-50%,0) rotate(-.8deg) scale(1)}100%{transform:translate3d(-50%,-50%,0) rotate(.8deg) scale(1.025)}}
@keyframes kvFinalAtmos{0%{transform:translate3d(-51%,-50%,0) scale(1.01);opacity:.42}100%{transform:translate3d(-49%,-51%,0) scale(1.065);opacity:.68}}
@keyframes kvFinalOrbit{to{transform:translate3d(-50%,-50%,0) scale(1.025) rotate(360deg)}}
@keyframes kvFinalCrystal{0%{transform:translate3d(-50%,-49%,0) scale(.985)}100%{transform:translate3d(-50%,-51%,0) scale(1.025)}}
@keyframes kvFinalCompress{0%{transform:translate3d(-50%,-50%,0) scale(1.18);opacity:.05}70%{opacity:.88}100%{transform:translate3d(-50%,-50%,0) scale(.9);opacity:.38}}
@keyframes kvFinalBurst{0%{transform:translate3d(-50%,-50%,0) scale(.64);opacity:0}20%{opacity:.96;transform:translate3d(-50%,-50%,0) scale(1.04)}70%{opacity:.48}100%{opacity:0;transform:translate3d(-50%,-50%,0) scale(1.14)}}
@keyframes kvFinalStage{0%{transform:translate3d(-50%,-49.5%,0) scale(.99)}100%{transform:translate3d(-50%,-50.5%,0) scale(1.018)}}
@keyframes kvFinalAura{0%{transform:translate3d(-50%,-50%,0) scale(.995);opacity:.42}100%{transform:translate3d(-50%,-50%,0) scale(1.018);opacity:.66}}

.walkout-center-anchor{position:absolute;inset:0;z-index:20;pointer-events:none;opacity:1;--center-x:50%;--center-y:50%}
.walkout-identity-step{position:absolute;left:var(--center-x);top:var(--center-y);z-index:21;opacity:0;visibility:hidden;transform:translate(-50%,-50%) scale(.86);filter:blur(5px);transition:opacity .24s ease,transform .34s cubic-bezier(.14,.8,.18,1),filter .28s ease;display:grid;place-items:center;text-align:center}
.identity-flag img{display:block;width:clamp(86px,25vw,124px);height:auto;max-height:88px;object-fit:contain;border-radius:6px;box-shadow:0 14px 28px rgba(0,0,0,.44),0 0 26px rgba(var(--rarity-rgb),.20)}
.identity-club b{display:block;max-width:min(82vw,470px);font-size:clamp(26px,8vw,48px);line-height:1.06;color:#fff;font-weight:950;letter-spacing:.035em;text-transform:uppercase;text-shadow:0 4px 30px rgba(0,0,0,.75),0 0 26px rgba(var(--rarity-rgb),.26)}
.identity-position b{display:block;font-size:clamp(58px,18vw,104px);line-height:.9;color:#fff;font-weight:1000;letter-spacing:.04em;text-shadow:0 5px 34px rgba(0,0,0,.72),0 0 34px rgba(var(--rarity-rgb),.30)}
.final-cinematic-walkout.state-flag-reveal .identity-flag,.final-cinematic-walkout.state-club-reveal .identity-club,.final-cinematic-walkout.state-position-reveal .identity-position{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);filter:none}
.final-cinematic-walkout.state-suspense .walkout-identity-step{opacity:0!important;visibility:hidden!important}

.final-cinematic-walkout .walkout-final-hero{position:absolute!important;inset:auto!important;left:var(--center-x)!important;top:var(--center-y)!important;z-index:25!important;width:auto!important;height:auto!important;padding:0!important;display:block!important;background:none!important;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-50%) scale(.78) translateY(26px);transition:opacity .16s ease,transform .48s cubic-bezier(.08,.74,.16,1),visibility 0s linear .48s}
.final-cinematic-walkout .walkout-final-hero:before,.final-cinematic-walkout .walkout-final-hero:after{display:none!important}
.final-cinematic-walkout.state-card-impact .walkout-final-hero,.final-cinematic-walkout.state-card-revealed .walkout-final-hero,.final-cinematic-walkout.state-result .walkout-final-hero,.final-cinematic-walkout.walkout-complete .walkout-final-hero{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);transition-delay:0s}
.final-rarity-aura{position:relative;display:grid;place-items:center;width:max-content;max-width:92vw;border-radius:28px;isolation:isolate}
.final-rarity-aura:before{content:"";position:absolute;inset:9% 2% 7%;z-index:-2;border-radius:42%;filter:blur(30px);opacity:.34;background:radial-gradient(ellipse,rgba(var(--rarity-rgb),.55),transparent 68%);animation:kvFinalHeroBreath 4.8s ease-in-out infinite alternate}
.aura-iconic:before{opacity:.52;background:radial-gradient(ellipse,rgba(255,246,205,.76),rgba(220,174,69,.28) 38%,transparent 70%)}
.aura-legendary:before{opacity:.46;background:radial-gradient(ellipse,rgba(164,93,255,.68),rgba(80,26,139,.25) 40%,transparent 70%)}
.aura-ultimate:before{opacity:.39;background:radial-gradient(ellipse,rgba(55,145,255,.62),rgba(227,183,65,.12) 42%,transparent 70%)}
.aura-gold:before{opacity:.28;background:radial-gradient(ellipse,rgba(239,193,72,.5),transparent 70%)}
@keyframes kvFinalHeroBreath{to{transform:scale(1.035);opacity:.64}}
.final-cinematic-walkout .aura-card-wrap{position:relative!important;z-index:3;overflow:visible!important}
.final-cinematic-walkout .aura-card-wrap>.pcard{position:relative;z-index:3;visibility:visible!important;opacity:1!important;filter:none!important;backface-visibility:hidden}
.final-card-shimmer{position:absolute;inset:3.5% 5%;z-index:4;pointer-events:none;overflow:hidden;border-radius:13%;mix-blend-mode:screen;opacity:0}
.final-card-shimmer:after{content:"";position:absolute;top:-25%;bottom:-25%;left:-54%;width:34%;background:linear-gradient(98deg,transparent 0,rgba(255,255,255,.03) 24%,rgba(255,255,255,.32) 50%,rgba(255,245,204,.08) 68%,transparent 100%);filter:blur(7px);transform:skewX(-12deg)}
.final-cinematic-walkout.state-card-revealed .final-card-shimmer,.final-cinematic-walkout.state-result .final-card-shimmer{opacity:1}
.final-cinematic-walkout.state-card-revealed .final-card-shimmer:after,.final-cinematic-walkout.state-result .final-card-shimmer:after{animation:kvFinalShimmer 4.8s ease-in-out 1.2s infinite}
@keyframes kvFinalShimmer{0%,24%{left:-54%;opacity:0}38%{opacity:.72}58%{left:124%;opacity:0}100%{left:124%;opacity:0}}
.production-impact-flash{position:absolute;inset:0;z-index:30;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.96),rgba(var(--rarity-rgb),.28) 17%,transparent 56%);mix-blend-mode:screen}
.final-cinematic-walkout.state-card-impact .production-impact-flash{animation:kvFinalImpactFlash .54s cubic-bezier(.08,.7,.12,1) both}
@keyframes kvFinalImpactFlash{0%{opacity:0}16%{opacity:.98}43%{opacity:.30}100%{opacity:0}}

.walkout-result-ui{position:absolute;left:50%;bottom:max(10px,env(safe-area-inset-bottom));z-index:34;width:min(520px,94vw);transform:translateX(-50%) translateY(16px);opacity:0;visibility:hidden;pointer-events:none;text-align:center;display:grid;gap:4px;padding:7px 10px 2px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.54));border-radius:18px;transition:opacity .28s ease,transform .28s ease}
.final-cinematic-walkout.state-result .walkout-result-ui,.final-cinematic-walkout.walkout-complete .walkout-result-ui{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.walkout-result-ui h2{margin:0;font-size:clamp(18px,5.3vw,25px);line-height:1.05;color:#fff;text-shadow:0 2px 14px #000}
.walkout-result-ui>p{margin:0;color:rgba(239,243,250,.8);font-size:11px;white-space:normal}
.walkout-result-ui .result-rarity-label{margin:0 auto;font-size:clamp(13px,4vw,17px)}
.walkout-result-ui .first-premium-badge{margin:0 auto 1px}
.walkout-result-ui .pack-reward-summary{margin:2px auto 0;max-width:320px;padding:6px 9px}
.walkout-result-ui .pack-result-actions{margin:3px auto 0;width:min(360px,90vw);display:grid;grid-template-columns:1fr 1fr;gap:7px}
.walkout-result-ui .pack-result-actions .btn{padding:9px 8px;font-size:11px}
.walkout-skip{position:absolute!important;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));left:auto!important;bottom:auto!important;z-index:60!important;width:auto!important;min-width:88px;margin:0!important;padding:9px 13px!important}
.final-cinematic-walkout.state-card-revealed .walkout-skip,.final-cinematic-walkout.state-result .walkout-skip,.final-cinematic-walkout.walkout-complete .walkout-skip{display:none!important}

.final-cinematic-walkout[data-quality="medium"] .production-vfx-layer.vfx-role-atmosphere{opacity:.38}
.final-cinematic-walkout[data-quality="medium"] .production-vfx-layer.vfx-role-crystals{opacity:.45}
.final-cinematic-walkout[data-quality="low"] .production-vfx-layer.vfx-role-swirl,.final-cinematic-walkout[data-quality="low"] .production-vfx-layer.vfx-role-vortex,.final-cinematic-walkout[data-quality="low"] .production-vfx-layer.vfx-role-spotlight{display:none}
.final-cinematic-walkout[data-quality="low"] .production-vfx-layer{animation:none!important;transition-duration:.12s}
.final-cinematic-walkout[data-quality="low"] .production-vfx-layer.is-active{opacity:.38}

@media(max-width:430px){
  .production-vfx-layer{width:min(150vw,700px);height:min(85vh,700px)}
  .production-vfx-layer.vfx-role-platform,.production-vfx-layer.vfx-role-crown{top:57%;width:min(154vw,730px)}
  .identity-flag img{width:clamp(82px,25vw,108px);max-height:76px}
  .identity-club b{font-size:clamp(24px,7.5vw,38px)}
  .identity-position b{font-size:clamp(54px,17vw,86px)}
  .walkout-result-ui{width:96vw;padding-left:7px;padding-right:7px}
}
@media(max-width:374px){
  .production-vfx-layer{width:min(158vw,650px);height:min(81vh,650px)}
  .walkout-result-ui>p{font-size:10px}.walkout-result-ui .pack-reward-summary{font-size:10px;padding:5px 7px}
  .walkout-result-ui .pack-result-actions .btn{font-size:10px;padding:8px 5px}
}
@media(max-width:330px){
  .production-vfx-layer{width:min(164vw,610px);height:min(77vh,610px)}
  .walkout-result-ui h2{font-size:17px}.walkout-result-ui>p{font-size:9px}
  .walkout-skip{min-width:74px;font-size:10px!important;padding:7px 9px!important}
}
@media(prefers-reduced-motion:reduce){
  .pack-entry-button .pack,.pack-highlight:before,.walkout-rarity-background,.production-vfx-layer,.final-rarity-aura:before,.final-card-shimmer:after{animation:none!important;transition-duration:.08s!important}
  .production-vfx-layer.is-active{transform:translate3d(-50%,-50%,0) scale(1)!important}
  .production-impact-flash{display:none!important}
}

/* ========================================================================== */
/* v25.14 — iPhone viewport/store/icon-card fixes                              */
/* Additive overrides only: approved art and PlayerCard geometry are unchanged. */
/* ========================================================================== */

/* True edge-to-edge pack / Walkout viewport. The safe area is handled by
   individual controls, never by shrinking the cinematic canvas. */
.pack-cinematic-modal{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:100svh!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
  background:#000!important;
}
.pack-cinematic-sheet{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
}
.pack-cinematic-sheet>.walkout-stage,
.pack-cinematic-sheet>.pack-reveal{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
  margin:0!important;
  border-radius:0!important;
  overflow:hidden!important;
}
.pack-cinematic-sheet .pack-entry{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));
  display:grid!important;
  place-items:center!important;
}
.final-cinematic-walkout{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
}
.walkout-rarity-background{inset:0!important;width:100%!important;height:100%!important}

/* iOS page containment. Horizontal carousels still scroll inside themselves,
   but the document itself cannot rubber-band left/right because of a wide child. */
html,body,#app,.app{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
  overscroll-behavior-x:none!important;
}
@supports (overflow:clip){html,body,#app,.app{overflow-x:clip!important}}
body{position:relative!important}
.content,.overlay,.overlay .inner,.store-list,.cardgrid,.profile-polish-section,.glass,.panel,.pagehead,.gamecard,.packrow-premium{
  min-width:0!important;
  max-width:100%!important;
}
.content{width:100%!important}
img,svg,video,canvas{max-width:100%}
.filters,.collection-sort,.owned-strip,.card-owned-strip,.featured-card-row,.profile-choice-row,.champ-bracket,.streak-grid{
  max-width:100%!important;
  overscroll-behavior-inline:contain!important;
  -webkit-overflow-scrolling:touch;
}

/* Store CTA: raise it into the artwork and keep the purchase button centered.
   Odds remains secondary at the edge so it cannot shift the primary CTA. */
.packrow-premium .pack-actions{
  left:24%!important;
  right:24%!important;
  bottom:18%!important;
  height:42px!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  gap:5px!important;
  direction:ltr!important;
}
.packrow-premium .pack-cta-hitbox{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:center!important;
  min-width:112px!important;
  max-width:142px!important;
  white-space:nowrap!important;
}
.packrow-premium .pack-odds-btn{
  grid-column:3!important;
  grid-row:1!important;
  justify-self:end!important;
  min-width:40px!important;
  padding-inline:7px!important;
}
.rtl .packrow-premium .pack-actions{direction:ltr!important;justify-content:normal!important}
.rtl .packrow-premium .pack-odds-btn{grid-column:1!important;justify-self:start!important}
.rtl .packrow-premium .pack-cta-hitbox{grid-column:2!important;justify-self:center!important}

/* Arabic title descenders were clipped by the old 1.05 line-height. */
.rtl .packrow-premium h3{
  line-height:1.34!important;
  padding-block:1px 3px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.icon-test-pack-btn{
  display:block!important;
  width:min(280px,82%)!important;
  margin:0 auto 10px!important;
  min-height:40px!important;
  padding:9px 12px!important;
  font-size:11px!important;
  letter-spacing:.035em;
}
.rtl .icon-test-pack-btn{letter-spacing:0}

/* Slightly denser phone rhythm: less unnecessary vertical travel while keeping
   every approved component and touch target intact. */
@media(max-width:430px){
  .content{padding-top:calc(var(--safe-top) + 6px)!important;padding-left:10px!important;padding-right:10px!important;padding-bottom:calc(74px + var(--safe-bottom))!important}
  .pagehead{margin-top:3px!important;margin-bottom:10px!important}
  .store-list{gap:7px!important}
  .gamecard{padding:12px!important;margin-bottom:8px!important}
  .section{margin-top:9px!important}
  .panel{padding:12px!important}
  .profile-polish-section{margin-top:8px!important;padding:11px!important}
  .packrow-premium .pack-actions{left:22%!important;right:22%!important;bottom:17%!important;height:40px!important}
  .packrow-premium .pack-cta-hitbox{min-width:104px!important;min-height:38px!important;font-size:9px!important;padding:6px 8px!important}
  .packrow-premium .pack-odds-btn{min-height:34px!important;font-size:9px!important}
}
@media(max-width:374px){
  .content{padding-left:8px!important;padding-right:8px!important}
  .packrow-premium .pack-actions{left:20%!important;right:20%!important;bottom:16%!important}
  .packrow-premium .pack-cta-hitbox{min-width:94px!important;max-width:118px!important;min-height:36px!important}
  .packrow-premium .pack-odds-btn{min-height:32px!important;padding-inline:5px!important}
  .rtl .packrow-premium h3{font-size:clamp(13px,4vw,17px)!important;line-height:1.38!important}
}
@media(max-width:330px){
  .packrow-premium .pack-actions{left:18%!important;right:18%!important;bottom:15%!important}
  .packrow-premium .pack-cta-hitbox{min-width:88px!important;font-size:8.5px!important}
  .packrow-premium .pack-odds-btn{font-size:8px!important}
}

body:has(.pack-cinematic-modal){overflow:hidden!important}

/* v25.15 — Kora Transfer Market
   Additive only: existing Home / Store packs / PlayerCard / Squad geometry remain untouched. */
.store-tools-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.95fr);gap:8px;margin:0 0 10px;align-items:stretch}
.market-entry-btn{min-width:0;display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:start;padding:9px 12px!important;background:linear-gradient(135deg,rgba(34,45,67,.98),rgba(13,18,29,.98))!important;border-color:rgba(237,196,82,.55)!important;box-shadow:0 8px 24px rgba(0,0,0,.24),inset 0 0 20px rgba(232,187,60,.06)!important}
.market-entry-btn>span{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;color:#f2cf6b}.market-entry-btn svg{width:24px;height:24px}.market-entry-btn>b{font-size:11px;line-height:1.1;color:#f5d773}.market-entry-btn>small{font-size:9px;color:#cbd1dc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.store-tools-row .icon-test-pack-btn{width:100%!important;margin:0!important;min-height:50px!important}
.rtl .market-entry-btn{text-align:right}

.market-coin-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;margin-bottom:10px;background:linear-gradient(135deg,rgba(26,35,52,.94),rgba(9,14,24,.94))!important;border-color:rgba(235,194,75,.32)!important}.market-coin-bar>div{display:flex;flex-direction:column}.market-coin-bar small{font-size:10px;color:#aeb7c7}.market-coin-bar strong{font-size:24px;color:#f4d36f;line-height:1}
.market-tabs{display:flex;gap:6px;overflow-x:auto;max-width:100%;padding:0 0 8px;scrollbar-width:none;overscroll-behavior-inline:contain}.market-tabs::-webkit-scrollbar{display:none}.market-tabs .chip{flex:0 0 auto;min-height:34px;white-space:nowrap}
.market-toolbar{margin-bottom:10px}.market-search{width:100%;margin-bottom:7px}.market-toolbar-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px}.market-toolbar-row .btn{min-height:40px}.market-sort{width:100%;min-width:0;border-radius:12px;border:1px solid rgba(255,255,255,.11);background:rgba(7,12,20,.9);color:#f5f6f7;padding:8px 10px;font-weight:800}.market-result-meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:7px;color:#98a4b5;font-size:10px}.market-result-meta b{color:#f0ca62}
.market-listings{display:grid;gap:9px}.market-listing{display:grid;grid-template-columns:minmax(98px,31%) minmax(0,1fr);gap:10px;align-items:center;padding:10px!important;position:relative;overflow:hidden!important}.market-listing:after{content:"";position:absolute;inset:auto -10% -58% 35%;height:100%;pointer-events:none;background:radial-gradient(circle,rgba(224,188,79,.09),transparent 67%)}.market-listing.rarity-ultimate{border-color:rgba(75,139,255,.34)!important}.market-listing.rarity-legendary{border-color:rgba(162,83,255,.40)!important}
.market-card-visual{appearance:none;border:0;background:none;padding:0;margin:0;width:100%;display:block;cursor:pointer;min-width:0}.market-card-visual .pcard,.market-sell-card .pcard,.market-watch-mini .pcard{width:100%!important;max-width:100%!important;margin:0!important}.market-listing-info{min-width:0;display:flex;flex-direction:column;gap:5px}.market-listing-head{display:flex;align-items:flex-start;gap:4px}.market-listing-head>div{min-width:0;flex:1}.market-listing h3{font-size:14px;line-height:1.12;margin:0;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-listing-head span,.market-listing p{font-size:10px;color:#aeb7c7;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-watch{border:0;background:transparent;color:#667183;font-size:21px;line-height:1;padding:0 2px;min-width:30px;min-height:30px}.market-watch.active{color:#f2cf6b;text-shadow:0 0 14px rgba(242,207,107,.38)}.market-price{display:flex;align-items:flex-end;justify-content:space-between;gap:6px;padding-top:2px}.market-price small{font-size:9px;color:#8f99a9}.market-price strong{font-size:13px;color:#f4d36f;white-space:nowrap}.market-owned{display:inline-flex;align-self:flex-start;padding:3px 7px;border-radius:999px;background:rgba(74,174,118,.14);border:1px solid rgba(74,174,118,.32);font-size:8px;color:#8ee0ad;font-weight:900}.market-buy-btn{width:100%;min-height:36px!important;padding:7px!important;font-size:10px!important}.market-load-more{display:block;width:min(280px,80%);margin:12px auto 2px}.market-empty{margin-top:10px}

.market-sell-list,.market-sales-list,.market-history,.market-watch-list{display:grid;gap:8px}.market-sell-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:center;padding:9px!important}.market-sell-card{min-width:0}.market-sell-info{min-width:0}.market-sell-info h3{font-size:13px;margin:0;color:#fff}.market-sell-info p{font-size:10px;color:#aeb7c7;margin:3px 0}.market-sell-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.market-sell-actions .btn{min-height:34px!important;padding:6px!important;font-size:9px!important}.market-warning{display:block;font-size:9px;color:#ffb981;line-height:1.3;margin-top:4px}
.market-sale-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px!important}.market-sale-row>div{display:flex;flex-direction:column;min-width:0}.market-sale-row b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-sale-row small{font-size:9px;color:#9aa5b5}.market-history-title{margin-top:15px}.market-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;align-items:center;padding:9px 11px!important}.market-history-row span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-history-row small{font-size:8px;color:#8994a3;text-transform:uppercase}.market-history-row b{grid-column:2;grid-row:1/3;color:#e8cb6d;font-size:10px}.market-watch-row{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px!important}.market-watch-mini{min-width:0}.market-watch-row .grow{display:flex;flex-direction:column;min-width:0}.market-watch-row .grow b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-watch-row .grow small{font-size:9px;color:#adb6c4;margin-top:3px}

.market-filter-sheet,.market-action-sheet{max-width:560px!important}.market-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.market-filter-grid label,.market-range label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#b4bdca;font-weight:800}.market-filter-grid input,.market-filter-grid select,.market-range input{width:100%;min-width:0;border-radius:11px;border:1px solid rgba(255,255,255,.12);background:#0b121e;color:#fff;padding:9px 10px;font:inherit}.market-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.market-modal-card{width:min(250px,72vw);margin:0 auto 12px}.market-modal-card .pcard{width:100%!important}.market-price-summary{display:grid;gap:0;padding:6px 12px!important;margin:10px 0}.market-price-summary>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07)}.market-price-summary>div:last-child{border-bottom:0}.market-price-summary span{font-size:10px;color:#aab3c0}.market-price-summary b{font-size:11px;color:#f4d36f;text-align:end}.market-price-summary .market-net b{font-size:14px;color:#8fe3ae}.market-warning-box{margin:8px 0;padding:8px 10px;border-radius:10px;background:rgba(198,112,55,.13);border:1px solid rgba(229,153,83,.25);color:#ffc48f;font-size:10px;line-height:1.35}.market-range{display:grid;gap:8px;padding:11px!important;margin:8px 0 12px}.market-range>small{color:#98a3b2}.market-range>b{font-size:15px;color:#f0d06f}.market-range>span{font-size:10px;color:#aeb7c7}.market-signed-modal .market-action-sheet{text-align:center}.market-signed-card{position:relative;width:min(280px,78vw);margin:4px auto 10px}.market-signed-card .pcard{width:100%!important}.market-sign-shine{position:absolute;z-index:5;inset:-10%;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,239,177,.34) 49%,transparent 60%);transform:translateX(-65%);animation:marketSignShine 1.2s ease-out .12s 1}.market-signed-modal h2{margin:4px 0;font-size:18px}.market-signed-modal p{margin:3px 0 10px}@keyframes marketSignShine{to{transform:translateX(65%)}}

@media(max-width:430px){
  .store-tools-row{grid-template-columns:1fr 1fr;gap:6px}.market-entry-btn{padding:7px 8px!important}.market-entry-btn>b{font-size:9.5px}.market-entry-btn>small{font-size:8px}.market-entry-btn>span{width:26px;height:26px}.store-tools-row .icon-test-pack-btn{font-size:9px!important;padding:7px!important}
  .market-listing{grid-template-columns:96px minmax(0,1fr);padding:8px!important;gap:8px}.market-listing h3{font-size:12px}.market-price strong{font-size:11px}.market-sell-row{grid-template-columns:78px minmax(0,1fr)}.market-filter-grid{gap:7px}.market-modal-card{width:min(236px,70vw)}
}
@media(max-width:360px){.market-filter-grid{grid-template-columns:1fr}.market-listing{grid-template-columns:88px minmax(0,1fr)}.market-tabs .chip{font-size:8px!important}.market-sell-actions{grid-template-columns:1fr}.store-tools-row{grid-template-columns:1fr}.store-tools-row .icon-test-pack-btn{min-height:38px!important}.market-entry-btn{min-height:45px!important}}
.rtl .market-listing-info,.rtl .market-sell-info,.rtl .market-coin-bar,.rtl .market-filter-grid{text-align:right}.rtl .market-price strong,.rtl .market-result-meta b,.rtl .market-history-row b{direction:ltr}.rtl .market-toolbar-row{direction:rtl}.rtl .market-sort{direction:rtl}
@media(prefers-reduced-motion:reduce){.market-sign-shine{animation:none!important;display:none}}

.market-active-filters{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.market-filter-chip{border:1px solid rgba(222,192,94,.24);background:rgba(222,192,94,.09);color:#f0d16c;border-radius:999px;min-height:28px;padding:5px 9px;display:inline-flex;align-items:center;gap:6px;font:800 9px/1 inherit}.market-filter-chip b{font-size:13px;line-height:1}.market-filter-chip.clear{border-color:rgba(255,255,255,.11);background:rgba(255,255,255,.05);color:#b8c2cf}.rtl .market-active-filters{direction:rtl}

/* v25.16 — Profile Customization
   Additive only: PlayerCard, Walkout, Store, Squad and existing navigation geometry remain untouched. */
.profile-mini-avatar{position:relative;overflow:hidden;display:grid;place-items:center}.profile-mini-avatar>span{position:absolute;inset:0;display:grid;place-items:center}.profile-mini-avatar>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:2}
.profile-identity-custom{padding:0!important;min-height:268px;isolation:isolate;background:#0a101b!important;border-color:rgba(230,196,89,.20)!important}.profile-banner-layer{position:absolute;z-index:0;inset:0;overflow:hidden}.profile-banner-layer img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.profile-banner-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(3,7,13,.18) 0%,rgba(3,7,13,.32) 38%,rgba(3,7,13,.78) 100%),linear-gradient(90deg,rgba(4,8,15,.22),transparent 32%,transparent 68%,rgba(4,8,15,.22));pointer-events:none}.profile-identity-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 15px 15px;min-height:268px}.profile-identity-content h2{margin:4px 0 0;text-shadow:0 2px 10px rgba(0,0,0,.74);font-size:21px;line-height:1.15}.profile-avatar-stack{position:relative;width:118px;height:118px;display:grid;place-items:center;flex:0 0 auto;filter:drop-shadow(0 8px 16px rgba(0,0,0,.42))}.profile-avatar-fallback{position:absolute;width:78%;height:78%;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#26314a,#0c1320);color:#f0d16e;font-weight:1000;font-size:30px;border:1px solid rgba(255,255,255,.1)}.profile-avatar-art{position:absolute;width:78%;height:78%;border-radius:50%;object-fit:cover;object-position:center;z-index:1;background:#0b111c}.profile-frame-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;z-index:2;pointer-events:none}.profile-header-badges{display:flex;align-items:center;justify-content:center;gap:5px;margin:6px 0 4px;min-height:31px}.profile-header-badges img{width:29px;height:29px;object-fit:contain;filter:drop-shadow(0 3px 7px rgba(0,0,0,.45))}.profile-custom-xp{width:min(340px,88%);margin:8px auto 5px}.profile-actions-custom{grid-template-columns:1.15fr 1fr 1fr}.profile-customize-btn{grid-column:auto;background:linear-gradient(135deg,#d9ad42,#f2d878)!important;color:#111827!important;border-color:rgba(255,239,173,.72)!important}

.profile-custom-pagehead{display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;align-items:center;margin:3px 0 10px}.profile-custom-pagehead .back{width:40px;height:40px}.profile-custom-pagehead h1{margin:0;font-size:18px;color:#f5d873}.profile-custom-pagehead p{margin:2px 0 0;color:#9da7b6;font-size:10px}.profile-custom-preview{margin-bottom:10px}.profile-preview-card{min-height:250px}.profile-preview-card .profile-identity-content{min-height:250px;padding-top:14px}.profile-preview-card .profile-avatar-stack{width:108px;height:108px}
.profile-custom-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0 0 8px;max-width:100%}.profile-custom-tabs button{min-width:0;min-height:38px;padding:7px 4px;border-radius:11px;border:1px solid rgba(255,255,255,.09);background:rgba(11,17,28,.9);color:#aab4c3;font:900 9px/1.15 inherit;white-space:normal}.profile-custom-tabs button.active{border-color:rgba(235,201,96,.55);background:rgba(235,201,96,.10);color:#f4d875;box-shadow:inset 0 0 18px rgba(238,203,94,.05)}.profile-custom-filters{display:flex;gap:6px;overflow-x:auto;max-width:100%;padding:0 0 8px;scrollbar-width:none}.profile-custom-filters::-webkit-scrollbar{display:none}.profile-custom-filters .chip{flex:0 0 auto}
.profile-cosmetic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:100%}.profile-cosmetic-grid-banner{grid-template-columns:1fr}.profile-cosmetic-item{position:relative;appearance:none;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:linear-gradient(180deg,rgba(21,29,44,.96),rgba(8,13,22,.96));color:#fff;padding:8px;min-width:0;overflow:hidden;text-align:start;display:flex;flex-direction:column;gap:7px;box-shadow:0 8px 22px rgba(0,0,0,.18)}.profile-cosmetic-item:active{transform:scale(.985)}.profile-cosmetic-item.previewed{border-color:rgba(236,199,79,.72);box-shadow:0 0 0 1px rgba(236,199,79,.18),0 9px 28px rgba(0,0,0,.28),inset 0 0 22px rgba(236,199,79,.05)}.profile-cosmetic-item.equipped:before{content:"✓";position:absolute;z-index:4;top:7px;inset-inline-end:7px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e6c65d;color:#101723;font-weight:1000;font-size:12px;box-shadow:0 4px 12px rgba(0,0,0,.35)}.profile-cosmetic-item.locked .profile-cosmetic-art{filter:saturate(.55) brightness(.63)}.profile-cosmetic-item.rarity-ultimate{border-color:rgba(67,126,255,.25)}.profile-cosmetic-item.rarity-legendary{border-color:rgba(155,83,255,.30)}.profile-cosmetic-item.rarity-iconic{border-color:rgba(244,214,129,.38)}
.profile-cosmetic-art{width:100%;aspect-ratio:1/1;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,255,255,.06),rgba(0,0,0,.10));position:relative}.profile-cosmetic-art.wide{aspect-ratio:3/1}.profile-cosmetic-art img{width:100%;height:100%;object-fit:contain;display:block}.profile-cosmetic-art.wide img{object-fit:cover}.profile-cosmetic-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.profile-cosmetic-copy b{font-size:10px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-cosmetic-copy small{font-size:8px;color:#a5afbd}.profile-cosmetic-copy em{font-style:normal;font-size:8px;color:#d6bd78;line-height:1.25;margin-top:2px}.profile-cosmetic-new,.profile-preview-only{position:absolute;z-index:4;border-radius:999px;padding:3px 6px;font:1000 7px/1 inherit;letter-spacing:.03em}.profile-cosmetic-new{top:7px;inset-inline-start:7px;background:#f0c85a;color:#111827}.profile-preview-only{bottom:8px;inset-inline-end:8px;background:rgba(80,126,218,.92);color:#fff}.profile-preview-warning{margin:9px 0 0;font-size:9px}.profile-custom-actions{position:sticky;z-index:12;bottom:calc(70px + var(--safe-bottom));display:grid;grid-template-columns:1fr 1.25fr;gap:8px;margin-top:10px;padding:9px;border-radius:15px;background:rgba(7,11,18,.94);border:1px solid rgba(255,255,255,.09);box-shadow:0 -8px 26px rgba(0,0,0,.3);backdrop-filter:blur(14px)}.profile-custom-actions .btn{min-height:43px}.reward-cosmetic-thumb{width:44px;height:44px;object-fit:contain;margin:0 auto 5px;display:block}.reward-feedback-cosmetic .reward-feedback-inner{border-color:rgba(233,201,95,.55);box-shadow:0 14px 38px rgba(0,0,0,.45),0 0 28px rgba(233,201,95,.08)}

@media(min-width:620px){.profile-cosmetic-grid:not(.profile-cosmetic-grid-banner){grid-template-columns:repeat(3,minmax(0,1fr))}.profile-cosmetic-grid-banner{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.profile-identity-custom,.profile-identity-content{min-height:245px}.profile-avatar-stack{width:104px;height:104px}.profile-identity-content{padding:13px 10px 12px}.profile-identity-content h2{font-size:18px}.profile-actions-custom{grid-template-columns:1fr 1fr}.profile-customize-btn{grid-column:1/-1}.profile-custom-tabs button{font-size:8px;min-height:36px}.profile-cosmetic-item{padding:7px}.profile-cosmetic-copy b{font-size:9px}.profile-cosmetic-copy em{font-size:7.5px}.profile-custom-actions{bottom:calc(67px + var(--safe-bottom));padding:7px}}
@media(max-width:340px){.profile-cosmetic-grid{gap:6px}.profile-cosmetic-item{padding:6px}.profile-cosmetic-copy b{font-size:8.5px}.profile-custom-tabs{gap:4px}.profile-custom-tabs button{font-size:7.5px;padding-inline:2px}.profile-avatar-stack{width:96px;height:96px}.profile-header-badges img{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){.profile-cosmetic-item{transition:none!important}.profile-cosmetic-item:active{transform:none!important}}
.rtl .profile-cosmetic-item,.rtl .profile-custom-pagehead{text-align:right}.rtl .profile-custom-tabs,.rtl .profile-custom-filters{direction:rtl}

/* ========================================================================== */
/* v25.18 — Central responsive page backgrounds                              */
/* ========================================================================== */
.kv-screen-bg{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:100svh!important;
  z-index:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  background:#07101d!important;
  background-image:none!important;
  transform:translateZ(0);
  contain:paint;
  animation:kvBackgroundFadeIn .22s ease-out both;
}
.kv-screen-bg:after{content:none!important;display:none!important}
.kv-screen-bg picture{position:absolute;inset:0;display:block;width:100%;height:100%}
.kv-screen-bg picture img{
  position:absolute;
  inset:0;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:var(--kv-bg-position,center center)!important;
  display:block;
  user-select:none;
  -webkit-user-drag:none;
  backface-visibility:hidden;
}
.kv-bg-readability{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(3,8,20,.18) 0%,rgba(3,8,20,.03) 24%,rgba(3,8,20,.03) 68%,rgba(3,8,20,.25) 100%),
    rgb(3 8 20 / var(--kv-bg-overlay,.16));
}
@keyframes kvBackgroundFadeIn{from{opacity:.86}to{opacity:1}}

/* Game modes previously used an almost-opaque full-page overlay. The new
   supplied backgrounds remain visible while question/game panels preserve
   their own approved contrast. */
.overlay.kv-game-overlay{
  background:rgba(5,8,13,.24)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Page background art never mirrors in RTL. */
.rtl .kv-screen-bg,.rtl .kv-screen-bg picture,.rtl .kv-screen-bg picture img{direction:ltr!important;transform:none}

@media(max-width:430px){
  .kv-screen-bg picture img{object-position:center center!important}
  .kv-bg-readability{
    background:
      linear-gradient(180deg,rgba(3,8,20,.16) 0%,rgba(3,8,20,.02) 22%,rgba(3,8,20,.03) 66%,rgba(3,8,20,.28) 100%),
      rgb(3 8 20 / var(--kv-bg-overlay,.16));
  }
}
@media(prefers-reduced-motion:reduce){.kv-screen-bg{animation:none!important}}

/* Production-only utility rows; approved game presentation otherwise unchanged. */
.production-store-tools{grid-template-columns:1fr!important}.settings-production-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.settings-legal-links{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:8px 0 12px}.settings-legal-links button{border:0;background:transparent;color:var(--muted);text-decoration:underline;font-size:10px;padding:5px;cursor:pointer}@media(max-width:430px){.settings-production-tools{grid-template-columns:1fr}.settings-legal-links{gap:3px}}