.arena-intro-root{z-index:90;padding:max(1rem, env(safe-area-inset-top,0px)) 1rem max(1rem, env(safe-area-inset-bottom,0px));place-items:center;animation:.18s ease-out arena-intro-root-in;display:grid;position:fixed;inset:0}.arena-intro__overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#030810c7;border:0;position:absolute;inset:0}.arena-intro{scrollbar-width:thin;scrollbar-color:#22d3eed9 transparent;background:linear-gradient(165deg,#0c1220fa,#060a12fc),#080c16;border:1px solid #00d4ff29;border-radius:14px;width:min(92vw,42rem);max-height:min(88vh,44rem);padding:1.35rem 1.25rem 1.2rem;animation:.24s cubic-bezier(.2,.8,.2,1) arena-intro-in;position:relative;overflow:auto;box-shadow:inset 0 1px #ffffff0d,0 24px 64px #0000008c}.arena-intro::-webkit-scrollbar{width:3px;height:3px}.arena-intro::-webkit-scrollbar-track{background:0 0}.arena-intro::-webkit-scrollbar-thumb{background:#22d3eed9;border-radius:999px}.arena-intro::-webkit-scrollbar-thumb:hover{background:#38bdf8f2}.arena-intro__welcome{padding:.15rem 0;position:relative}.arena-intro__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#67e8f9e6;margin:0;font-size:.62rem;font-weight:900}.arena-intro__welcome-title{align-items:center;gap:.55rem;margin-top:.55rem;display:flex}.arena-intro__welcome-title h2{letter-spacing:.01em;color:#fff;margin:0;font-size:clamp(1.2rem,3.4vw,1.55rem);font-weight:950;line-height:1.15}.arena-intro__target{border:2px solid #67e8f9;border-radius:999px;flex:none;width:1.45rem;height:1.45rem;box-shadow:inset 0 0 0 3px #080c16,inset 0 0 0 5px #67e8f98c,0 0 14px #00b4ff47}.arena-intro__lead{color:#bac6d6f5;margin:.65rem 0 0;font-size:.86rem;line-height:1.55}.arena-intro__howto{color:#e2e8f0f0;margin:.7rem 0 0;padding-left:1.15rem;font-size:.8rem;line-height:1.5}.arena-intro__howto li+li{margin-top:.42rem}.arena-intro__play{background:#00b4ff0f;border:1px solid #00d4ff29;border-radius:10px;margin:1.05rem 0 0;padding:.75rem .85rem}.arena-intro__play-label{letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;margin:0;font-size:.62rem;font-weight:800}.arena-intro__play-value{color:#fff;margin:.28rem 0 0;font-size:1.35rem;font-weight:900}.arena-intro__crates-label{letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;margin:1.05rem 0 .45rem;font-size:.62rem;font-weight:800}.arena-intro__crates{gap:.4rem;display:grid}.arena-intro__crate{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;overflow:hidden}.arena-intro__crate--open{border-color:color-mix(in srgb, var(--arena-crate-color,#b0c3d9) 38%, #ffffff14);background:linear-gradient(180deg, color-mix(in srgb, var(--arena-crate-color,#b0c3d9) 12%, transparent), transparent 42%), #ffffff08}.arena-intro__crate-head{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.6rem;padding:.5rem .65rem;display:flex}.arena-intro__crate-head:hover{background:#ffffff08}.arena-intro__crate-img{object-fit:contain;filter:drop-shadow(0 4px 8px #00000059);flex:none;width:2.15rem;height:2.15rem}.arena-intro__crate-name{text-overflow:ellipsis;white-space:nowrap;color:#e2e8f0;flex:auto;min-width:0;font-size:.82rem;font-weight:700;overflow:hidden}.arena-intro__crate-dot{background:var(--arena-crate-color,#b0c3d9);width:.55rem;height:.55rem;box-shadow:0 0 10px var(--arena-crate-color,#b0c3d9);border-radius:999px;flex:none}.arena-intro__crate-value{font-variant-numeric:tabular-nums;color:#fff;flex:none;font-size:.86rem;font-weight:800}.arena-intro__crate-chevron{border-bottom:1.7px solid #94a3b8;border-right:1.7px solid #94a3b8;flex:none;width:.42rem;height:.42rem;margin-left:.1rem;transition:transform .18s;transform:rotate(45deg)}.arena-intro__crate--open .arena-intro__crate-chevron{transform:translateY(2px)rotate(225deg)}.arena-intro__crate-body{padding:0 .55rem .6rem}.arena-intro__crate-empty{color:#94a3b8eb;margin:0;padding:.45rem .2rem .15rem;font-size:.75rem;line-height:1.4}.arena-intro__crate-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin:0;padding:.2rem 0 0;display:grid}.arena-intro__crate-items .skin-loot-card--showcase{cursor:pointer;min-height:122px;padding:.4rem .38rem .38rem}.arena-intro__crate-items .skin-loot-card--showcase .skin-loot-card__meta{min-height:.95rem;margin-bottom:0}.arena-intro__crate-items .skin-loot-card--showcase .skin-loot-card__price-badge{font-size:.56rem}.arena-intro__crate-items .skin-loot-card--showcase .skin-loot-card__chance--corner{font-size:.48rem}.arena-intro__crate-items .skin-loot-card--showcase .skin-loot-card__visual{min-height:54px;margin-top:.15rem}.arena-intro__crate-items .skin-loot-card--showcase .skin-loot-card__image{max-height:52px}.arena-intro__crate-items .skin-loot-card--showcase .skin-loot-card__names{gap:.06rem;margin-top:.2rem}.arena-intro__crate-items .skin-loot-card--showcase .skin-loot-card__title{font-size:.56rem}.arena-intro__crate-items .skin-loot-card--showcase .skin-loot-card__subtitle{font-size:.48rem}.arena-intro__crate-items .skin-loot-card--showcase:hover{transform:translateY(-2px)}.arena-intro__crate-items .skin-loot-card--showcase:hover .skin-loot-card__image{transform:perspective(520px)rotateX(22deg)rotate(-6deg)scale(1.08)}.arena-intro__error{color:#fef3c7;background:#fbbf241a;border:1px solid #fbbf244d;margin:.85rem 0 0;padding:.55rem .75rem;font-size:.84rem}.arena-intro__actions{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;margin-top:1.15rem;display:flex}@keyframes arena-intro-root-in{0%{opacity:0}to{opacity:1}}@keyframes arena-intro-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.arena-intro-root,.arena-intro{animation:none}}