@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;0,900;1,800&family=Inter:wght@400;500;600;700;800&display=swap');

:root {
  color-scheme: dark;
  --bg: #07080b;
  --panel: #101217;
  --line: rgba(255, 255, 255, 0.09);
  --ink: #f5f7f8;
  --muted: #8d939d;
  --cyan: #31f4e0;
  --pink: #fc3f7c;
  --amber: #f9c94c;
  font-family: Inter, system-ui, sans-serif;
  font-synthesis: none;
}

* { box-sizing: border-box; }
html { background: var(--bg); }
body { margin: 0; min-width: 320px; min-height: 100vh; background: var(--bg); color: var(--ink); }
html.battle-locked,html.battle-locked body{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
button, a { font: inherit; }
button { color: inherit; }

.shell {
  min-height: 100vh;
  background:
    radial-gradient(circle at 68% 18%, rgba(49,244,224,.095), transparent 25%),
    radial-gradient(circle at 10% 48%, rgba(252,63,124,.055), transparent 28%),
    linear-gradient(180deg, #090b0f 0%, #06070a 100%);
  overflow: hidden;
  padding-bottom: 0;
}

.topbar {
  height: 72px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 0 clamp(20px, 5vw, 72px);
  border-bottom: 1px solid var(--line);
  background: rgba(7,8,11,.78);
  backdrop-filter: blur(18px);
  position: relative;
  z-index: 10;
}

.brand { color: white; text-decoration: none; display: flex; align-items: center; gap: 10px; font: 800 21px/1 'Barlow Condensed', sans-serif; letter-spacing: .07em; }
.brand > span:last-child span { color: var(--cyan); }
.brand-mark { width: 28px; height: 28px; border: 2px solid var(--cyan); border-radius: 50%; display: grid; place-items: center; box-shadow: 0 0 18px rgba(49,244,224,.25); position: relative; }
.brand-mark::before, .brand-mark::after { content: ''; position: absolute; width: 4px; height: 4px; background: var(--cyan); border-radius: 50%; }
.brand-mark::before { left: -7px; }.brand-mark::after { right: -7px; }
.brand-mark i { width: 8px; height: 8px; background: white; border-radius: 50%; box-shadow: 0 0 10px white; }
.season-pill { color: #a9afb8; font: 700 10px/1 Inter, sans-serif; letter-spacing: .17em; display: flex; gap: 9px; align-items: center; }
.season-pill span, .recharge > span { width: 6px; height: 6px; border-radius: 50%; background: var(--pink); box-shadow: 0 0 12px var(--pink); }
.header-center { display:flex; align-items:center; gap:28px; }.desktop-nav { display:flex; align-items:center; gap:5px; }.desktop-nav button { border:0; background:none; color:#606771; padding:9px 8px; font:700 8px Inter; letter-spacing:.1em; cursor:pointer; }.desktop-nav button:hover,.desktop-nav button.active { color:var(--cyan); }
.profile-chip { justify-self: end; border: 0; background: transparent; display: flex; align-items: center; gap: 10px; text-align: left; cursor: pointer; }
.profile-chip b, .profile-chip small { display: block; }.profile-chip b { font: 700 11px Inter; }.profile-chip small { color: var(--muted); font: 700 8px Inter; margin-top: 3px; letter-spacing: .12em; }
.profile-avatar { width: 34px; height: 34px; border: 1px solid rgba(49,244,224,.5); border-radius: 50%; display: grid; place-items: center; color: var(--cyan); background: rgba(49,244,224,.08); font: 800 10px Inter; }

.view-shell { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.hero { min-height: 510px; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 56px; position: relative; }
.hero::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.15), transparent); }
.eyebrow, .section-kicker { color: var(--cyan); font: 700 10px Inter; letter-spacing: .18em; }.eyebrow { display: flex; align-items: center; gap: 9px; }.eyebrow span { width: 24px; height: 1px; background: var(--cyan); }
h1, h2, h3 { font-family: 'Barlow Condensed', sans-serif; margin: 0; text-transform: uppercase; }
h1 { margin-top: 17px; font-size: clamp(54px, 7vw, 92px); line-height: .82; letter-spacing: -.035em; font-weight: 900; }
h1 em { font-style: italic; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.68); text-shadow: 0 0 35px rgba(49,244,224,.08); }
.hero-lede { max-width: 530px; color: #9da3ac; font-size: 13px; line-height: 1.7; margin: 25px 0 0; }
.ticket-row { display: flex; gap: clamp(18px, 3vw, 38px); margin-top: 30px; }
.ticket-row > div { display: flex; gap: 10px; align-items: center; }.ticket-row p { margin: 0; }.ticket-row small { color: #777e89; font: 700 8px Inter; letter-spacing: .12em; display: block; }.ticket-row b { font: 700 17px 'Barlow Condensed'; }.ticket-row b i { color: #6e747d; font-style: normal; font-size: 13px; }
.resource-icon { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid currentColor; transform: rotate(45deg); font: 800 10px Inter; }.cyan { color: var(--cyan); }.amber { color: var(--amber); }.pink { color: var(--pink); }.purple{color:#c25cff}
.recharge { color: #717884; font: 600 8px Inter; letter-spacing: .13em; display: flex; align-items: center; gap: 8px; margin: 18px 0 0 3px; }.recharge b { color: #aeb3bb; }

.ball-stage { min-height: 430px; position: relative; display: grid; place-items: center; isolation: isolate; }
.stage-grid { position: absolute; width: 370px; height: 280px; transform: perspective(420px) rotateX(64deg); bottom: 27px; background-image: linear-gradient(rgba(49,244,224,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(49,244,224,.07) 1px, transparent 1px); background-size: 28px 28px; mask-image: radial-gradient(ellipse, #000 8%, transparent 68%); }
.orbit { position: absolute; border: 1px solid rgba(49,244,224,.13); border-radius: 50%; transform: rotate(-18deg); }.orbit-one { width: 330px; height: 155px; }.orbit-two { width: 280px; height: 280px; border-color: rgba(252,63,124,.09); }
.player-ball { width: 184px; height: 184px; border-radius: 50%; position: relative; z-index: 3; background: radial-gradient(circle at 35% 28%, #fff 0 2%, var(--ball-primary, #a8fff7) 7%, color-mix(in srgb, var(--ball-primary, #31f4e0) 44%, #092329) 34%, #07171c 70%); box-shadow: inset -22px -26px 45px rgba(0,0,0,.78), inset 12px 14px 28px rgba(255,255,255,.1), 0 0 40px color-mix(in srgb, var(--ball-primary, #31f4e0) 35%, transparent), 0 0 110px rgba(49,244,224,.12); animation: hover 4s ease-in-out infinite; }
.player-ball::before, .player-ball::after { content: ''; position: absolute; inset: 18%; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; transform: rotate(55deg) scaleY(.32); box-shadow: 0 0 14px var(--ball-primary, var(--cyan)); }.player-ball::after { inset: 6%; transform: rotate(-18deg) scaleY(.25); border-color: var(--ball-secondary, rgba(252,63,124,.72)); box-shadow: 0 0 14px var(--ball-secondary, var(--pink)); }
.player-ball span { position: absolute; inset: 38%; border-radius: 50%; background: white; box-shadow: 0 0 17px white, 0 0 35px var(--cyan); }
.ball-shadow { position: absolute; width: 190px; height: 28px; border-radius: 50%; background: rgba(0,0,0,.82); filter: blur(10px); transform: translateY(106px); }
.equipped-label { position: absolute; bottom: 23px; left: 50%; transform: translateX(-50%); margin: 0; text-align: center; min-width: 180px; }.equipped-label small { display: block; color: #6f7680; font: 700 7px Inter; letter-spacing: .17em; }.equipped-label b { font: 700 14px 'Barlow Condensed'; letter-spacing: .08em; }.equipped-label span { color: #b785ff; font: 700 7px Inter; margin-left: 8px; }

.battle-panel { padding: 54px 0 22px; display: grid; grid-template-columns: .9fr 1.15fr .82fr .82fr; gap: 14px; align-items: stretch; }
.battle-intro { padding: 12px 24px 12px 0; }.section-kicker { margin: 0 0 10px; }.battle-intro h2 { font-size: 35px; line-height: .95; }.battle-intro > p:last-child { color: #727984; font-size: 10px; line-height: 1.65; margin-top: 15px; max-width: 235px; }
.mode-card { min-height: 230px; border: 1px solid var(--line); background: linear-gradient(145deg, rgba(20,23,29,.94), rgba(10,12,16,.94)); padding: 16px; position: relative; overflow: hidden; }.mode-live { border-color: rgba(49,244,224,.32); box-shadow: 0 14px 45px rgba(0,0,0,.28); }.mode-glow { position: absolute; width: 150px; height: 150px; border-radius: 50%; background: rgba(49,244,224,.12); filter: blur(45px); right: -70px; top: -70px; }
.mode-top { display: flex; justify-content: space-between; align-items: center; color: #505762; font: 700 8px Inter; letter-spacing: .12em; }.mode-top > span:first-child { color: #737a85; }.live-dot { color: var(--cyan) !important; }.live-dot::before { content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 10px var(--cyan); margin-right: 6px; }
.mode-body { display: flex; gap: 16px; align-items: end; margin: 24px 0 17px; }.player-count { margin: 0; min-width: 64px; }.player-count b { display: block; font: 900 45px/.7 'Barlow Condensed'; letter-spacing: -.04em; }.player-count span { color: #606772; font: 700 7px Inter; letter-spacing: .13em; }.mode-body h3 { font-size: 20px; }.mode-body > div p { color: #727984; font-size: 9px; margin: 4px 0 0; }
.ready-button { width: 100%; height: 48px; border: 0; background: var(--cyan); color: #06110f; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; font: 900 17px 'Barlow Condensed'; letter-spacing: .08em; cursor: pointer; box-shadow: 0 0 26px rgba(49,244,224,.18); transition: transform .18s ease, box-shadow .18s ease; }.ready-button:hover, .ready-button:focus-visible { box-shadow: 0 0 38px rgba(49,244,224,.36); outline: 2px solid white; outline-offset: 2px; }.ready-button.pressed { transform: scale(.97); }.ready-button i { font-style: normal; font-size: 22px; }
.power-loadout { display: flex; align-items: center; gap: 7px; margin: 12px 1px 0; color: #656d77; font: 700 7px Inter; letter-spacing: .11em; }.power-loadout b { color: #aeb5bd; }.power-loadout i { margin-left: auto; color: var(--cyan); font-style: normal; }
.mode-locked { opacity: .72; filter: saturate(.72); }.mode-locked::after { content: ''; position: absolute; inset: 0; background: repeating-linear-gradient(135deg, transparent 0 16px, rgba(255,255,255,.012) 16px 17px); pointer-events: none; }.mode-locked .mode-body { display: block; margin-top: 30px; }.mode-locked .player-count b { color: transparent; -webkit-text-stroke: 1px #626873; font-size: 48px; }.mode-locked .mode-body > div { margin-top: 14px; }.mode-locked h3 { color: #9aa0aa; }.locked-line { position: absolute; bottom: 18px; left: 16px; right: 16px; border-top: 1px solid var(--line); padding-top: 12px; color: #5b626d; font: 700 7px Inter; letter-spacing: .12em; }.locked-line span { display: inline-block; width: 6px; height: 6px; border: 1px solid #777e88; margin-right: 7px; transform: rotate(45deg); }.mega { background: linear-gradient(145deg, rgba(25,16,28,.75), rgba(10,12,16,.94)); }

.dock { display: none; }
@keyframes hover { 0%,100% { transform: translateY(-4px) rotate(-2deg); } 50% { transform: translateY(8px) rotate(3deg); } }

@media (max-width: 860px) {
  .topbar { grid-template-columns: 1fr auto; height: 64px; }.header-center { display:none; }
  .view-shell { width: min(100% - 28px, 620px); }
  .hero { min-height: auto; grid-template-columns: 1fr; padding: 56px 0 34px; gap: 8px; }
  .hero-copy { position: relative; z-index: 2; }.hero-lede { max-width: 440px; }
  .ball-stage { position: absolute; top: 10px; right: -120px; opacity: .48; transform: scale(.82); }
  .equipped-label { display: none; }
  .battle-panel { grid-template-columns: 1fr 1fr; padding-top: 36px; }.battle-intro { grid-column: 1/-1; }.battle-intro > p:last-child { max-width: 430px; }
  .mode-live { grid-column: 1/-1; }.mode-card { min-height: 210px; }
}

@media (max-width: 520px) {
  .shell { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
  .topbar { padding: 0 16px; }.profile-chip > span:last-child { display: none; }
  .brand { font-size: 18px; }.brand-mark { width: 25px; height: 25px; }
  .view-shell { width: calc(100% - 28px); }
  .hero { padding-top: 42px; }.hero-copy { max-width: 100%; }
  h1 { font-size: clamp(48px, 15.4vw, 66px); }.hero-lede { font-size: 11px; max-width: 82%; }
  .ball-stage { right: -158px; top: -15px; transform: scale(.67); opacity: .5; }
  .ticket-row { gap: 14px; flex-wrap: wrap; }.ticket-row > div { gap: 7px; }.resource-icon { width: 24px; height: 24px; }.ticket-row b { font-size: 15px; }
  .battle-panel { grid-template-columns: 1fr; gap: 10px; padding-top: 29px; }.battle-intro { padding-bottom: 4px; }.battle-intro h2 { font-size: 31px; }.mode-live { grid-column: auto; }.mode-card { min-height: 190px; }.mode-locked { min-height: 154px; }.mode-locked .mode-body { display: flex; margin-top: 24px; }.locked-line { bottom: 13px; }
  .dock { position: fixed; z-index: 20; left: 0; right: 0; bottom: 0; height: calc(66px + env(safe-area-inset-bottom)); padding: 7px 18px env(safe-area-inset-bottom); display: grid; grid-template-columns: repeat(4,1fr); background: rgba(8,9,12,.92); backdrop-filter: blur(18px); border-top: 1px solid var(--line); }.dock button { background: none; border: 0; color: #646b75; font: 700 7px Inter; letter-spacing: .1em; display: grid; place-items: center; gap: 3px; }.dock button span { font-size: 18px; }.dock button.active { color: var(--cyan); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Product surfaces */
.brand-button { border: 0; background: none; cursor: pointer; text-align: left; padding: 0; }
.home-view { padding-bottom: 30px; }
.recent-result { margin:18px 0 -4px auto; width:max-content; display:flex; align-items:center; gap:12px; border:1px solid var(--line); background:rgba(12,15,19,.8); padding:9px 13px; color:#707781; font:700 7px Inter; letter-spacing:.1em; }.recent-result b { color:white; font:800 18px 'Barlow Condensed'; }.recent-result strong { color:var(--cyan); }.recent-result i { color:var(--amber); font-style:normal; }
.view-shell { min-height: calc(100vh - 72px); }
.ready-button:disabled { opacity: .36; cursor: not-allowed; box-shadow: none; }
.ready-button.small { height: 44px; max-width: 250px; margin-top: 20px; }
.power-loadout { width: 100%; border: 0; background: none; cursor: pointer; }
.text-button { margin-top: 18px; border: 0; border-bottom: 1px solid rgba(49,244,224,.28); background: none; color: var(--cyan); padding: 0 0 5px; cursor: pointer; font: 700 8px Inter; letter-spacing: .12em; }
.progress-strip { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 20px; margin: 32px 0 0; border: 1px solid var(--line); background: rgba(16,18,23,.78); padding: 16px 20px; }
.progress-strip div:first-child span, .progress-strip div:first-child b { display: block; }.progress-strip div:first-child span { color: var(--cyan); font: 700 8px Inter; letter-spacing: .12em; }.progress-strip div:first-child b { margin-top: 4px; font: 700 16px 'Barlow Condensed'; }.progress-track { height: 3px; background: #272c33; }.progress-track i { display: block; height: 100%; background: var(--cyan); box-shadow: 0 0 12px var(--cyan); }.progress-strip button { border: 0; background: none; color: #b9bec5; font: 700 8px Inter; letter-spacing: .1em; cursor: pointer; }

/* Radar Hub home — one viewport, one primary action and four secondary side controls. */
.radar-app-shell { height:100vh; height:100dvh; overflow:hidden; padding-bottom:0; }
.radar-view-shell { width:100%; min-height:0; height:calc(100vh - 72px); height:calc(100dvh - 72px); margin:0; }
.radar-home { width:100%; height:100%; overflow:hidden; background:radial-gradient(circle at 50% 43%,rgba(49,244,224,.085),transparent 36%),radial-gradient(circle at 50% 92%,rgba(252,63,124,.045),transparent 25%),#030608; }
.radar-home-scene { width:min(100%,620px); height:100%; margin:0 auto; position:relative; isolation:isolate; overflow:hidden; border-left:1px solid rgba(49,244,224,.07); border-right:1px solid rgba(49,244,224,.07); }
.radar-home-grid { position:absolute; inset:0; z-index:-2; opacity:.34; background-image:linear-gradient(rgba(49,244,224,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(49,244,224,.035) 1px,transparent 1px); background-size:34px 34px; mask-image:linear-gradient(to bottom,transparent,black 11%,black 88%,transparent); }
.radar-match-meta { position:absolute; z-index:7; top:2%; left:4.5%; right:4.5%; display:flex; justify-content:space-between; color:white; font:700 8px Inter; letter-spacing:.14em; }
.radar-match-meta span:first-child { color:var(--cyan); }
.radar-resource-rail { position:absolute; z-index:7; top:6.2%; left:50%; width:min(72%,390px); transform:translateX(-50%); display:grid; grid-template-columns:repeat(3,1fr); gap:5px; }
.radar-resource-rail > span { min-width:0; height:34px; display:grid; grid-template-columns:20px 1fr; grid-template-rows:1fr 1fr; align-items:center; column-gap:5px; padding:4px 7px; border:1px solid rgba(49,244,224,.17); border-radius:17px; background:rgba(3,8,11,.83); }
.radar-resource-rail i { grid-row:1/3; width:18px; height:18px; display:grid; place-items:center; border:1px solid var(--cyan); border-radius:50%; color:var(--cyan); font:700 7px Inter; font-style:normal; }.radar-resource-rail > span:nth-child(2) i{border-color:white;color:white}.radar-resource-rail > span:nth-child(3) i{border-color:var(--pink);color:var(--pink)}
.radar-resource-rail b { align-self:end; min-width:0; overflow:hidden; text-overflow:ellipsis; color:white; font:800 12px/1 'Barlow Condensed'; white-space:nowrap; }.radar-resource-rail small{align-self:start;color:#69747a;font:700 5px Inter;letter-spacing:.08em}
.radar-arena { position:absolute; z-index:2; top:12.5%; left:50%; width:min(92%,460px,55vh); aspect-ratio:1; transform:translateX(-50%); border:1px solid rgba(49,244,224,.13); border-radius:50%; background:radial-gradient(circle,rgba(49,244,224,.09),rgba(2,8,10,.45) 38%,rgba(1,4,6,.92) 72%); box-shadow:inset 0 0 80px rgba(49,244,224,.04),0 0 70px rgba(49,244,224,.055); }
.radar-arena::before,.radar-arena::after { content:''; position:absolute; z-index:-1; pointer-events:none; background:linear-gradient(90deg,transparent,rgba(49,244,224,.17),transparent); }.radar-arena::before{left:-7%;right:-7%;top:50%;height:1px}.radar-arena::after{top:-7%;bottom:-7%;left:50%;width:1px;background:linear-gradient(transparent,rgba(49,244,224,.17),transparent)}
.radar-rings { position:absolute; inset:0; border-radius:50%; }.radar-rings i{position:absolute;border:1px solid rgba(49,244,224,.22);border-radius:50%}.radar-rings i:nth-child(1){inset:8%;border-style:dashed}.radar-rings i:nth-child(2){inset:22%;border-color:rgba(252,63,124,.24);border-style:dashed}.radar-rings i:nth-child(3){inset:36%}.radar-rings i:nth-child(4){inset:46%;box-shadow:0 0 20px rgba(49,244,224,.1)}
.radar-player-ball { position:absolute; z-index:4; top:50%; left:50%; width:clamp(84px,29%,132px); aspect-ratio:1; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle at 34% 27%,#fff 0 2%,var(--ball-primary) 8%,color-mix(in srgb,var(--ball-primary) 43%,#071e22) 38%,#030a0d 72%); box-shadow:inset -16px -19px 30px rgba(0,0,0,.82),inset 8px 9px 18px rgba(255,255,255,.08),0 0 32px color-mix(in srgb,var(--ball-primary) 50%,transparent); animation:radar-hover 3.4s ease-in-out infinite; }
.radar-player-ball::before,.radar-player-ball::after { content:''; position:absolute; inset:12%; border:2px solid var(--ball-primary); border-radius:50%; transform:rotate(36deg) scaleY(.27); box-shadow:0 0 10px var(--ball-primary); }.radar-player-ball::after{inset:24%;transform:rotate(-28deg) scaleY(.32);border-color:var(--ball-secondary);box-shadow:0 0 9px var(--ball-secondary)}
.radar-player-ball span { position:absolute; inset:42%; border-radius:50%; background:#fff; box-shadow:0 0 12px white; }
.radar-player-ball[data-pattern="heart"]::before,.radar-player-ball[data-pattern="heart"]::after,.radar-player-ball[data-pattern="slime"]::before,.radar-player-ball[data-pattern="slime"]::after,.radar-player-ball[data-pattern="paw"]::before,.radar-player-ball[data-pattern="paw"]::after{display:none}.radar-player-ball[data-pattern="heart"] span,.radar-player-ball[data-pattern="paw"] span,.radar-player-ball[data-pattern="slime"] span{inset:auto;left:50%;top:50%;width:48%;height:48%;transform:translate(-50%,-50%);background:none;box-shadow:none}.radar-player-ball[data-pattern="heart"] span::before{content:'♥';position:absolute;inset:0;display:grid;place-items:center;color:#ff4f88;font:900 clamp(34px,11vw,58px)/1 Inter;text-shadow:0 0 9px #fff0f6,0 0 22px #ff4f88;animation:cute-heartbeat .92s ease-in-out infinite}.radar-player-ball[data-pattern="paw"] span{background:radial-gradient(circle at 21% 33%,#f8eaff 0 10%,transparent 11%),radial-gradient(circle at 42% 13%,#f8eaff 0 10%,transparent 11%),radial-gradient(circle at 65% 13%,#f8eaff 0 10%,transparent 11%),radial-gradient(circle at 83% 35%,#f8eaff 0 9%,transparent 10%),radial-gradient(ellipse at 52% 68%,#f8eaff 0 27%,transparent 28%);filter:drop-shadow(0 0 8px #d8b5ff)}.radar-player-ball[data-pattern="slime"] span{width:76%;height:76%;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 28% 67%,rgba(242,255,234,.75) 0 3%,transparent 4%),radial-gradient(circle at 65% 46%,rgba(242,255,234,.65) 0 5%,transparent 6%),radial-gradient(circle at 47% 20%,rgba(242,255,234,.55) 0 4%,transparent 5%),linear-gradient(178deg,transparent 0 46%,rgba(201,255,177,.3) 47% 100%);animation:cute-slime 1.6s ease-in-out infinite}
.radar-rival { position:absolute; z-index:3; width:12px; height:12px; border:2px solid var(--cyan); border-radius:50%; box-shadow:0 0 10px var(--cyan); }.radar-rival::after{content:'';position:absolute;right:8px;top:3px;width:50px;height:3px;transform-origin:right;background:linear-gradient(90deg,transparent,currentColor);filter:blur(1px)}.radar-rival.one{top:29%;left:18%;color:var(--cyan);transform:rotate(38deg)}.radar-rival.two{top:25%;right:19%;color:var(--pink);border-color:var(--pink);box-shadow:0 0 10px var(--pink);transform:rotate(138deg)}.radar-rival.three{right:16%;bottom:27%;color:var(--cyan);transform:rotate(202deg)}
.radar-loadout { position:absolute; z-index:5; left:50%; bottom:12%; max-width:44%; transform:translateX(-50%); text-align:center; }.radar-loadout small,.radar-loadout b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radar-loadout small{color:#758187;font:700 6px Inter;letter-spacing:.1em}.radar-loadout b{margin-top:3px;color:#c9d3d4;font:800 9px 'Barlow Condensed';letter-spacing:.06em}
.radar-weekly { position:absolute; z-index:6; top:11%; right:8%; display:grid; grid-template-columns:8px 1fr; padding:5px 8px; border:1px solid rgba(252,63,124,.25); border-radius:2px; background:rgba(6,8,12,.82); color:#788489; text-align:left; cursor:pointer; }.radar-weekly i{grid-row:1/3;align-self:center;width:6px;height:6px;border-radius:50%;background:var(--pink);box-shadow:0 0 9px var(--pink)}.radar-weekly span,.radar-weekly b{font:700 5px Inter;letter-spacing:.06em}.radar-weekly b{color:#b8c1c3;margin-top:2px}
.radar-menu { position:absolute; z-index:8; inset:0; pointer-events:none; }
.radar-menu-node { position:absolute; width:clamp(64px,10vh,82px); aspect-ratio:1; display:grid; place-content:center; justify-items:center; padding:7px; border:1px solid var(--cyan); border-radius:50%; background:radial-gradient(circle,rgba(49,244,224,.07),rgba(3,7,9,.97) 68%); color:white; cursor:pointer; pointer-events:auto; box-shadow:0 0 20px rgba(49,244,224,.05); }
.radar-menu-node::after { content:''; position:absolute; top:50%; width:clamp(22px,4vw,42px); height:1px; background:linear-gradient(90deg,var(--cyan),transparent); opacity:.48; }.radar-menu-node.pass::after,.radar-menu-node.locker::after{left:100%}.radar-menu-node.shop::after,.radar-menu-node.profile::after{right:100%;transform:rotate(180deg)}
.radar-menu-node > i { width:26px; height:24px; display:grid; place-items:center; color:var(--cyan); font:700 18px 'Barlow Condensed'; font-style:normal; }.radar-menu-node b{font:800 9px Inter;letter-spacing:.06em}.radar-menu-node small{max-width:58px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#68757a;font:700 5px Inter;letter-spacing:.05em}.radar-menu-node.pass{left:2.7%;top:46%}.radar-menu-node.locker{left:2.7%;top:63%}.radar-menu-node.shop{right:2.7%;top:46%}.radar-menu-node.profile{right:2.7%;top:63%}
.radar-menu-node.pass > span { position:absolute; left:14%; right:14%; bottom:7px; height:2px; background:linear-gradient(90deg,var(--pink) var(--menu-progress),#20272b var(--menu-progress)); }.radar-menu-node.profile > i{border:1px solid rgba(49,244,224,.45);border-radius:50%;font-size:9px}
.radar-menu-node.multi-soon{cursor:not-allowed;opacity:.48;filter:saturate(.55)}.radar-menu-node.multi-soon small{display:block;margin-top:2px;color:var(--pink);font:800 6px Inter;letter-spacing:.16em;text-shadow:0 0 8px rgba(252,63,124,.55)}.radar-menu-node.multi-soon::after{opacity:.2}
.radar-menu-node:hover,.radar-menu-node:focus-visible,.radar-weekly:hover,.radar-weekly:focus-visible { filter:brightness(1.35); outline:1px solid white; outline-offset:2px; }
.radar-menu-node.multi-soon:hover,.radar-menu-node.multi-soon:focus-visible{filter:saturate(.55);outline:0}
.radar-play-zone { position:absolute; z-index:9; left:7%; right:7%; bottom:1.4%; text-align:center; }
.radar-ticket-status { min-height:18px; display:flex; justify-content:center; gap:12px; margin-bottom:4px; color:var(--cyan); font:700 6px Inter; letter-spacing:.09em; }.radar-ticket-status i{color:#69757b;font-style:normal}
.radar-play-button { position:relative; width:100%; height:clamp(78px,13vh,108px); display:grid; place-content:center; border:1px solid var(--cyan); clip-path:polygon(7% 0,93% 0,100% 23%,100% 77%,93% 100%,7% 100%,0 77%,0 23%); background:linear-gradient(180deg,rgba(49,244,224,.19),rgba(4,15,17,.94)); color:white; cursor:pointer; box-shadow:inset 0 0 0 6px rgba(3,7,9,.9),inset 0 0 0 7px rgba(49,244,224,.32),0 0 30px rgba(49,244,224,.12); }.radar-play-button::after{content:'';position:absolute;left:8%;right:8%;bottom:1px;height:2px;background:linear-gradient(90deg,transparent,var(--pink),transparent)}
.radar-play-button small,.radar-play-button b{display:block}.radar-play-button small{color:var(--cyan);font:700 7px Inter;letter-spacing:.12em}.radar-play-button b{font:900 clamp(42px,7vh,62px)/.85 'Barlow Condensed';letter-spacing:.02em}.radar-play-button > i{position:absolute;right:8%;top:50%;transform:translateY(-50%);color:var(--cyan);font:300 34px Inter;font-style:normal}.radar-play-button:hover,.radar-play-button:focus-visible{filter:brightness(1.2);outline:2px solid white;outline-offset:2px}.radar-play-button:disabled{opacity:.35;cursor:not-allowed;filter:none}
.radar-future-modes { margin-top:3px; color:#4f595e; font:700 5px Inter; letter-spacing:.1em; }
.radar-invincible-toggle{position:relative;display:inline-flex;align-items:center;gap:5px;color:#7d898e;cursor:pointer;font:800 6px Inter;letter-spacing:.09em;user-select:none}.radar-invincible-toggle input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.radar-ticket-status .radar-invincible-switch{position:relative;display:block;flex:0 0 auto;width:24px;height:12px;max-width:none;overflow:visible;border:1px solid #49545a;border-radius:8px;background:#10161a;transition:border-color .18s,background .18s,box-shadow .18s}.radar-invincible-switch:after{content:'';position:absolute;top:2px;left:2px;width:6px;height:6px;border-radius:50%;background:#738087;transition:transform .18s,background .18s,box-shadow .18s}.radar-invincible-toggle input:checked+.radar-invincible-switch{border-color:var(--cyan);background:rgba(49,244,224,.13);box-shadow:0 0 8px rgba(49,244,224,.18)}.radar-invincible-toggle input:checked+.radar-invincible-switch:after{transform:translateX(12px);background:var(--cyan);box-shadow:0 0 7px var(--cyan)}.radar-invincible-toggle input:checked+.radar-invincible-switch+b{color:var(--cyan)}.radar-invincible-toggle input:focus-visible+.radar-invincible-switch{outline:1px solid white;outline-offset:2px}
@keyframes radar-hover { 50% { transform:translate(-50%,calc(-50% - 5px)) rotate(3deg); } }
@media (max-width:860px) { .radar-view-shell { height:calc(100vh - 64px); height:calc(100dvh - 64px); } }

.toast { position: fixed; z-index: 1000; left: 50%; top: 20px; transform: translateX(-50%); min-width: 230px; max-width: calc(100% - 30px); padding: 13px 18px; border: 1px solid rgba(49,244,224,.4); background: rgba(10,18,20,.96); color: #eafffb; box-shadow: 0 12px 35px rgba(0,0,0,.4); font-size: 11px; text-align: center; animation: toast-in .25s ease-out; }.toast.error { border-color: rgba(252,63,124,.55); background: rgba(27,10,16,.97); color: #ffdce8; }
@keyframes toast-in { from { opacity: 0; transform: translate(-50%,-10px); } }

/* Authentication */
.auth-screen { min-height: 100vh; display: grid; grid-template-columns: minmax(0,1.25fr) minmax(390px,.75fr); background: #07080b; }
.auth-art { position: relative; padding: clamp(32px,6vw,86px); display: flex; flex-direction: column; justify-content: center; overflow: hidden; background: radial-gradient(circle at 67% 42%, rgba(49,244,224,.14), transparent 26%), linear-gradient(145deg,#0b1014,#06070a); }
.auth-art::before { content: ''; position: absolute; inset: 0; opacity: .45; background-image: linear-gradient(rgba(49,244,224,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(49,244,224,.04) 1px,transparent 1px); background-size: 44px 44px; mask-image: radial-gradient(circle at 65% 43%,#000,transparent 62%); }
.brand.large { position: absolute; top: 40px; left: clamp(32px,6vw,86px); font-size: 27px; z-index: 2; }.brand.large .brand-mark { width: 34px; height: 34px; }
.auth-art .eyebrow, .auth-art h1, .auth-art > p, .onboarding { position: relative; z-index: 2; max-width: 650px; }.auth-art h1 { font-size: clamp(74px,9vw,138px); margin: 22px 0 38px; }.auth-art h1 em { -webkit-text-stroke-color: rgba(255,255,255,.45); }
.auth-orb { position: absolute; z-index: 1; right: clamp(-80px,5vw,80px); top: 50%; transform: translateY(-54%); width: clamp(230px,31vw,480px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 35% 28%,#fff 0 1%,#8ffcf2 3%,#20948d 18%,#071a20 58%,#030609 72%); box-shadow: inset -45px -45px 80px #000,0 0 90px rgba(49,244,224,.25); opacity: .82; }
.auth-orb::before,.auth-orb::after { content: ''; position:absolute; inset:14%; border:1px solid var(--cyan); border-radius:50%; transform:rotate(28deg) scaleY(.22); box-shadow:0 0 22px var(--cyan); }.auth-orb::after { inset:5%; border-color:var(--pink); box-shadow:0 0 18px var(--pink); transform:rotate(-21deg) scaleY(.28); }
.onboarding { display: flex; list-style: none; padding: 0; margin: 0; gap: 30px; color: #8c939d; font-size: 11px; }.onboarding li { max-width: 145px; line-height: 1.5; }.onboarding b { color: var(--cyan); display: block; font: 800 9px Inter; letter-spacing: .12em; margin-bottom: 5px; }
.auth-card { background: #0d0f14; border-left: 1px solid var(--line); padding: clamp(32px,6vw,80px); display: flex; flex-direction: column; justify-content: center; }.auth-tabs { display: grid; grid-template-columns:1fr 1fr; border-bottom:1px solid var(--line); margin-bottom: 55px; }.auth-tabs button { border:0; border-bottom:2px solid transparent; background:none; color:#646b75; padding:14px 4px; font:700 9px Inter; letter-spacing:.1em; cursor:pointer; }.auth-tabs button.active { color:var(--cyan); border-bottom-color:var(--cyan); }.auth-card h2 { font-size: clamp(38px,4vw,55px); }.auth-card > p:not(.section-kicker):not(.auth-legal) { color:#7e858f; font-size:11px; line-height:1.7; margin:14px 0 30px; }.auth-card form { display:grid; gap:16px; }.auth-card label { color:#8a929c; font:700 8px Inter; letter-spacing:.11em; text-transform:uppercase; }.auth-card input { width:100%; height:49px; margin-top:8px; border:1px solid #292e36; background:#090b0f; color:white; padding:0 15px; outline:0; }.auth-card input:focus { border-color:var(--cyan); box-shadow:0 0 0 2px rgba(49,244,224,.08); }.auth-card .ready-button { margin-top:7px; }.auth-legal { margin-top:24px; color:#545b65; font-size:8px; line-height:1.6; }
.fatal { width:100%; min-height:100vh; display:grid; place-content:center; justify-items:center; text-align:center; background:#07080b; }.fatal h1 { margin-top:22px; font-size:64px; }.fatal p { color:#7c838d; }.fatal .ready-button { margin-top:18px; width:220px; }

/* Meta views */
.meta-view { padding: 70px 0 130px; }.meta-hero,.simple-heading { display:flex; justify-content:space-between; gap:40px; align-items:flex-end; border-bottom:1px solid var(--line); padding-bottom:45px; margin-bottom:34px; }.meta-hero h1,.simple-heading h1 { font-size:clamp(58px,8vw,96px); line-height:.78; }.meta-hero > div:first-child > p:last-child,.simple-heading > div > p:last-child { color:#7d848e; font-size:11px; max-width:580px; line-height:1.7; }.level-dial { width:155px; height:155px; border:1px solid rgba(49,244,224,.35); border-radius:50%; display:grid; place-content:center; text-align:center; box-shadow:inset 0 0 40px rgba(49,244,224,.06); }.level-dial b { font:900 54px/.8 'Barlow Condensed'; }.level-dial span,.level-dial i { display:block; }.level-dial span { color:var(--cyan); font:700 8px Inter; letter-spacing:.14em; }.level-dial i { color:#676f79; font:700 8px Inter; font-style:normal; margin-top:8px; }
.pass-toolbar { display:flex; align-items:center; gap:10px; margin:32px 0 12px; }.track-badge { padding:9px 13px; border:1px solid var(--line); color:#858c95; font:700 8px Inter; letter-spacing:.11em; }.track-badge.free { border-color:rgba(49,244,224,.3); color:var(--cyan); }.track-badge.premium { border-color:rgba(196,117,255,.35); color:#d295ff; }.outline-button { margin-left:auto; border:1px solid #3b424d; background:transparent; color:#d5d8dc; padding:12px 17px; font:700 8px Inter; letter-spacing:.1em; cursor:pointer; }.outline-button:hover { border-color:var(--cyan); color:var(--cyan); }.outline-button.danger { border-color:rgba(252,63,124,.35); color:#ff8eb2; }.sandbox-note { border-left:2px solid var(--amber); background:rgba(249,201,76,.06); color:#8f896f; padding:10px 13px; font:700 8px Inter; letter-spacing:.08em; margin-bottom:18px; }
.tier-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }.tier-card { border:1px solid var(--line); background:#0d0f14; opacity:.54; }.tier-card.unlocked { opacity:1; }.tier-card > header { display:flex; justify-content:space-between; align-items:end; padding:13px; border-bottom:1px solid var(--line); }.tier-card > header span { color:#656c76; font:700 7px Inter; letter-spacing:.12em; }.tier-card > header b { font:800 25px 'Barlow Condensed'; }.tier-reward { min-height:105px; display:flex; flex-direction:column; padding:13px; border-bottom:1px solid var(--line); }.tier-reward small { color:var(--cyan); font:700 7px Inter; letter-spacing:.12em; }.tier-reward.premium small { color:#c678ff; }.tier-reward strong { font:700 13px 'Barlow Condensed'; margin:12px 0; text-transform:uppercase; }.tier-reward button,.tier-reward > span { margin-top:auto; border:0; background:rgba(49,244,224,.1); color:var(--cyan); padding:7px; text-align:center; font:700 7px Inter; letter-spacing:.1em; cursor:pointer; }.tier-reward.premium button { background:rgba(198,120,255,.1); color:#d49bff; }.tier-reward > span { color:#595f68; background:#11141a; }
.simple-heading .ticket-row { margin:0; }.locker-section,.shop-section { margin-top:48px; }.locker-section > h2,.section-heading h2,.settings-grid h2,.admin-panel h2 { font:800 26px 'Barlow Condensed'; letter-spacing:.03em; margin:0 0 16px; }.locker-section > h2 span { color:#656d77; font:700 8px Inter; letter-spacing:.12em; margin-left:9px; }.cosmetic-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }.cosmetic-card { border:1px solid var(--line); background:linear-gradient(145deg,#11141a,#0b0d11); padding:13px; min-height:250px; display:flex; flex-direction:column; }.cosmetic-preview { height:125px; display:grid; place-items:center; position:relative; background:radial-gradient(circle,rgba(49,244,224,.07),transparent 65%); overflow:hidden; }.cosmetic-preview > span { position:absolute; left:7px; bottom:6px; color:#8c939c; font:700 7px Inter; letter-spacing:.1em; }.mini-ball { width:68px; height:68px; border-radius:50%; background:radial-gradient(circle at 35% 28%,#fff,var(--primary) 12%,var(--secondary) 44%,#06080b 75%); box-shadow:0 0 26px color-mix(in srgb,var(--primary) 35%,transparent); }.mini-trail { width:92px; height:8px; background:linear-gradient(90deg,transparent,var(--primary)); filter:drop-shadow(0 0 8px var(--primary)); transform:rotate(-16deg); }.mini-sound { color:var(--pink); font:800 23px 'Barlow Condensed'; letter-spacing:5px; font-style:normal; text-shadow:0 0 18px var(--pink); }.cosmetic-card h3 { font-size:18px; margin-top:14px; }.cosmetic-card p { color:#6e7580; font-size:9px; line-height:1.5; min-height:28px; }.cosmetic-card button,.owned-tag,.not-owned { margin-top:auto; border:1px solid #303640; background:transparent; color:#bdc2c9; padding:9px; text-align:center; font:700 8px Inter; letter-spacing:.08em; cursor:pointer; }.cosmetic-card button:hover { border-color:var(--cyan); color:var(--cyan); }.cosmetic-card button:disabled,.owned-tag { color:var(--cyan); border-color:rgba(49,244,224,.25); cursor:default; }.not-owned { color:#565d66; }
.power-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }.power-card { border:1px solid var(--line); padding:18px; background:#0d1015; position:relative; }.power-card > span { position:absolute; right:13px; top:13px; color:var(--cyan); font:700 9px Inter; }.power-card h3 { font-size:25px; }.power-card p { color:#757c86; font-size:10px; line-height:1.55; min-height:48px; }.power-card button { width:100%; border:1px solid #313740; background:none; color:#9299a3; padding:9px; font:700 8px Inter; cursor:pointer; }.power-card.equipped { border-color:rgba(49,244,224,.4); box-shadow:inset 0 0 25px rgba(49,244,224,.04); }.power-card.equipped button { color:var(--cyan); border-color:transparent; }
.shop-tabs { display:flex; gap:26px; border-bottom:1px solid var(--line); color:#626974; font:700 8px Inter; letter-spacing:.1em; }.shop-tabs span { padding:0 0 12px; }.shop-tabs .active { color:var(--cyan); border-bottom:2px solid var(--cyan); }.section-heading { display:flex; align-items:end; justify-content:space-between; }.section-heading p { color:#686f78; font-size:9px; }.champion-shop { border-top:1px solid rgba(249,201,76,.2); padding-top:38px; }.champion-shop .section-heading h2 { color:var(--amber); }.pack-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.pack-grid button { min-height:125px; border:1px solid #313741; background:linear-gradient(145deg,#11151b,#0b0e12); color:white; display:grid; place-content:center; justify-items:center; cursor:pointer; }.pack-grid b { font:900 38px 'Barlow Condensed'; color:var(--cyan); }.pack-grid span { font:800 10px Inter; letter-spacing:.1em; }.pack-grid small { color:#676e78; margin-top:8px; font-size:7px; }
.settings-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }.settings-grid > section { border:1px solid var(--line); background:#0d1015; padding:25px; }.setting-row { min-height:70px; display:flex; justify-content:space-between; align-items:center; gap:20px; border-bottom:1px solid var(--line); }.setting-row b,.setting-row small { display:block; }.setting-row b { font-size:10px; letter-spacing:.08em; }.setting-row small { color:#656d77; font-size:8px; margin-top:4px; }.setting-row input[type=checkbox] { width:38px; height:20px; accent-color:var(--cyan); }.setting-row input[type=range] { accent-color:var(--cyan); max-width:130px; }.ledger-list > div { display:flex; justify-content:space-between; gap:12px; padding:9px 0; border-bottom:1px solid var(--line); font-size:8px; text-transform:uppercase; }.ledger-list span { color:#747b85; }.ledger-list b { text-align:right; }.positive { color:var(--cyan); }.negative { color:#ff759f; }.admin-entry { margin-top:25px; width:100%; border:1px solid rgba(252,63,124,.35); background:rgba(252,63,124,.05); color:#ff75a2; padding:18px; font:800 9px Inter; letter-spacing:.13em; cursor:pointer; }

/* Match and real-time arena */
.matchmaking { min-height:100vh; width:100%; display:grid; place-content:center; justify-items:center; text-align:center; background:radial-gradient(circle,rgba(49,244,224,.12),transparent 30%),#06080b; overflow:hidden; }.matchmaking .brand { position:static; margin-bottom:60px; }.match-ring { width:min(56vw,260px); aspect-ratio:1; border:1px solid rgba(49,244,224,.3); border-radius:50%; display:grid; place-content:center; position:relative; box-shadow:inset 0 0 50px rgba(49,244,224,.07),0 0 80px rgba(49,244,224,.08); }.match-ring::before,.match-ring::after { content:''; position:absolute; inset:-15px; border:1px dashed rgba(49,244,224,.2); border-radius:50%; animation:spin 8s linear infinite; }.match-ring::after { inset:22px; border-color:rgba(252,63,124,.25); animation-direction:reverse; animation-duration:6s; }.match-ring b { font:900 72px/.8 'Barlow Condensed'; }.match-ring span { color:var(--cyan); font:700 10px Inter; letter-spacing:.16em; margin-top:10px; }.matchmaking > p { color:#6e7580; font:700 8px Inter; letter-spacing:.15em; margin:44px 0 8px; }.matchmaking code { color:#8d949c; font-size:8px; }.matchmaking h1 { font-size:72px; color:var(--pink); margin:26px 0 0; text-shadow:0 0 35px rgba(252,63,124,.3); }.matchmaking > small { color:#4f5660; font:700 7px Inter; letter-spacing:.13em; }
@keyframes spin { to { transform:rotate(360deg); } }
.battle-screen { position:fixed; inset:0; width:100vw; width:100dvw; height:100vh; height:100dvh; background:#05070a; display:grid; place-items:center; overflow:hidden; overscroll-behavior:none; touch-action:none; transition:filter .2s; }.battle-screen.pulse-hit { filter:brightness(1.35); }.battle-screen canvas { position:absolute; inset:0; width:100vw; width:100dvw; height:100vh; height:100dvh; display:block; touch-action:none; }.battle-hud { position:fixed; z-index:3; top:max(12px,env(safe-area-inset-top)); left:50%; transform:translateX(-50%); width:min(94%,760px); display:grid; grid-template-columns:1fr auto 1fr; align-items:center; pointer-events:none; }.battle-hud > div:first-child,.battle-hud > div:last-child { border:1px solid var(--line); background:rgba(7,9,12,.78); backdrop-filter:blur(10px); padding:10px 14px; }.battle-hud > div:last-child { text-align:right; }.battle-hud small,.battle-hud b { display:block; }.battle-hud small { color:#68707a; font:700 7px Inter; letter-spacing:.12em; }.battle-hud b { font:800 24px 'Barlow Condensed'; }.battle-logo { padding:0 28px; font:800 16px 'Barlow Condensed'; letter-spacing:.08em; }.battle-logo span { color:var(--cyan); }.battle-controls { position:fixed; z-index:4; left:50%; bottom:max(20px,calc(env(safe-area-inset-bottom) + 12px)); transform:translateX(-50%); display:flex; align-items:flex-end; justify-content:center; gap:14px; }.battle-power,.battle-jump { text-align:center; }.battle-power > small,.battle-jump > small { color:#777e87; font:700 7px Inter; letter-spacing:.14em; }.battle-power button,.battle-jump button { margin-top:6px; width:126px; height:68px; border:2px solid var(--cyan); border-radius:50%; background:radial-gradient(circle,rgba(49,244,224,.2),rgba(7,16,17,.96)); color:white; box-shadow:0 0 28px rgba(49,244,224,.2); cursor:pointer; }.battle-power b,.battle-power span,.battle-jump b,.battle-jump span { display:block; }.battle-power b,.battle-jump b { font:800 20px 'Barlow Condensed'; }.battle-power span,.battle-jump span { color:var(--cyan); font:700 7px Inter; letter-spacing:.1em; }.battle-jump > small,.battle-jump span { color:var(--amber); }.battle-jump button { border-color:var(--amber); background:radial-gradient(circle,rgba(249,201,76,.2),rgba(18,15,7,.96)); box-shadow:0 0 28px rgba(249,201,76,.16); }.battle-jump i { font-style:normal; }.battle-power button.used,.battle-jump button.used { border-color:#555d66; filter:grayscale(1); cursor:default; }.battle-power button.activating,.battle-jump button.activating { animation:power-burst .35s ease-out; }.battle-power button.quit{border-color:var(--pink);background:radial-gradient(circle,rgba(252,63,124,.24),rgba(24,7,14,.97));box-shadow:0 0 30px rgba(252,63,124,.2)}.battle-power button.quit span{color:#ff86aa}.spectator-banner { position:fixed; z-index:4; top:84px; left:50%; transform:translateX(-50%); border:1px solid rgba(252,63,124,.4); background:rgba(23,8,14,.9); padding:10px 18px; text-align:center; }.spectator-banner b,.spectator-banner span { display:block; }.spectator-banner b { color:#ff7aa4; font:800 16px 'Barlow Condensed'; }.spectator-banner span { color:#858b94; font:700 7px Inter; letter-spacing:.1em; margin-top:3px; }
@keyframes power-burst { 50% { transform:scale(1.14); box-shadow:0 0 70px var(--cyan); } }
.result-screen { width:100%; min-height:100vh; display:grid; place-content:center; justify-items:center; text-align:center; background:radial-gradient(circle at 50% 40%,rgba(252,63,124,.1),transparent 35%),#07080b; }.result-screen.victory { background:radial-gradient(circle at 50% 40%,rgba(249,201,76,.16),transparent 38%),#080807; }.result-screen h1 { font-size:clamp(68px,12vw,130px); line-height:.78; margin:20px 0 45px; }.result-rank span,.result-rank b { display:block; }.result-rank span,.result-rewards span { color:#6d747e; font:700 8px Inter; letter-spacing:.13em; }.result-rank b { font:900 66px 'Barlow Condensed'; }.result-rank i { color:#656c76; font-size:23px; font-style:normal; }.result-rewards { display:flex; gap:12px; margin:20px 0; }.result-rewards > div { min-width:150px; border:1px solid var(--line); padding:14px 22px; }.result-rewards b { display:block; color:var(--cyan); font:800 28px 'Barlow Condensed'; }.result-rewards .credit-reward { border-color:rgba(252,63,124,.32); }.result-rewards .credit-reward b { color:var(--pink); }.result-screen > p:not(.section-kicker) { color:#5d646e; font-size:8px; }.result-screen .ready-button { width:260px; margin-top:24px; }

/* Admin */
.admin-loading { padding:80px; text-align:center; color:#707781; font:700 9px Inter; letter-spacing:.12em; }.metric-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }.metric-grid > div { border:1px solid var(--line); background:#0d1015; padding:16px; }.metric-grid span,.metric-grid b { display:block; }.metric-grid span { color:#6f7680; font:700 7px Inter; letter-spacing:.1em; text-transform:uppercase; }.metric-grid b { font:800 28px 'Barlow Condensed'; margin-top:8px; }.admin-panel { margin-top:25px; border:1px solid var(--line); background:#0b0e12; padding:20px; }.admin-users { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.admin-users article { border:1px solid var(--line); padding:13px; }.admin-users header { display:flex; justify-content:space-between; }.admin-users small { color:#646b75; }.admin-users p { color:#858c95; font-size:8px; }.admin-users button,.sim-controls button { border:1px solid #313842; background:transparent; color:#9fa6ae; padding:7px; margin:3px 3px 0 0; font:700 7px Inter; cursor:pointer; }.admin-users button:hover,.sim-controls button:hover { border-color:var(--cyan); color:var(--cyan); }.sim-controls { display:flex; gap:7px; flex-wrap:wrap; }.admin-panel pre { max-height:300px; overflow:auto; background:#06080b; color:#79dbcd; padding:15px; font-size:9px; }.admin-table > div { display:grid; grid-template-columns:90px 100px 100px 1fr; gap:10px; border-bottom:1px solid var(--line); padding:9px 0; font-size:8px; }.admin-table small { color:#666d77; }

@media (max-width:900px) {
  .auth-screen { grid-template-columns:1fr; }.auth-art { min-height:58vh; }.auth-card { border-left:0; border-top:1px solid var(--line); }.auth-orb { right:-90px; }.tier-grid,.cosmetic-grid { grid-template-columns:repeat(3,1fr); }.power-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width:600px) {
  .app-shell { padding-bottom:0; }.view-shell { min-height:calc(100vh - 64px); }.radar-view-shell{height:calc(100vh - 64px);height:calc(100dvh - 64px);min-height:0}.radar-home-scene{width:min(100%,430px);border:0}.radar-match-meta{left:4%;right:4%}.radar-resource-rail{top:6.1%;width:74%}.radar-resource-rail>span{padding:4px 5px}.radar-arena{top:12.5%;width:min(94%,390px,55vh)}.radar-weekly{right:5%}.radar-menu-node.pass,.radar-menu-node.locker{left:2%}.radar-menu-node.shop,.radar-menu-node.profile{right:2%}.radar-play-zone{left:4%;right:4%;bottom:1.2%}.radar-ticket-status{justify-content:space-between;gap:5px;white-space:nowrap;overflow:hidden}.radar-ticket-status span,.radar-ticket-status i{overflow:hidden;text-overflow:ellipsis}
  .auth-screen { display:block; }.auth-art { min-height:480px; padding:90px 24px 40px; }.brand.large { left:24px; top:25px; }.auth-art h1 { font-size:64px; margin-bottom:28px; }.auth-orb { width:300px; right:-130px; opacity:.58; }.onboarding { display:grid; gap:10px; }.onboarding li { max-width:none; }.onboarding b { display:inline; margin-right:7px; }.auth-card { padding:42px 24px 70px; }.auth-tabs { margin-bottom:38px; }
  .meta-view { padding:45px 0 90px; }.meta-hero,.simple-heading { align-items:flex-start; flex-direction:column; padding-bottom:32px; }.simple-heading .ticket-row { margin-top:10px; }.meta-hero h1,.simple-heading h1 { font-size:62px; }.level-dial { width:115px; height:115px; }.level-dial b { font-size:42px; }.pass-toolbar { flex-wrap:wrap; }.pass-toolbar .outline-button { width:100%; margin:8px 0 0; }.tier-grid { grid-template-columns:1fr 1fr; }.cosmetic-grid { grid-template-columns:1fr 1fr; }.cosmetic-card { min-height:225px; }.cosmetic-preview { height:105px; }.power-grid,.settings-grid,.pack-grid { grid-template-columns:1fr; }.section-heading { display:block; }.shop-tabs { overflow-x:auto; gap:18px; white-space:nowrap; }.metric-grid { grid-template-columns:1fr 1fr; }.admin-users { grid-template-columns:1fr; }.admin-table > div { grid-template-columns:65px 70px 70px 1fr; }.battle-screen canvas { width:100dvw; height:100dvh; }.battle-hud { top:max(8px,env(safe-area-inset-top)); }.battle-logo { font-size:12px; padding:0 10px; }.battle-power button { width:116px; height:62px; }.result-screen { padding:25px; }.result-screen h1 { font-size:68px; }.result-rewards { width:100%; }.result-rewards > div { min-width:0; flex:1; padding:12px; }
  .progress-strip { grid-template-columns:1fr auto; }.progress-track { grid-row:2; grid-column:1/-1; }
  .dock { position:fixed; z-index:20; left:0; right:0; bottom:0; height:calc(66px + env(safe-area-inset-bottom)); padding:7px 18px env(safe-area-inset-bottom); display:grid; grid-template-columns:repeat(4,1fr); background:rgba(8,9,12,.92); backdrop-filter:blur(18px); border-top:1px solid var(--line); }.dock button { background:none; border:0; color:#646b75; font:700 7px Inter; letter-spacing:.1em; display:grid; place-items:center; gap:3px; }.dock button span { font-size:18px; }.dock button.active { color:var(--cyan); }
}

/* Server-random arena */
.arena-random-note{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:14px 0 12px;border:1px solid #2b333d;background:linear-gradient(135deg,rgba(49,244,224,.07),rgba(199,116,255,.07));padding:10px;text-align:center}.arena-random-note b{font:800 11px 'Barlow Condensed';letter-spacing:.05em}.arena-random-note b:first-child{color:var(--cyan)}.arena-random-note b:nth-of-type(2){color:#d294ff}.arena-random-note span,.arena-random-note small{color:#656e79;font:700 6px Inter;letter-spacing:.1em}.arena-random-note small{grid-column:1/-1}

/* Visual-first Battle Pass */
.pass-view{max-width:920px;margin:0 auto}.pass-summary{padding:8px 0 30px;border-bottom:1px solid var(--line)}.pass-summary>div:first-of-type{display:flex;align-items:end;justify-content:space-between;gap:20px}.pass-summary h1{margin:4px 0 0;font:800 58px/1 'Barlow Condensed';letter-spacing:-.02em}.pass-summary>div>b{color:#aab1ba;font:800 13px Inter}.pass-summary .progress-track{height:8px;margin-top:18px;background:#151a21;overflow:hidden}.pass-summary .progress-track i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),#85fff3);box-shadow:0 0 16px rgba(49,244,224,.45)}.pass-columns,.pass-tier{display:grid;grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);gap:10px}.pass-columns{position:sticky;z-index:2;top:68px;margin-top:18px;padding:10px;border:1px solid var(--line);background:rgba(7,9,13,.94);backdrop-filter:blur(12px)}.pass-column-label{display:flex;align-items:center;justify-content:space-between;min-width:0;padding:8px 10px}.pass-column-label>span{font:800 13px Inter;letter-spacing:.1em}.pass-column-label>small,.pass-level-label{color:#68717d;font:700 7px Inter;letter-spacing:.1em}.pass-column-label.free{color:var(--cyan);border-left:2px solid var(--cyan)}.pass-column-label.premium{color:#d294ff;border-right:2px solid #c774ff}.pass-column-label.premium strong{font:800 9px Inter;color:#d9a4ff}.pass-column-label.premium button{border:1px solid #c774ff;background:linear-gradient(135deg,rgba(199,116,255,.22),rgba(199,116,255,.06));color:#efd9ff;padding:9px 12px;font:800 9px Inter;letter-spacing:.06em;cursor:pointer}.pass-column-label.premium button small{display:block;margin-top:3px;color:#9472a8;font-size:6px}.pass-level-label{display:grid;place-items:center}.pass-ladder{padding:8px 0 90px}.pass-tier{min-height:122px;padding:10px;border-bottom:1px solid var(--line)}.pass-tier.reached{background:linear-gradient(90deg,rgba(49,244,224,.025),transparent 45%,rgba(199,116,255,.025))}.pass-level{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.pass-level:before{content:'';position:absolute;top:-10px;bottom:-10px;left:50%;width:1px;background:#28303a}.pass-level b{z-index:1;display:grid;place-items:center;width:45px;height:45px;border:1px solid #39434e;background:#090c10;font:800 20px 'Barlow Condensed'}.pass-level span{z-index:1;width:7px;height:7px;margin-top:8px;border-radius:50%;background:#3c4651}.pass-reward{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:12px;border:1px solid #242b34;background:#0b0e13}.pass-reward.premium{border-color:#30223b;background:#100d15}.pass-reward .reward-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(49,244,224,.35);color:var(--cyan);background:rgba(49,244,224,.07);font:800 16px Inter}.pass-reward.premium .reward-icon{border-color:rgba(199,116,255,.4);color:#d294ff;background:rgba(199,116,255,.08)}.pass-reward strong{min-width:0;font:800 12px 'Barlow Condensed';letter-spacing:.03em;text-transform:uppercase}.pass-reward button,.pass-reward small{grid-column:1/-1;border:0;padding:7px;text-align:center;font:800 7px Inter;letter-spacing:.08em}.pass-reward button{background:rgba(49,244,224,.12);color:var(--cyan);cursor:pointer}.pass-reward.premium button{background:rgba(199,116,255,.13);color:#dba8ff}.pass-reward small{color:#555e69}.pass-reward.obtained{opacity:.62}.pass-reward.obtained small{color:#7ed8cc}.pass-reward.available{border-color:rgba(49,244,224,.48);box-shadow:inset 0 0 20px rgba(49,244,224,.04)}.pass-reward.premium.available{border-color:rgba(199,116,255,.52);box-shadow:inset 0 0 20px rgba(199,116,255,.05)}.pass-reward.locked,.pass-reward.premium-locked{opacity:.46}

/* Reference-aligned Radar Hub overlay. Isolated so non-home surfaces stay unchanged. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.radar-topbar{height:72px;grid-template-columns:minmax(0,1fr);gap:0;padding:0 clamp(12px,3vw,32px);border-bottom-color:rgba(49,244,224,.05);background:linear-gradient(180deg,rgba(2,5,7,.98),rgba(2,6,8,.82));backdrop-filter:none}
.radar-header-resources{width:100%;justify-self:stretch;display:grid;grid-template-columns:minmax(66px,.62fr) minmax(0,1.7fr) minmax(0,1fr);gap:clamp(6px,1.5vw,14px)}.radar-header-resources>button{appearance:none;min-width:0;width:100%;height:42px;display:flex;align-items:center;justify-content:center;gap:8px;padding:5px 10px;border:1px solid rgba(132,155,165,.28);border-radius:13px;background:linear-gradient(180deg,rgba(10,14,18,.94),rgba(3,6,9,.96));color:white;cursor:pointer}.radar-header-resources>button:hover,.radar-header-resources>button:focus-visible{border-color:rgba(49,244,224,.7);background:linear-gradient(180deg,rgba(10,24,26,.96),rgba(3,9,12,.98));outline:1px solid rgba(255,255,255,.75);outline-offset:2px}.radar-header-resources svg{flex:0 0 auto;width:19px;height:19px;fill:none;stroke:white;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.radar-header-resources .radar-header-level>svg{stroke:var(--cyan);filter:drop-shadow(0 0 5px rgba(49,244,224,.55))}.radar-header-resources .radar-header-credits>svg{stroke:#f6c748;filter:drop-shadow(0 0 5px rgba(246,199,72,.5))}.radar-header-resources .radar-header-purple>svg{stroke:#d073ff;filter:drop-shadow(0 0 5px rgba(208,115,255,.6))}.radar-header-resources b{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#f4f7f8;font:800 15px/1 'Barlow Condensed';white-space:nowrap}
.radar-header-level{display:grid!important;grid-template-columns:19px minmax(16px,auto);grid-template-rows:1fr 3px;column-gap:6px!important}.radar-header-level>svg{grid-row:1/3}.radar-header-level>b{align-self:end}.radar-header-level>small{align-self:start;height:3px;background:#242b31;border-radius:2px;overflow:hidden}.radar-header-level>small i{display:block;width:var(--level-progress);height:100%;background:linear-gradient(90deg,#c750ed,var(--pink));box-shadow:0 0 6px #d65bea}
.radar-user-stack{position:relative;width:42px;height:52px;display:grid;align-items:start;justify-items:center}.radar-user-stack .profile-chip{padding:0}.radar-user-stack .profile-chip>span:last-child{display:none}.radar-user-stack .profile-avatar{width:39px;height:39px;background:rgba(3,12,15,.9);font-size:9px}.radar-menu-trigger{position:absolute;z-index:2;right:-1px;bottom:-3px;width:28px;height:28px;display:grid;place-items:center;padding:5px;border:1px solid rgba(125,145,153,.42);border-radius:50%;background:#06090c;color:#d4dcde;cursor:pointer}.radar-menu-trigger svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.radar-home{background:radial-gradient(circle at 50% 38%,rgba(49,244,224,.08),transparent 36%),radial-gradient(circle at 50% 86%,rgba(49,244,224,.035),transparent 25%),#010507}.radar-home-grid{opacity:.35;mask-image:linear-gradient(to bottom,transparent,black 9%,black 90%,transparent)}.radar-match-meta{top:2%;left:5%;right:5%;font-size:9px}.radar-arena{top:6%;width:min(108%,510px,57vh);border-color:rgba(49,244,224,.14);background:radial-gradient(circle,rgba(49,244,224,.085),rgba(2,8,10,.43) 37%,rgba(1,4,6,.94) 72%);box-shadow:inset 0 0 90px rgba(49,244,224,.045),0 0 70px rgba(49,244,224,.065)}.radar-rings i{border-color:rgba(49,244,224,.25)}.radar-rings i:nth-child(1){inset:7%}.radar-rings i:nth-child(2){inset:20%;border-color:rgba(252,63,124,.28)}.radar-rings i:nth-child(3){inset:34%}.radar-rings i:nth-child(4){inset:45%;box-shadow:0 0 22px rgba(49,244,224,.13)}
.radar-player-ball{width:clamp(96px,26%,124px);box-shadow:inset -16px -19px 30px rgba(0,0,0,.82),inset 8px 9px 18px rgba(255,255,255,.08),0 0 32px color-mix(in srgb,var(--ball-primary) 50%,transparent),0 0 0 12px rgba(49,244,224,.035)}.radar-rival{width:16px;height:16px;background:#061215;box-shadow:0 0 12px var(--cyan),inset 0 0 5px var(--cyan)}.radar-rival::after{right:11px;top:4px;width:72px;height:5px}.radar-rival.one{top:29%;left:17%}.radar-rival.two{top:25%;right:18%;box-shadow:0 0 12px var(--pink),inset 0 0 5px var(--pink)}.radar-rival.three{right:15%;bottom:27%}
.radar-menu-node{width:clamp(64px,9vh,74px);grid-template-rows:27px auto 5px;align-content:center;place-content:unset;gap:3px;padding:7px;background:radial-gradient(circle,rgba(49,244,224,.075),rgba(2,7,9,.98) 69%);box-shadow:0 0 20px rgba(49,244,224,.07)}.radar-menu-node::after{width:clamp(28px,8vw,48px);opacity:.42}.radar-menu-node>i{width:28px;height:27px}.radar-menu-node>i svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.radar-menu-node b{font:700 10px 'Barlow Condensed';letter-spacing:.07em}.radar-menu-node>span,.radar-menu-node.pass>span{position:static;width:5px;height:5px;border-radius:50%;background:var(--pink);box-shadow:0 0 7px var(--pink)}.radar-menu-node.pass{left:4%;top:46%}.radar-menu-node.locker{left:4%;top:58%}.radar-menu-node.shop{right:4%;top:46%}.radar-menu-node.profile{right:4%;top:58%}.radar-menu-node.profile>i{border:0;border-radius:0;font-size:inherit}
.radar-play-zone{left:5%;right:5%;bottom:9.5%}.radar-ticket-status{min-height:20px;align-items:center;justify-content:center;margin-bottom:4px;font-size:8px;white-space:nowrap;overflow:hidden}.radar-ticket-status span{display:flex;align-items:center;gap:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.radar-ticket-status i{width:5px;height:5px;flex:0 0 auto;border-radius:50%;background:var(--pink);box-shadow:0 0 8px var(--pink);font-style:normal}
.radar-mode-tab{position:relative;z-index:2;width:58%;height:38px;margin:0 auto -1px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(49,244,224,.38);border-bottom-color:#02080a;background:linear-gradient(180deg,rgba(4,16,18,.96),rgba(2,8,10,.99));color:var(--cyan);font:700 10px Inter;letter-spacing:.1em;clip-path:polygon(12% 0,88% 0,100% 100%,0 100%)}.radar-mode-tab svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round}
.radar-play-button{height:clamp(90px,13vh,110px);clip-path:polygon(9% 0,91% 0,100% 24%,96% 50%,100% 76%,91% 100%,9% 100%,0 76%,4% 50%,0 24%);background:linear-gradient(180deg,rgba(49,244,224,.19),rgba(2,12,15,.98) 75%);box-shadow:inset 0 0 0 5px rgba(1,6,8,.92),inset 0 0 0 7px rgba(49,244,224,.45),inset 0 0 34px rgba(49,244,224,.14),0 0 32px rgba(49,244,224,.16)}.radar-play-button::before{content:'';position:absolute;inset:8px 10px;border:1px solid rgba(138,255,246,.42);clip-path:inherit}.radar-play-button::after{left:11%;right:11%;bottom:6px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 10px var(--cyan)}.radar-play-button b{position:relative;z-index:2;font:900 clamp(48px,8vh,68px)/.8 'Barlow Condensed';letter-spacing:.015em;text-shadow:0 0 14px rgba(255,255,255,.22)}.radar-play-button>i{position:absolute;z-index:2;top:50%;width:28px;height:40px;color:var(--cyan);font-style:normal}.radar-play-button>i svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.radar-play-button>i.left{left:8%;right:auto;transform:translateY(-50%) rotate(180deg)}.radar-play-button>i.right{right:8%;transform:translateY(-50%)}.radar-play-button>span{position:absolute;inset:auto 12% 12px;height:1px;background:repeating-linear-gradient(90deg,var(--cyan) 0 2px,transparent 2px 7px);opacity:.55}
@media (max-width:600px){.radar-topbar{height:64px;grid-template-columns:minmax(0,1fr);gap:0;padding:0 8px}.radar-header-resources{max-width:none;width:100%;gap:5px}.radar-header-resources>button{height:38px;gap:5px;padding:4px 7px;border-radius:11px}.radar-header-resources svg{width:16px;height:16px}.radar-header-resources b{font-size:12px}.radar-header-level{grid-template-columns:16px minmax(10px,auto)}.radar-user-stack{width:40px;height:50px}.radar-user-stack .profile-avatar{width:37px;height:37px}.radar-match-meta{left:5%;right:5%}.radar-arena{top:5.8%;width:min(109%,470px,56vh)}.radar-menu-node.pass,.radar-menu-node.locker{left:4%}.radar-menu-node.shop,.radar-menu-node.profile{right:4%}.radar-play-zone{left:4.5%;right:4.5%;bottom:9.2%}}

/* Admin tuning and ring feedback */
.tuning-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.tuning-grid label{color:#707984;font:700 7px Inter;letter-spacing:.08em}.tuning-grid input{width:100%;margin-top:6px;border:1px solid #2b333d;background:#07090d;color:#d9dce1;padding:9px;font:700 10px Inter}.hole-opened{animation:hole-alert .55s ease-out}@keyframes hole-alert{0%{box-shadow:inset 0 0 0 rgba(252,63,124,0)}35%{box-shadow:inset 0 0 90px rgba(252,63,124,.22)}100%{box-shadow:inset 0 0 0 rgba(252,63,124,0)}}
@media (max-width:720px){.pass-summary h1{font-size:44px}.pass-columns,.pass-tier{grid-template-columns:minmax(0,1fr) 45px minmax(0,1fr);gap:5px}.pass-columns{top:54px;padding:6px}.pass-column-label{min-height:58px;padding:6px;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}.pass-column-label>span{font-size:10px}.pass-column-label.premium button{width:100%;padding:6px 3px;font-size:7px}.pass-tier{min-height:112px;padding:7px 0}.pass-reward{grid-template-columns:32px minmax(0,1fr);gap:6px;padding:7px}.pass-reward .reward-icon{width:32px;height:32px;font-size:12px}.pass-reward strong{font-size:10px}.pass-level b{width:36px;height:36px;font-size:17px}.tuning-grid{grid-template-columns:1fr 1fr}}

/* Fixed Radar home. */
html.home-locked,html.home-locked body{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
html.home-locked body{touch-action:manipulation}

/* Casier and Boutique — visual arsenal presentation. */
.arsenal-view{position:relative;max-width:980px;margin:0 auto;padding:34px 0 100px;background-image:linear-gradient(rgba(49,244,224,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(49,244,224,.025) 1px,transparent 1px);background-size:34px 34px}
.arsenal-heading{display:grid;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:17px;padding:0 0 25px;border-bottom:1px solid rgba(49,244,224,.15)}
.arsenal-heading>button,.solo-map-heading>button{width:42px;height:42px;border:1px solid rgba(49,244,224,.36);border-radius:50%;background:#060b0e;color:var(--cyan);font:400 29px/1 Inter;cursor:pointer}
.arsenal-heading>div>p,.solo-map-heading>div>p{margin:0 0 5px;color:var(--cyan);font:700 8px Inter;letter-spacing:.17em}
.arsenal-heading h1{margin:0;font-size:55px;line-height:.8}
.arsenal-heading .ticket-row{margin:0;gap:14px}.arsenal-heading .ticket-row>div{gap:6px}.arsenal-heading .resource-icon{width:25px;height:25px;font-size:8px}.arsenal-heading .ticket-row small{font-size:6px}.arsenal-heading .ticket-row b{font-size:13px}
.arsenal-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:16px 0 20px;border:1px solid #202a30;background:rgba(3,7,10,.86)}
.locker-v2 .arsenal-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.arsenal-tabs button{height:42px;border:0;border-right:1px solid #202a30;background:transparent;color:#69757b;font:700 8px Inter;letter-spacing:.11em;cursor:pointer}.arsenal-tabs button:last-child{border-right:0}.arsenal-tabs button.active{background:linear-gradient(180deg,rgba(49,244,224,.14),rgba(49,244,224,.025));box-shadow:inset 0 -2px var(--cyan);color:var(--cyan)}
.arsenal-stage{position:relative;height:360px;display:grid;grid-template-rows:28px 1fr auto;place-items:center;overflow:hidden;border:1px solid rgba(49,244,224,.22);background:radial-gradient(ellipse at 50% 58%,rgba(49,244,224,.14),transparent 33%),linear-gradient(180deg,#050d10,#020608)}
.arsenal-stage:before{content:'';position:absolute;left:50%;bottom:53px;width:330px;height:85px;transform:translateX(-50%);border:1px solid rgba(49,244,224,.34);border-radius:50%;box-shadow:0 0 36px rgba(49,244,224,.08),inset 0 0 35px rgba(49,244,224,.06)}
.arsenal-stage:after{content:'';position:absolute;left:50%;bottom:35px;width:220px;height:58px;transform:translateX(-50%);border:1px solid rgba(49,244,224,.3);border-radius:50%;background:rgba(2,8,10,.82)}
.arsenal-stage>small{z-index:2;margin-top:18px;color:#6b777d;font:700 7px Inter;letter-spacing:.18em}
.arsenal-stage-rings{position:absolute;left:50%;top:48%;width:480px;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(49,244,224,.08);border-radius:50%}.arsenal-stage-rings i{position:absolute;border:1px dashed rgba(49,244,224,.13);border-radius:50%}.arsenal-stage-rings i:first-child{inset:14%}.arsenal-stage-rings i:last-child{inset:30%;border-color:rgba(252,63,124,.15)}
.arsenal-hero-art{position:relative;z-index:3;display:grid;place-items:center;align-self:center;min-width:180px;min-height:180px}
.arsenal-ball{display:block;border-radius:50%;background:radial-gradient(circle at 34% 27%,#fff 0 2%,var(--primary) 9%,color-mix(in srgb,var(--primary) 48%,var(--secondary)) 35%,#071319 64%,#010405 78%);box-shadow:inset -13px -16px 24px #000,inset 7px 8px 14px rgba(255,255,255,.1),0 0 28px color-mix(in srgb,var(--primary) 50%,transparent)}
.arsenal-ball:after{content:'';position:absolute;inset:19%;border:1px solid var(--primary);border-radius:50%;transform:rotate(35deg) scaleY(.3);box-shadow:0 0 8px var(--primary)}
.arsenal-ball.tile{position:relative;width:66px;height:66px}.arsenal-ball.hero{position:relative;width:145px;height:145px}
.arsenal-trail{position:relative;display:block;width:95px;height:54px}.arsenal-trail span{position:absolute;right:4px;top:50%;width:85px;height:3px;background:linear-gradient(90deg,transparent,var(--trail));box-shadow:0 0 9px var(--trail);transform-origin:right}.arsenal-trail span:nth-child(2){transform:rotate(10deg);opacity:.6}.arsenal-trail span:nth-child(3){transform:rotate(-10deg);opacity:.35}.arsenal-trail:after{content:'';position:absolute;right:0;top:50%;width:18px;height:18px;transform:translateY(-50%);border:2px solid var(--trail);border-radius:50%;background:#031013;box-shadow:0 0 17px var(--trail)}.arsenal-trail.hero{width:190px;height:115px}.arsenal-trail.hero span{width:170px;height:5px}.arsenal-trail.hero:after{width:34px;height:34px}
.arsenal-ball[data-pattern="heart"]:after,.arsenal-ball[data-pattern="slime"]:after,.arsenal-ball[data-pattern="paw"]:after{display:none}.arsenal-ball[data-pattern="heart"] span,.arsenal-ball[data-pattern="paw"] span,.arsenal-ball[data-pattern="slime"] span{position:absolute;left:50%;top:50%;width:48%;height:48%;transform:translate(-50%,-50%)}.arsenal-ball[data-pattern="heart"] span:before{content:'♥';position:absolute;inset:0;display:grid;place-items:center;color:#ff4f88;font:900 1em/1 Inter;font-size:calc(var(--cute-size,66px) * .42);text-shadow:0 0 7px #fff0f6,0 0 18px #ff4f88;animation:cute-heartbeat .92s ease-in-out infinite}.arsenal-ball.tile{--cute-size:66px}.arsenal-ball.hero{--cute-size:145px}.shop-feature-art .arsenal-ball.hero{--cute-size:175px}.arsenal-ball[data-pattern="paw"] span{background:radial-gradient(circle at 21% 33%,#f8eaff 0 10%,transparent 11%),radial-gradient(circle at 42% 13%,#f8eaff 0 10%,transparent 11%),radial-gradient(circle at 65% 13%,#f8eaff 0 10%,transparent 11%),radial-gradient(circle at 83% 35%,#f8eaff 0 9%,transparent 10%),radial-gradient(ellipse at 52% 68%,#f8eaff 0 27%,transparent 28%);filter:drop-shadow(0 0 7px #d8b5ff)}.arsenal-ball[data-pattern="slime"] span{width:76%;height:76%;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 28% 67%,rgba(242,255,234,.75) 0 3%,transparent 4%),radial-gradient(circle at 65% 46%,rgba(242,255,234,.65) 0 5%,transparent 6%),radial-gradient(circle at 47% 20%,rgba(242,255,234,.55) 0 4%,transparent 5%),linear-gradient(178deg,transparent 0 46%,rgba(201,255,177,.3) 47% 100%);animation:cute-slime 1.6s ease-in-out infinite}.arsenal-trail[data-shape="hearts"] span,.arsenal-trail[data-shape="paws"] span{right:auto;top:auto;width:20px;height:20px;background:none;box-shadow:none;transform:none;opacity:1;filter:drop-shadow(0 0 5px var(--trail))}.arsenal-trail[data-shape="hearts"] span:before{content:'♥';color:var(--trail);font:900 18px/1 Inter}.arsenal-trail[data-shape="paws"] span{background:radial-gradient(circle at 20% 31%,var(--trail) 0 9%,transparent 10%),radial-gradient(circle at 41% 11%,var(--trail) 0 9%,transparent 10%),radial-gradient(circle at 65% 11%,var(--trail) 0 9%,transparent 10%),radial-gradient(circle at 84% 33%,var(--trail) 0 8%,transparent 9%),radial-gradient(ellipse at 52% 69%,var(--trail) 0 25%,transparent 26%)}.arsenal-trail[data-shape="hearts"] span:nth-child(1),.arsenal-trail[data-shape="paws"] span:nth-child(1){left:7px;top:31px;transform:rotate(-18deg) scale(.72)}.arsenal-trail[data-shape="hearts"] span:nth-child(2),.arsenal-trail[data-shape="paws"] span:nth-child(2){left:38px;top:13px;transform:rotate(10deg)}.arsenal-trail[data-shape="hearts"] span:nth-child(3),.arsenal-trail[data-shape="paws"] span:nth-child(3){left:68px;top:27px;transform:rotate(-8deg) scale(.82)}.arsenal-trail.hero[data-shape="hearts"] span,.arsenal-trail.hero[data-shape="paws"] span{width:34px;height:34px}.arsenal-trail.hero[data-shape="hearts"] span:before{font-size:31px}.arsenal-trail.hero[data-shape="hearts"] span:nth-child(1),.arsenal-trail.hero[data-shape="paws"] span:nth-child(1){left:15px;top:68px}.arsenal-trail.hero[data-shape="hearts"] span:nth-child(2),.arsenal-trail.hero[data-shape="paws"] span:nth-child(2){left:73px;top:22px}.arsenal-trail.hero[data-shape="hearts"] span:nth-child(3),.arsenal-trail.hero[data-shape="paws"] span:nth-child(3){left:132px;top:61px}.arsenal-trail[data-shape="hearts"]:after,.arsenal-trail[data-shape="paws"]:after{border-color:var(--trail);background:radial-gradient(circle at 35% 28%,#fff,var(--trail) 17%,#10081a 68%)}
@keyframes cute-heartbeat{0%,38%,100%{transform:scale(1)}12%{transform:scale(1.2)}29%{transform:scale(1.12)}}@keyframes cute-slime{0%,100%{transform:translate(-50%,-50%) scale(1,.96)}50%{transform:translate(-50%,-50%) scale(.96,1.05)}}@media (prefers-reduced-motion:reduce){.radar-player-ball[data-pattern="heart"] span::before,.radar-player-ball[data-pattern="slime"] span,.arsenal-ball[data-pattern="heart"] span:before,.arsenal-ball[data-pattern="slime"] span{animation:none}}
.arsenal-power-icon{display:grid;place-items:center;width:64px;height:64px;border:1px solid rgba(49,244,224,.5);border-radius:50%;background:rgba(49,244,224,.08);color:var(--cyan);font:500 30px Inter;box-shadow:0 0 24px rgba(49,244,224,.16)}.arsenal-power-icon.hero{width:130px;height:130px;font-size:62px}
.arsenal-active-name{position:relative;z-index:4;align-self:end;margin-bottom:18px;text-align:center}.arsenal-active-name span,.arsenal-active-name strong,.arsenal-active-name b{display:block}.arsenal-active-name span{color:#738087;font:700 7px Inter;letter-spacing:.13em}.arsenal-active-name strong{margin:4px 0;font:800 24px 'Barlow Condensed';text-transform:uppercase}.arsenal-active-name b{color:var(--cyan);font:700 7px Inter;letter-spacing:.12em}
.arsenal-loadout{position:absolute;z-index:4;bottom:35px;width:155px;padding:11px 13px;border-top:1px solid rgba(49,244,224,.26);background:rgba(3,8,10,.58)}.arsenal-loadout.left{left:4%}.arsenal-loadout.right{right:4%;text-align:right}.arsenal-loadout span,.arsenal-loadout b{display:block}.arsenal-loadout span{color:#637078;font:700 6px Inter;letter-spacing:.14em}.arsenal-loadout b{margin-top:4px;overflow:hidden;text-overflow:ellipsis;color:#cbd2d4;font:700 11px 'Barlow Condensed';white-space:nowrap;text-transform:uppercase}
.arsenal-collection-title,.shop-selection-title{display:flex;align-items:center;justify-content:space-between;margin:30px 0 12px;padding-bottom:10px;border-bottom:1px solid #20282e}.arsenal-collection-title span,.shop-selection-title span{font:800 14px 'Barlow Condensed';letter-spacing:.1em}.arsenal-collection-title b,.shop-selection-title small{color:#657178;font:700 7px Inter;letter-spacing:.1em}
.arsenal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.arsenal-item{min-width:0;display:grid;grid-template-rows:105px auto auto 29px;padding:9px;border:1px solid #202830;background:linear-gradient(145deg,rgba(15,20,24,.96),rgba(5,8,11,.96))}.arsenal-item.selected{border-color:rgba(49,244,224,.62);box-shadow:inset 0 0 24px rgba(49,244,224,.06)}.arsenal-item.locked{opacity:.48}.arsenal-item-art{display:grid;place-items:center;background:radial-gradient(circle,rgba(49,244,224,.07),transparent 65%)}.arsenal-item>strong{margin-top:9px;overflow:hidden;text-overflow:ellipsis;font:800 12px 'Barlow Condensed';white-space:nowrap;text-transform:uppercase}.arsenal-item>small{margin:3px 0 7px;color:#69747b;font:700 6px Inter;letter-spacing:.1em;text-transform:uppercase}.arsenal-item>button,.arsenal-item>span{align-self:end;width:100%;height:29px;display:grid;place-items:center;border:1px solid rgba(49,244,224,.24);background:rgba(49,244,224,.06);color:var(--cyan);font:700 7px Inter;letter-spacing:.08em}.arsenal-item>button{cursor:pointer}.arsenal-item>button:disabled{cursor:default}.arsenal-item.locked>span{border-color:#282f35;background:#11161a;color:#59636a}
.shop-feature{position:relative;height:335px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 72px;overflow:hidden;border:1px solid rgba(199,116,255,.34);background:radial-gradient(circle at 72% 40%,rgba(199,116,255,.2),transparent 28%),linear-gradient(135deg,#100c17,#05080b 72%)}.shop-feature:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 34px,rgba(255,255,255,.012) 34px 35px)}.shop-feature-copy{position:relative;z-index:2;align-self:center;padding:40px}.shop-feature-copy small{color:#d48dff;font:700 8px Inter;letter-spacing:.17em}.shop-feature-copy h2{margin-top:8px;font-size:49px;line-height:.82}.shop-feature-copy p{max-width:320px;color:#879098;font-size:10px;line-height:1.7}.shop-feature-art{position:relative;z-index:2;display:grid;place-items:center}.shop-feature-art .arsenal-ball.hero{width:175px;height:175px}.shop-feature-art .arsenal-trail.hero{transform:scale(1.25)}.shop-feature>footer{position:relative;z-index:3;grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:13px 22px;border-top:1px solid rgba(199,116,255,.22);background:rgba(5,6,10,.72)}.shop-feature>footer>span{margin-right:auto;color:#d690ff;font:700 12px Inter}.shop-feature>footer>span b{font-size:21px}.shop-feature>footer button,.shop-feature>footer strong{min-width:142px;padding:13px 20px;border:1px solid #d48dff;background:linear-gradient(135deg,rgba(199,116,255,.3),rgba(199,116,255,.1));color:#f0ddff;text-align:center;font:800 9px Inter;letter-spacing:.1em}.shop-feature>footer button{cursor:pointer}
.shop-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.shop-product-grid.full{margin-top:10px}.shop-product{min-width:0;display:grid;grid-template-rows:115px auto auto 33px;padding:10px;border:1px solid #222a31;background:linear-gradient(145deg,#10151a,#06090c)}.shop-product>div{display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,rgba(49,244,224,.08),transparent 65%)}.shop-product>small{margin-top:9px;overflow:hidden;text-overflow:ellipsis;color:#69747c;font:700 6px Inter;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}.shop-product>strong{margin:4px 0 9px;overflow:hidden;text-overflow:ellipsis;font:800 14px 'Barlow Condensed';text-transform:uppercase;white-space:nowrap}.shop-product>button,.shop-product>span{align-self:end;height:33px;display:grid;place-items:center;border:1px solid rgba(49,244,224,.32);background:rgba(49,244,224,.075);color:var(--cyan);font:800 8px Inter;letter-spacing:.08em}.shop-product>button{cursor:pointer}.shop-product>span{border-color:#293137;color:#7b878d;background:#10161a}.shop-product.rarity-legendary,.shop-product.rarity-mythic{border-color:rgba(199,116,255,.36)}
.shop-ticket-zone{padding:38px;border:1px solid rgba(249,201,76,.28);background:radial-gradient(circle at 80% 10%,rgba(249,201,76,.12),transparent 32%),#090b0e}.shop-ticket-zone header p{margin:0;color:var(--amber);font:700 8px Inter;letter-spacing:.15em}.shop-ticket-zone h2{margin:7px 0;font-size:48px}.shop-ticket-zone header>span{color:#778088;font-size:10px}.shop-ticket-zone .pack-grid{margin-top:28px}.shop-ticket-zone .pack-grid button{min-height:150px}
.shop-purple-zone{border-color:rgba(194,92,255,.34);background:radial-gradient(circle at 80% 10%,rgba(194,92,255,.18),transparent 36%),#09080f}.shop-purple-zone header p{color:#d073ff}.shop-purple-zone .pack-grid button{border-color:rgba(194,92,255,.28);background:linear-gradient(150deg,rgba(105,28,142,.23),rgba(7,7,12,.96))}.shop-purple-zone .pack-grid button b{color:#d073ff;text-shadow:0 0 17px rgba(194,92,255,.4)}

/* Solo progression map. */
.solo-map-view{max-width:980px;margin:0 auto;padding:34px 0 110px}.solo-map-heading{display:grid;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:17px;padding-bottom:25px;border-bottom:1px solid rgba(49,244,224,.18)}.solo-map-heading h1{margin:0;font-size:58px;line-height:.82}.solo-map-heading>div>span{display:block;margin-top:9px;color:#7b858b;font-size:10px}.solo-map-heading>strong{display:flex;align-items:baseline;color:var(--cyan);font:900 35px 'Barlow Condensed'}.solo-map-heading>strong small{color:#68747a;font-size:15px}
.solo-rules{display:flex;align-items:center;justify-content:center;gap:13px;margin:18px 0;padding:13px;border:1px solid #202a2f;background:#080d10;color:#899399;font:700 7px Inter;letter-spacing:.1em}.solo-rules i{width:4px;height:4px;border-radius:50%;background:var(--pink);box-shadow:0 0 7px var(--pink)}
.solo-survival-card{position:relative;isolation:isolate;min-height:275px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(230px,.7fr);grid-template-rows:1fr auto;gap:18px 28px;margin:0 0 26px;padding:34px 38px 0;overflow:hidden;border:1px solid rgba(252,63,124,.44);background:radial-gradient(circle at 78% 42%,rgba(172,48,255,.22),transparent 27%),radial-gradient(circle at 22% 0,rgba(49,244,224,.11),transparent 34%),linear-gradient(145deg,#0d0b17,#03080b 68%);box-shadow:inset 0 0 38px rgba(163,54,255,.045)}.solo-survival-card:before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(110deg,transparent 0 40px,rgba(255,255,255,.012) 41px 42px)}
.solo-survival-copy{align-self:center;max-width:500px}.solo-survival-copy small{color:var(--pink);font:800 8px Inter;letter-spacing:.2em}.solo-survival-copy h2{margin:7px 0 10px;font-size:clamp(54px,8vw,82px);line-height:.75;text-shadow:0 0 25px rgba(252,63,124,.18)}.solo-survival-copy p{max-width:470px;margin:0;color:#a5afb3;font-size:10px;line-height:1.7}
.solo-survival-record{z-index:2;align-self:center;padding:18px;border:1px solid rgba(199,116,255,.28);background:rgba(4,5,10,.72);backdrop-filter:blur(8px)}.solo-survival-record>span,.solo-survival-record>b{display:block;color:#9d8cab;font:700 7px Inter;letter-spacing:.13em}.solo-survival-record>strong{display:block;margin:7px 0 5px;color:white;font:900 32px/.85 'Barlow Condensed';letter-spacing:.03em}.solo-survival-record>strong small{color:#e1baff;font-size:10px}.solo-survival-record>b{color:var(--cyan)}
.solo-survival-card>button{z-index:3;grid-column:2;align-self:start;min-height:54px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:0 18px;border:1px solid var(--pink);background:linear-gradient(135deg,rgba(252,63,124,.32),rgba(116,35,174,.3));color:white;box-shadow:0 0 25px rgba(252,63,124,.13);cursor:pointer}.solo-survival-card>button span{color:#ffb4ca;font:700 7px Inter;letter-spacing:.15em}.solo-survival-card>button b{font:900 21px 'Barlow Condensed';letter-spacing:.12em}.solo-survival-card>button i{color:var(--cyan);font:400 22px Inter}
.solo-survival-card>footer{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin:0 -38px;border-top:1px solid rgba(252,63,124,.18);background:rgba(2,5,8,.72)}.solo-survival-card>footer span{padding:13px 18px;border-right:1px solid rgba(252,63,124,.13);color:#707b82;font:700 6px Inter;letter-spacing:.09em;text-align:center}.solo-survival-card>footer span:last-child{border-right:0}.solo-survival-card>footer b{display:block;margin-bottom:4px;color:#d79ae9;font-size:7px}.solo-survival-orbit{position:absolute;z-index:-1;right:8%;top:8%;width:230px;aspect-ratio:1;border:1px solid rgba(199,116,255,.17);border-radius:50%;animation:survival-orbit-spin 18s linear infinite}.solo-survival-orbit:before,.solo-survival-orbit:after{content:"";position:absolute;border:1px dashed rgba(49,244,224,.12);border-radius:50%}.solo-survival-orbit:before{inset:18%}.solo-survival-orbit:after{inset:34%}.solo-survival-orbit i{position:absolute;width:31px;height:31px;border-radius:50%;background:#000;box-shadow:0 0 0 1px #a33be2,0 0 20px rgba(252,63,124,.55)}.solo-survival-orbit i:first-child{left:7%;top:20%}.solo-survival-orbit i:nth-child(2){right:5%;bottom:22%}.solo-survival-orbit span{position:absolute;left:50%;top:50%;width:44px;height:44px;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff 0 4%,#31f4e0 12%,#07171a 52%,#010304 76%);box-shadow:0 0 20px rgba(49,244,224,.45)}
.solo-course-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 11px;color:#6c787f;font:700 7px Inter;letter-spacing:.13em}.solo-course-title b{color:#9aa4a8;font-size:7px}
.solo-level-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.solo-level-card{position:relative;min-width:0;padding:12px;border:1px solid #202a30;background:linear-gradient(145deg,#0e1418,#05090c)}.solo-level-card:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(49,244,224,.025),transparent 52%)}.solo-level-card.complete{border-color:rgba(49,244,224,.48);box-shadow:inset 0 0 25px rgba(49,244,224,.045)}.solo-level-card>header{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:end;margin-bottom:11px;padding-bottom:9px;border-bottom:1px solid #222c32}.solo-level-card>header span{color:#647078;font:700 6px Inter;letter-spacing:.15em}.solo-level-card>header b{grid-row:1/3;color:#f1f6f6;font:900 31px/.8 'Barlow Condensed'}.solo-level-card>header small{color:var(--cyan);font:700 7px Inter;letter-spacing:.08em}.solo-level-card>div{display:grid;gap:5px}.solo-level-card button{height:43px;display:grid;grid-template-columns:30px 1fr;align-items:center;border:1px solid rgba(49,244,224,.25);background:rgba(49,244,224,.055);color:var(--cyan);cursor:pointer}.solo-level-card button>b{font:800 15px 'Barlow Condensed'}.solo-level-card button>span{justify-self:end;padding-right:9px;color:#b7c2c4;font:700 7px Inter;letter-spacing:.07em}.solo-level-card button:disabled{border-color:#22292e;background:#0c1114;color:#49545a;cursor:not-allowed}.solo-level-card button:disabled>span{color:#424b50}

/* Solo runner — one fixed, gesture-safe viewport. */
html.solo-locked,html.solo-locked body{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
.solo-game-screen,.solo-game-screen *{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none}
.solo-game-screen{position:fixed;z-index:100;inset:0;width:100dvw;height:100dvh;overflow:hidden;background:#010406}.solo-game-screen canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
.solo-game-overlay{position:fixed;z-index:4;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));height:44px;display:flex;justify-content:center;align-items:center;pointer-events:none}.solo-sun-meter{display:flex;align-items:center;gap:15px}.solo-sun-slot{position:relative;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 34% 29%,#5f3328 0 9%,#35140e 32%,#120605 70%);box-shadow:inset -2px -2px 5px rgba(0,0,0,.72),0 0 0 1px rgba(255,76,23,.27),0 0 9px rgba(147,25,4,.18);opacity:.4;transform:scale(.8);transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease}.solo-sun-slot:before{content:"";position:absolute;inset:-8px;border-radius:50%;background:repeating-conic-gradient(from 8deg,rgba(127,31,12,.72) 0 4deg,transparent 5deg 23deg,rgba(90,13,5,.5) 24deg 29deg,transparent 30deg 45deg);-webkit-mask:radial-gradient(circle,transparent 0 11px,#000 11.5px 15px,transparent 15.5px);mask:radial-gradient(circle,transparent 0 11px,#000 11.5px 15px,transparent 15.5px)}.solo-sun-slot:after{content:"";position:absolute;inset:-4px;border:1px solid transparent;border-radius:50%;opacity:0;pointer-events:none}.solo-sun-slot.collected{opacity:1;transform:scale(1);background:radial-gradient(circle at 34% 29%,#fffdf0 0 8%,#fff282 15%,#ffc128 34%,#ff5a00 64%,#9e1000 88%,#4d0500 100%);box-shadow:inset -3px -3px 6px rgba(106,7,0,.46),0 0 8px #ff9b16,0 0 19px rgba(255,72,0,.62),0 0 34px rgba(184,18,0,.28);animation:solo-sun-pulse 1.25s ease-in-out infinite}.solo-sun-slot.collected:before{background:repeating-conic-gradient(from 0deg,#ffbc29 0 4deg,#ff4a00 5deg 8deg,transparent 9deg 25deg,#ef2b00 26deg 31deg,transparent 32deg 45deg);animation:solo-sun-spin 2.8s linear infinite;filter:drop-shadow(0 0 3px #ff4a00)}.solo-sun-slot.collected:after{border-color:#ff8b18;box-shadow:0 0 8px #ffb12a,inset 0 0 7px #ff3200;animation:solo-sun-blast .72s cubic-bezier(.16,.8,.24,1) both}.solo-icon-exit{position:absolute;right:0;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(252,63,124,.32);border-radius:50%;background:rgba(2,8,10,.42);color:#ff8caf;pointer-events:auto;cursor:pointer}.solo-icon-exit svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.solo-icon-exit:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}@keyframes solo-sun-spin{to{rotate:360deg}}@keyframes solo-sun-pulse{50%{scale:1.1;filter:brightness(1.18)}}@keyframes solo-sun-blast{0%{opacity:1;transform:scale(.28);border-width:4px}45%{opacity:.9}100%{opacity:0;transform:scale(3.4);border-width:1px}}
.solo-game-overlay.survival{height:68px;justify-content:center;align-items:flex-start}.solo-survival-meter{min-width:205px;padding:9px 18px 10px;border:1px solid rgba(49,244,224,.28);background:rgba(2,8,10,.76);box-shadow:0 0 28px rgba(49,244,224,.07);backdrop-filter:blur(9px);text-align:center}.solo-survival-meter>small{display:block;color:#819096;font:700 6px Inter;letter-spacing:.14em}.solo-survival-meter>strong{display:flex;justify-content:center;align-items:baseline;gap:6px;margin-top:3px}.solo-survival-meter>strong b{color:white;font:900 24px/.9 'Barlow Condensed';letter-spacing:.04em}.solo-survival-meter>strong span{color:var(--cyan);font:700 6px Inter;letter-spacing:.1em}.solo-survival-meter>footer{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:5px;color:#829095;font:700 7px Inter;letter-spacing:.08em}.solo-survival-meter>footer i{width:3px;height:3px;border-radius:50%;background:var(--pink)}.solo-survival-meter.record-broken{border-color:rgba(252,63,124,.68);box-shadow:0 0 24px rgba(252,63,124,.18)}.solo-survival-meter.record-broken>small{color:#ff7ba3;text-shadow:0 0 10px rgba(252,63,124,.75)}
.solo-invincible-badge{position:absolute;z-index:5;top:142px;left:50%;transform:translateX(-50%);padding:5px 10px;border:1px solid rgba(49,244,224,.42);border-radius:12px;background:rgba(2,9,11,.76);color:var(--cyan);box-shadow:0 0 16px rgba(49,244,224,.1);font:800 7px Inter;letter-spacing:.13em;pointer-events:none}
.solo-survival-coins{position:absolute;top:74px;left:50%;translate:-50% 0;display:flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid rgba(255,169,30,.34);background:rgba(11,7,2,.74);box-shadow:0 0 20px rgba(255,123,0,.08);color:#ffb52e}.solo-survival-coins i{font-style:normal;text-shadow:0 0 9px #ff7500;animation:survival-coin-spin 1.2s ease-in-out infinite}.solo-survival-coins b{color:#fff3b0;font:900 15px 'Barlow Condensed'}.solo-survival-coins small{padding:2px 4px;border:1px solid rgba(255,216,62,.35);border-radius:7px;color:#ffe66b;font:900 7px Inter;letter-spacing:.03em}.solo-survival-coins span{color:#b88639;font:700 6px Inter;letter-spacing:.12em}@keyframes survival-coin-spin{50%{transform:scaleX(.28)}}
.solo-survival-gems{position:absolute;top:109px;left:50%;translate:-50% 0;display:flex;align-items:center;gap:5px;padding:4px 9px;border:1px solid rgba(200,117,245,.36);background:rgba(11,3,18,.74);box-shadow:0 0 18px rgba(200,117,245,.1);color:#d88cff}.solo-survival-gems i{font-style:normal;text-shadow:0 0 10px #c875f5;animation:survival-gem-pulse 1.35s ease-in-out infinite}.solo-survival-gems b{color:#f7e8ff;font:900 14px 'Barlow Condensed'}.solo-survival-gems span{color:#a170ba;font:700 6px Inter;letter-spacing:.12em}@keyframes survival-gem-pulse{50%{transform:scale(1.22);filter:brightness(1.4)}}
.solo-icon-pause{position:absolute;left:0;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(49,244,224,.42);border-radius:50%;background:rgba(2,8,10,.58);color:var(--cyan);box-shadow:0 0 18px rgba(49,244,224,.08);pointer-events:auto;cursor:pointer}.solo-icon-pause svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.solo-icon-pause:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.solo-success{position:fixed;z-index:8;inset:0;display:grid;place-content:center;justify-items:center;padding:24px;background:rgba(1,5,7,.8);backdrop-filter:blur(13px);text-align:center}.solo-success>p{margin:0 0 9px;color:var(--cyan);font:700 9px Inter;letter-spacing:.18em}.solo-success h1{margin:0;font-size:clamp(52px,8vw,86px);line-height:.86}.solo-success>strong{margin:22px 0;color:white;font:800 30px 'Barlow Condensed';letter-spacing:.08em}.solo-success>strong small{margin-left:10px;color:var(--amber);font-size:17px}.solo-success>div{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.solo-success button{min-width:190px;padding:14px 18px;border:1px solid var(--cyan);background:rgba(49,244,224,.12);color:var(--cyan);font:800 9px Inter;letter-spacing:.1em;cursor:pointer}.solo-success button+button{border-color:#566167;background:rgba(255,255,255,.035);color:#c2c9cb}
.solo-pause{position:fixed;z-index:9;inset:0;display:grid;place-content:center;justify-items:center;padding:24px;background:radial-gradient(circle at 50% 45%,rgba(5,30,32,.78),rgba(1,5,7,.94) 62%);backdrop-filter:blur(12px);text-align:center}.solo-pause:before{content:"";position:absolute;width:min(76vw,340px);aspect-ratio:1;border:1px solid rgba(49,244,224,.16);border-radius:50%;box-shadow:0 0 42px rgba(49,244,224,.08),inset 0 0 42px rgba(49,244,224,.04);pointer-events:none}.solo-pause>p{position:relative;margin:0 0 10px;color:#82969a;font:700 8px Inter;letter-spacing:.2em}.solo-pause h1{position:relative;margin:0;color:white;font:900 clamp(58px,18vw,96px)/.9 'Barlow Condensed';letter-spacing:.08em;text-shadow:0 0 28px rgba(49,244,224,.2)}.solo-pause>div{position:relative;width:min(78vw,310px);display:grid;gap:9px;margin-top:34px}.solo-pause button{min-height:48px;border:1px solid var(--cyan);background:rgba(49,244,224,.12);color:var(--cyan);font:800 9px Inter;letter-spacing:.13em;cursor:pointer}.solo-pause button+button{border-color:rgba(252,63,124,.4);background:rgba(252,63,124,.08);color:#ff8caf}.solo-pause button:focus-visible{outline:2px solid white;outline-offset:3px}
.portrait-only-guard{position:fixed;z-index:20;inset:0;display:grid;place-content:center;justify-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 48%,#092328 0,#02090b 48%,#010406 78%);text-align:center;pointer-events:auto}.portrait-only-phone{position:relative;width:48px;height:76px;margin-bottom:22px;border:2px solid var(--cyan);border-radius:9px;box-shadow:0 0 24px rgba(49,244,224,.2);transform:rotate(-90deg)}.portrait-only-phone:before{content:"";position:absolute;left:50%;top:5px;width:14px;height:2px;border-radius:4px;background:rgba(255,255,255,.65);transform:translateX(-50%)}.portrait-only-phone i{position:absolute;left:50%;bottom:5px;width:4px;height:4px;border:1px solid var(--pink);border-radius:50%;transform:translateX(-50%);box-shadow:0 0 7px var(--pink)}.portrait-only-guard p{margin:0 0 8px;color:var(--cyan);font:800 8px Inter;letter-spacing:.2em}.portrait-only-guard h1{margin:0;color:white;font:900 clamp(34px,7vw,60px)/.95 'Barlow Condensed';letter-spacing:.06em}.portrait-only-guard>span{max-width:340px;margin-top:13px;color:#9aabad;font:600 11px/1.5 Inter;letter-spacing:.04em}.solo-game-screen.landscape-blocked canvas{opacity:.15;filter:blur(8px)}.solo-game-screen.landscape-blocked>.solo-game-overlay{visibility:hidden}
.solo-survival-result>p{color:var(--pink)}.solo-survival-result h1{color:white;text-shadow:0 0 30px rgba(252,63,124,.2)}.solo-survival-result h1 small{display:block;margin-top:10px;color:#c98ce4;font:700 10px Inter;letter-spacing:.14em}.solo-survival-result>aside{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0}.solo-survival-result>aside span,.solo-survival-result>aside b,.solo-survival-result>aside em{padding:8px 12px;border:1px solid rgba(255,169,30,.22);background:rgba(10,8,4,.75);color:#ffbe36;font:800 8px Inter;letter-spacing:.08em;font-style:normal}.solo-survival-result>aside b{border-color:rgba(252,63,124,.25);color:var(--pink)}.solo-survival-result>aside em{border-color:rgba(200,117,245,.3);color:#d88cff}
@keyframes survival-orbit-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.solo-survival-orbit,.solo-survival-coins i,.solo-survival-gems i{animation:none}}
@media (max-width:350px){.solo-survival-meter{min-width:174px;padding-inline:10px}}

@media (max-width:700px){
  .arsenal-view,.solo-map-view{width:100%;padding:20px 0 80px}.arsenal-heading,.solo-map-heading{grid-template-columns:38px minmax(0,1fr) auto;gap:10px}.arsenal-heading>button,.solo-map-heading>button{width:36px;height:36px;font-size:24px}.arsenal-heading h1,.solo-map-heading h1{font-size:43px}.arsenal-heading .ticket-row{gap:6px}.arsenal-heading .ticket-row>div{display:none}.arsenal-heading .ticket-row>div:nth-child(3){display:flex}.arsenal-heading .ticket-row p small{display:none}.arsenal-heading .resource-icon{width:22px;height:22px}.arsenal-tabs{margin-top:12px;overflow-x:auto}.arsenal-tabs button{min-width:83px;font-size:7px}.arsenal-stage{height:310px}.arsenal-stage:before{width:260px}.arsenal-stage-rings{width:390px}.arsenal-hero-art{min-width:145px;min-height:145px}.arsenal-ball.hero{width:116px;height:116px}.arsenal-trail.hero{transform:scale(.82)}.arsenal-sound.hero{transform:scale(1.45)}.arsenal-power-icon.hero{width:105px;height:105px;font-size:50px}.arsenal-loadout{bottom:29px;width:99px;padding:8px}.arsenal-loadout.left{left:2%}.arsenal-loadout.right{right:2%}.arsenal-loadout b{font-size:8px}.arsenal-active-name{margin-bottom:13px}.arsenal-active-name strong{font-size:20px}.arsenal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.arsenal-item{grid-template-rows:82px auto auto 27px;padding:6px}.arsenal-item-art .arsenal-ball.tile{width:52px;height:52px}.arsenal-item-art .arsenal-trail.tile{transform:scale(.7)}.arsenal-item>strong{font-size:10px}.arsenal-item>button,.arsenal-item>span{height:27px;font-size:6px}
  .shop-feature{height:300px;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 64px}.shop-feature-copy{padding:25px 18px}.shop-feature-copy h2{font-size:36px}.shop-feature-copy p{font-size:8px}.shop-feature-art .arsenal-ball.hero{width:105px;height:105px}.shop-feature-art .arsenal-trail.hero{transform:scale(.7)}.shop-feature>footer{gap:9px;padding:10px}.shop-feature>footer button,.shop-feature>footer strong{min-width:112px;padding:11px 8px;font-size:7px}.shop-feature>footer>span b{font-size:17px}.shop-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.shop-product{grid-template-rows:95px auto auto 30px;padding:7px}.shop-product>div .arsenal-ball.tile{width:58px;height:58px}.shop-ticket-zone{padding:25px 15px}.shop-ticket-zone h2{font-size:39px}.shop-ticket-zone .pack-grid{grid-template-columns:1fr}.shop-ticket-zone .pack-grid button{min-height:110px}
  .solo-map-heading>div>span{font-size:8px}.solo-map-heading>strong{font-size:28px}.solo-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;overflow:hidden;white-space:normal;text-align:center;line-height:1.45}.solo-rules i{display:none}.solo-survival-card{min-height:365px;display:flex;flex-direction:column;gap:12px;margin-bottom:22px;padding:25px 18px 0}.solo-survival-copy{max-width:75%}.solo-survival-copy h2{font-size:62px}.solo-survival-copy p{font-size:8px}.solo-survival-record{width:72%;margin-top:auto;padding:13px}.solo-survival-record>strong{font-size:25px}.solo-survival-card>button{width:100%;min-height:49px}.solo-survival-card>footer{width:calc(100% + 36px);grid-template-columns:1fr;margin:2px -18px 0}.solo-survival-card>footer span{padding:7px 12px;border-right:0;border-bottom:1px solid rgba(252,63,124,.1)}.solo-survival-card>footer span:last-child{border-bottom:0}.solo-survival-orbit{right:-45px;top:30px;width:195px;opacity:.82}.solo-course-title{align-items:flex-end}.solo-course-title b{max-width:45%;text-align:right;line-height:1.5}.solo-level-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.solo-level-card{padding:9px}.solo-level-card button{height:40px}.solo-level-card button>span{font-size:6px}.solo-success>div{width:min(100%,320px)}.solo-success button{width:100%;min-width:0}
}
.mini-ball,.mini-trail{position:relative}.mini-ball[data-pattern="heart"]:after{content:'♥';position:absolute;inset:0;display:grid;place-items:center;color:#ff4f88;font:900 29px/1 Inter;text-shadow:0 0 8px #fff0f6,0 0 15px #ff4f88;animation:cute-heartbeat .92s ease-in-out infinite}.mini-ball[data-pattern="paw"]:after{content:'';position:absolute;inset:25%;background:radial-gradient(circle at 21% 33%,#f8eaff 0 10%,transparent 11%),radial-gradient(circle at 42% 13%,#f8eaff 0 10%,transparent 11%),radial-gradient(circle at 65% 13%,#f8eaff 0 10%,transparent 11%),radial-gradient(circle at 83% 35%,#f8eaff 0 9%,transparent 10%),radial-gradient(ellipse at 52% 68%,#f8eaff 0 27%,transparent 28%);filter:drop-shadow(0 0 6px #d8b5ff)}.mini-ball[data-pattern="slime"]:after{content:'';position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle at 28% 67%,rgba(242,255,234,.75) 0 3%,transparent 4%),radial-gradient(circle at 65% 46%,rgba(242,255,234,.65) 0 5%,transparent 6%),linear-gradient(178deg,transparent 0 46%,rgba(201,255,177,.3) 47% 100%);animation:cute-slime-mini 1.6s ease-in-out infinite}.mini-trail[data-shape="hearts"]{height:28px;background:none}.mini-trail[data-shape="hearts"]:after{content:'♥  ♥  ♥';color:var(--primary);font:900 17px/1 Inter;letter-spacing:6px;text-shadow:0 0 7px var(--primary)}.mini-trail[data-shape="paws"]{height:30px;background:radial-gradient(circle at 15% 35%,var(--primary) 0 3%,transparent 4%),radial-gradient(ellipse at 15% 48%,var(--primary) 0 6%,transparent 7%),radial-gradient(circle at 50% 20%,var(--primary) 0 3%,transparent 4%),radial-gradient(ellipse at 50% 33%,var(--primary) 0 6%,transparent 7%),radial-gradient(circle at 84% 45%,var(--primary) 0 3%,transparent 4%),radial-gradient(ellipse at 84% 58%,var(--primary) 0 6%,transparent 7%)}.arsenal-ball.tile[data-pattern="heart"] span:before{font-size:28px}.arsenal-ball.hero[data-pattern="heart"] span:before{font-size:61px}@keyframes cute-slime-mini{0%,100%{transform:scale(1,.96)}50%{transform:scale(.96,1.05)}}@media (max-width:700px){.arsenal-ball.hero[data-pattern="heart"] span:before{font-size:49px}}@media (prefers-reduced-motion:reduce){.mini-ball[data-pattern="heart"]:after,.mini-ball[data-pattern="slime"]:after{animation:none}}

/* Server-authoritative five-course Orbital Race. */
/* Cosmetic overlay: ephemeral glyphs, graphite skulls and a seven-band ribbon. */
:root{--skull-art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M16 41C0 35 3 3 32 3s32 32 16 38l-2 17H18z' fill='%23c4c9cf'/%3E%3Cellipse cx='21' cy='26' rx='7' ry='8' fill='%23161b21'/%3E%3Cellipse cx='43' cy='26' rx='7' ry='8' fill='%23161b21'/%3E%3Cpath d='m32 33-5 10h10zM24 49v9m8-9v9m8-9v9' fill='%23161b21' stroke='%23343a43' stroke-width='2'/%3E%3C/svg%3E");--rainbow-bands:linear-gradient(180deg,#ff4d67 0 14.28%,#ff9c39 14.28% 28.56%,#ffe355 28.56% 42.84%,#66e477 42.84% 57.12%,#35d9ed 57.12% 71.4%,#6885ff 71.4% 85.68%,#c875f5 85.68% 100%)}
.arsenal-ball[data-pattern="skull"]:after,.radar-player-ball[data-pattern="skull"]:before,.radar-player-ball[data-pattern="skull"]:after{display:none}
.arsenal-ball[data-pattern="skull"] span,.radar-player-ball[data-pattern="skull"] span,.mini-ball[data-pattern="skull"]:after{content:'';position:absolute;inset:22%;width:auto;height:auto;transform:none;background:var(--skull-art) center/contain no-repeat;box-shadow:none;filter:drop-shadow(0 0 5px #c4c9cf66)}
.arsenal-ball[data-pattern="skull"] span:before,.radar-player-ball[data-pattern="skull"] span:before{display:none}
:is(.arsenal-ball,.radar-player-ball,.mini-ball)[data-pattern="rainbow"]{background:radial-gradient(circle at 30% 24%,#ffffffdd 0,transparent 19%,#00000011 43%,#00000099 95%),conic-gradient(from 30deg,#ff4d67,#ff9c39,#ffe355,#66e477,#35d9ed,#6885ff,#c875f5,#ff4d67);box-shadow:inset -7px -9px 16px #00000077,inset 5px 6px 11px #ffffff22,0 0 24px #79dfff55;animation:rainbow-prism 12s linear infinite}
:is(.arsenal-ball,.radar-player-ball,.mini-ball)[data-pattern="rainbow"]:before,:is(.arsenal-ball,.radar-player-ball,.mini-ball)[data-pattern="rainbow"]:after,:is(.arsenal-ball,.radar-player-ball)[data-pattern="rainbow"] span{display:none}
.arsenal-trail:is([data-shape="hearts"],[data-shape="paws"],[data-shape="skulls"]){--glyph-travel:72px}
.arsenal-trail.hero:is([data-shape="hearts"],[data-shape="paws"],[data-shape="skulls"]){--glyph-travel:148px}
.arsenal-trail.hero:is([data-shape="hearts"],[data-shape="paws"],[data-shape="skulls"],[data-shape="rainbow"]):after{left:auto;bottom:auto}
.arsenal-trail:is([data-shape="hearts"],[data-shape="paws"],[data-shape="skulls"]) span:nth-child(n){left:auto;right:9px;top:50%;width:20px;height:20px;box-shadow:none;transform:none;opacity:0;animation:glyph-wake .95s linear infinite;filter:drop-shadow(0 0 4px var(--trail))}
.arsenal-trail.hero:is([data-shape="hearts"],[data-shape="paws"],[data-shape="skulls"]) span:nth-child(n){left:auto;right:16px;top:50%;width:34px;height:34px}
.arsenal-trail:is([data-shape="hearts"],[data-shape="paws"],[data-shape="skulls"]) span:nth-child(2){animation-delay:-.32s}
.arsenal-trail:is([data-shape="hearts"],[data-shape="paws"],[data-shape="skulls"]) span:nth-child(3){animation-delay:-.64s}
.arsenal-trail[data-shape="skulls"] span{background:var(--skull-art) center/contain no-repeat}
.arsenal-trail[data-shape="skulls"]:after{background:radial-gradient(circle at 32% 28%,#fff,#a1a8b2 17%,#23282f 68%);border-color:#c4c9cf}
.arsenal-trail[data-shape="rainbow"] span:first-child{height:12px;transform:translateY(-50%);background:var(--rainbow-bands);box-shadow:none;border-radius:3px;mask-image:linear-gradient(90deg,transparent,#000 65%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 65%)}
.arsenal-trail.hero[data-shape="rainbow"] span:first-child{height:18px}
.arsenal-trail[data-shape="rainbow"] span:nth-child(n+2){display:none}
.arsenal-trail[data-shape="rainbow"]:after{background:conic-gradient(#ff4d67,#ffe355,#66e477,#35d9ed,#6885ff,#c875f5,#ff4d67);border-color:#b2e9ff}
.mini-trail[data-shape="skulls"]{height:30px;background:var(--skull-art) left center/26px 26px repeat-x;animation:glyph-mini-wake 1s ease-out infinite}
.mini-trail[data-shape="rainbow"]{height:12px;background:var(--rainbow-bands);mask-image:linear-gradient(90deg,transparent,#000 65%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 65%)}
.mini-trail:is([data-shape="hearts"],[data-shape="paws"]){animation:glyph-mini-wake 1s ease-out infinite}
@keyframes glyph-wake{0%{opacity:0;transform:translate(0,-50%) scale(.4)}16%{opacity:.95}70%{opacity:.5}100%{opacity:0;transform:translate(calc(-1 * var(--glyph-travel)),-72%) scale(.65)}}
@keyframes glyph-mini-wake{0%,100%{opacity:0}20%{opacity:1}80%{opacity:.35}}
@keyframes rainbow-prism{to{filter:hue-rotate(360deg)}}
@media(prefers-reduced-motion:reduce){:is(.arsenal-ball,.radar-player-ball,.mini-ball)[data-pattern="rainbow"],.mini-trail:is([data-shape="skulls"],[data-shape="hearts"],[data-shape="paws"]){animation:none}.arsenal-trail:is([data-shape="hearts"],[data-shape="paws"],[data-shape="skulls"]) span:nth-child(n){animation:none;opacity:.6;transform:translate(calc(-.3 * var(--glyph-travel)),-50%)}.arsenal-trail:is([data-shape="hearts"],[data-shape="paws"],[data-shape="skulls"]) span:nth-child(2){transform:translate(calc(-.6 * var(--glyph-travel)),-50%);opacity:.4}.arsenal-trail:is([data-shape="hearts"],[data-shape="paws"],[data-shape="skulls"]) span:nth-child(3){transform:translate(calc(-.9 * var(--glyph-travel)),-50%);opacity:.2}}
.orbital-race-screen,.orbital-race-screen *{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none}.orbital-race-screen{position:fixed;z-index:100;inset:0;width:100dvw;height:100dvh;overflow:hidden;background:#010609}.orbital-race-screen canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.orbital-race-hud{position:fixed;z-index:4;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));height:54px;display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:6px;pointer-events:none}.orbital-race-hud>div{min-width:0;display:grid;place-content:center;padding:6px 10px;border:1px solid rgba(49,244,224,.25);background:rgba(2,8,11,.8);box-shadow:0 0 20px rgba(49,244,224,.06);backdrop-filter:blur(9px);text-align:center}.orbital-race-hud small,.orbital-race-deaths span{color:#71838a;font:700 6px Inter;letter-spacing:.15em}.orbital-race-hud b{margin-top:3px;color:#fff;font:900 18px 'Barlow Condensed';letter-spacing:.05em}.orbital-race-hud .orbital-race-coins{border-color:rgba(246,199,72,.34)}.orbital-race-hud .orbital-race-coins small{color:#b78c2f}.orbital-race-hud .orbital-race-coins b{color:#ffe67d;text-shadow:0 0 10px rgba(255,170,0,.5)}.orbital-race-deaths{position:fixed;z-index:4;top:max(75px,calc(env(safe-area-inset-top) + 75px));left:max(12px,env(safe-area-inset-left));display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(252,63,124,.22);background:rgba(7,3,8,.68);pointer-events:none}.orbital-race-deaths b{color:#ff7aa3;font:900 12px 'Barlow Condensed'}.orbital-race-quit{position:fixed;z-index:5;top:max(76px,calc(env(safe-area-inset-top) + 76px));right:max(12px,env(safe-area-inset-right));width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid rgba(252,63,124,.4);border-radius:50%;background:rgba(8,2,7,.72);color:#ff85ab;font:300 24px/1 Inter;cursor:pointer}.orbital-race-quit:focus-visible{outline:2px solid white;outline-offset:3px}.orbital-race-help{position:fixed;z-index:4;left:50%;bottom:max(18px,calc(env(safe-area-inset-bottom) + 18px));translate:-50% 0;display:flex;align-items:center;gap:9px;padding:10px 15px;border:1px solid rgba(49,244,224,.25);background:rgba(2,8,10,.72);color:#9eb0b4;font:700 7px Inter;letter-spacing:.13em;pointer-events:none;white-space:nowrap}.orbital-race-help i{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.orbital-matchmaking .match-ring{border-color:rgba(199,116,255,.46);box-shadow:0 0 42px rgba(199,116,255,.13)}.orbital-matchmaking>p{color:#d38cff}.orbital-course-times{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;width:min(100%,560px);margin:15px auto}.orbital-course-times span{min-width:0;padding:8px 5px;border:1px solid rgba(49,244,224,.18);background:rgba(49,244,224,.04);text-align:center}.orbital-course-times small,.orbital-course-times b{display:block}.orbital-course-times small{color:#68777c;font:700 6px Inter}.orbital-course-times b{margin-top:3px;color:#d9ffff;font:800 11px 'Barlow Condensed'}.orbital-result>p{line-height:1.65}@media(max-width:420px){.orbital-race-hud{left:7px;right:7px;gap:4px}.orbital-race-hud>div{padding:5px}.orbital-race-hud b{font-size:16px}.orbital-race-deaths{left:8px}.orbital-race-quit{right:8px}.orbital-course-times{gap:3px}.orbital-course-times span{padding:7px 2px}.orbital-course-times b{font-size:9px}}

/* Mobile product shell, resilient states and legal surfaces. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-x:none}
body{min-height:var(--visual-viewport-height,100dvh);overflow-x:hidden}
button,[role=button],a,input,summary{touch-action:manipulation}
button,a,summary{-webkit-tap-highlight-color:transparent}
.meta-view{padding-bottom:max(90px,calc(50px + env(safe-area-inset-bottom)))}
.topbar{padding-left:max(clamp(20px,5vw,72px),env(safe-area-inset-left));padding-right:max(clamp(20px,5vw,72px),env(safe-area-inset-right))}
.system-banner{position:fixed;z-index:3000;top:max(7px,env(safe-area-inset-top));left:50%;width:min(calc(100% - 24px),620px);min-height:40px;transform:translateX(-50%);display:grid;grid-template-columns:8px auto 1fr auto;align-items:center;gap:9px;padding:9px 12px;border:1px solid rgba(49,244,224,.4);background:rgba(2,11,13,.96);box-shadow:0 12px 40px rgba(0,0,0,.5);font-family:Inter,sans-serif}.system-banner>span{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.system-banner b{font-size:8px;letter-spacing:.13em}.system-banner small{color:#829094;font-size:8px}.system-banner button{min-height:28px;border:1px solid var(--cyan);background:rgba(49,244,224,.08);color:var(--cyan);font:800 7px Inter;letter-spacing:.1em}.system-banner.offline{border-color:rgba(252,63,124,.52);background:rgba(25,5,12,.97)}.system-banner.offline>span{background:var(--pink);box-shadow:0 0 10px var(--pink)}
.legal-links,.auth-legal-links,.legal-sheet-links,.legal-gate-links,.fatal-legal-links{display:flex;flex-wrap:wrap;gap:9px 16px}.legal-links a,.auth-legal-links a,.legal-sheet-links a,.legal-gate-links a,.fatal-legal-links a{color:#849095;text-decoration:none;border-bottom:1px solid rgba(49,244,224,.24);padding:4px 0;font:700 8px Inter;letter-spacing:.06em}.auth-legal-links{margin-top:8px}.legal-check{display:grid!important;grid-template-columns:22px 1fr;align-items:start;gap:8px;color:#929ca1!important;font:600 10px/1.5 Inter!important;letter-spacing:0!important;text-transform:none!important}.legal-check input{width:20px!important;height:20px!important;margin:0!important;accent-color:var(--cyan)}.legal-check a{color:var(--cyan)}
.legal-layer{position:fixed;z-index:2500;inset:0;display:grid;place-items:center;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));background:rgba(0,3,5,.88);backdrop-filter:blur(14px)}.legal-sheet{width:min(100%,760px);max-height:100%;overflow:auto;overscroll-behavior:contain;border:1px solid rgba(49,244,224,.25);background:linear-gradient(155deg,#0b1115,#050709);padding:clamp(20px,4vw,42px);box-shadow:0 30px 100px #000}.legal-sheet>header{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;margin:-10px -10px 15px;padding:10px;background:rgba(6,10,12,.94);color:#718084;font:700 8px Inter;letter-spacing:.14em}.legal-sheet>header button{order:2;width:44px;height:44px;border:1px solid rgba(252,63,124,.35);border-radius:50%;background:#0d080b;color:#ff8caf;font-size:25px}.legal-document h1{font-size:clamp(45px,9vw,76px);line-height:.9}.legal-document h2{margin:28px 0 8px;color:#eafafa;font-size:22px}.legal-document p,.legal-document li{color:#9aa5a9;font:500 11px/1.75 Inter}.legal-document strong{color:#fff}.legal-document a{color:var(--cyan)}.legal-document ul{padding-left:20px}.legal-lede{margin:23px 0!important;padding:15px;border-left:2px solid var(--cyan);background:rgba(49,244,224,.045);color:#c9d8d8!important}.legal-updated{color:#657278!important;font-size:9px!important}.legal-sheet-links{margin-top:32px;padding-top:18px;border-top:1px solid var(--line)}
.legal-gate{min-height:var(--visual-viewport-height,100dvh);display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 25%,rgba(49,244,224,.1),transparent 35%),#05080a}.legal-gate>section{width:min(100%,560px);border:1px solid rgba(49,244,224,.2);background:#0b0f12;padding:clamp(22px,5vw,45px)}.legal-gate h1{font-size:clamp(52px,13vw,82px);margin:22px 0}.legal-gate>section>p:not(.section-kicker){color:#95a0a4;font:500 12px/1.7 Inter}.legal-gate form{display:grid;gap:17px;margin:28px 0}.legal-gate-links{margin-top:20px}
.settings-grid>section>p{color:#7f898e;font:500 10px/1.65 Inter}.settings-state{margin-top:18px!important;padding:12px;border:1px solid var(--line);background:rgba(255,255,255,.02);color:#829095!important;font:700 8px/1.5 Inter!important;letter-spacing:.06em}.settings-state.ok{color:var(--cyan)!important}.settings-state i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.mobile-capabilities{margin:18px 0 0}.mobile-capabilities>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.mobile-capabilities dt,.mobile-capabilities dd{margin:0;font:700 8px Inter;letter-spacing:.08em}.mobile-capabilities dt{color:#69747a}.mobile-capabilities dd{color:var(--cyan)}.account-action{width:100%;min-height:44px;margin:12px 0 0}.account-danger{margin-top:20px;border:1px solid rgba(252,63,124,.28);background:rgba(252,63,124,.025)}.account-danger summary{min-height:48px;display:flex;align-items:center;padding:0 14px;color:#ff8caf;cursor:pointer;font:800 8px Inter;letter-spacing:.1em}.account-danger form{display:grid;gap:13px;padding:0 14px 16px}.account-danger p{color:#8f7e84;font:500 9px/1.55 Inter}.account-danger label{color:#8d9298;font:700 8px Inter;letter-spacing:.08em}.account-danger input{width:100%;height:46px;margin-top:7px;border:1px solid #30363c;background:#080a0d;color:#fff;padding:0 12px;font-size:16px}.account-danger .outline-button{width:100%;min-height:44px;margin:4px 0 0}.settings-legal{margin-top:28px;padding:20px;border:1px solid var(--line);background:rgba(4,8,10,.62)}.settings-legal p{color:#69747a;font:600 8px Inter;letter-spacing:.06em}
.fatal{padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.fatal>p:not(.section-kicker){max-width:430px;line-height:1.7}.fatal-legal-links{justify-content:center;margin-top:25px}
.standalone .topbar{height:calc(72px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.standalone .radar-view-shell{height:calc(100dvh - 72px - env(safe-area-inset-top))}
.collection-art{width:110px;height:110px;max-width:100%;object-fit:contain}.collection-art.hero{width:180px;height:180px;padding:0}
.radar-player-ball>.collection-art.hero{position:absolute;inset:0;width:100%;height:100%;z-index:2}
.eclipse-pass .pass-reward .reward-icon{border:0;background:none;color:#e6c373;width:auto;height:auto}
.eclipse-pass .pass-reward.shard-reward .reward-icon{color:#d291ff}
.eclipse-pass{--pass-gold:#f2d297;--pass-violet:#d2a3ff;padding-bottom:80px}
.pass-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid #64503b;border-radius:24px;background:radial-gradient(ellipse at 50% 10%,#3c244d 0,transparent 55%),linear-gradient(155deg,#16131b,#060a10 75%);padding:32px 26px 20px}
.pass-hero-orbit{position:absolute;z-index:-1;width:460px;aspect-ratio:1;top:-280px;left:50%;transform:translateX(-50%);border:2px solid #e8c188;border-radius:50%;box-shadow:0 0 60px #c098ff44,inset 0 0 45px #e9c17e22,0 0 0 25px #d7a6ff06,0 0 0 80px #d7a6ff04}
.pass-hero-copy{text-align:center}.pass-hero-copy .section-kicker{color:var(--pass-gold);font-size:10px;letter-spacing:.26em}.pass-hero h1{margin:10px 0;color:#f6e5c7;font:800 clamp(64px,10vw,110px)/1 'Barlow Condensed',sans-serif;letter-spacing:.075em;text-shadow:0 0 40px #d1a26055}.pass-tagline{color:#e1d7eb;font-size:10px;letter-spacing:.14em;line-height:1.8}.pass-hero-copy>span{display:block;color:#a69eaf;font-size:12px;line-height:1.7}
.pass-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0 20px}.pass-trophy{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;border:1px solid #b4936844;border-radius:14px;background:linear-gradient(160deg,#f7d8a209,#d9a3ff0a);padding:15px 8px;cursor:pointer;color:#f5e1bf}.pass-trophy:nth-child(3){border-color:#dab77888;background:linear-gradient(155deg,#d1a14c1c,#bf78ff0d)}.pass-trophy>small{font-size:9px;line-height:1.7;letter-spacing:.06em}.pass-trophy .collection-art{width:min(100%,170px);height:auto;aspect-ratio:1}.pass-trophy>strong{font:700 19px/1.2 'Barlow Condensed';text-transform:uppercase;min-height:46px;text-align:center}.pass-trophy>span{color:#a99daf;font-size:8px;margin-top:9px}.pass-trophy:hover{border-color:var(--pass-gold)}.eclipse-pass button:focus-visible{outline:2px solid #fff1c7;outline-offset:3px}
.pass-premium-strip{display:flex;align-items:center;gap:20px;justify-content:space-between;border-top:1px solid #dcc09533;padding-top:18px}.pass-premium-strip strong{color:var(--pass-gold);font-size:11px;letter-spacing:.06em}.pass-premium-strip p{color:#b8afc2;font-size:12px;line-height:1.65;margin:8px 0 0}.pass-premium-strip button,.premium-active{flex-shrink:0;border:1px solid #a38456;background:linear-gradient(140deg,#eacf94,#ae8746);padding:16px;color:#26190d;font-size:10px;font-weight:800;border-radius:8px}.pass-premium-strip button:disabled{opacity:.7;cursor:not-allowed}.pass-commerce-note{font-size:11px;line-height:1.6;color:#9f94ac;margin:14px 0 0}
.eclipse-pass .pass-summary{margin:22px 0;padding:23px;border:1px solid #74614055;border-radius:16px;background:#0e1017}.eclipse-pass .pass-summary>div:first-child{align-items:center}.eclipse-pass .pass-summary strong{color:var(--pass-gold);font:800 26px 'Barlow Condensed'}.eclipse-pass .pass-summary strong small{font-size:14px;color:#8b8495}.eclipse-pass .pass-summary p{color:#c3b8cd;font-size:12px}.eclipse-pass .pass-summary .progress-track{height:10px;border-radius:5px}.eclipse-pass .pass-summary .progress-track i,.result-pass-progress .progress-track i{background:linear-gradient(90deg,#9b6ae5,#d9acfe 55%,#f2d297);box-shadow:0 0 16px #cfa3ed77}.eclipse-pass .pass-summary footer{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:14px}.eclipse-pass .pass-summary footer span{color:#8d8598;font-size:9px}.eclipse-pass .pass-summary footer button{background:transparent;border:0;color:var(--pass-gold);font-size:9px;min-height:44px;cursor:pointer}
.pass-free-finale{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:18px;border:1px solid #467b8355;background:radial-gradient(ellipse at 0 50%,#19465244,transparent 65%),#080e15;border-radius:16px;padding:20px}.pass-free-finale .collection-art{width:140px;height:140px}.pass-free-finale small{color:#7ee4ea;font-size:9px;letter-spacing:.1em}.pass-free-finale h2{color:#d1faff;margin:8px 0;font:700 25px 'Barlow Condensed';text-transform:uppercase}.pass-free-finale p,.pass-footnote{font-size:12px;line-height:1.7;color:#a0abb9}.pass-free-finale button{background:none;border:0;color:#80e7ed;padding:12px 0;min-height:44px;font-size:9px;cursor:pointer}
.eclipse-pass .pass-columns{top:0;border-radius:10px;background:#0d0c14f5;border-color:#63543866;margin-top:28px}.eclipse-pass .pass-column-label{flex-direction:column;align-items:flex-start;gap:7px;padding:10px 5px}.eclipse-pass .pass-column-label.premium{align-items:flex-end;color:var(--pass-gold);border-color:var(--pass-gold)}.eclipse-pass .pass-column-label small{font-size:7px;line-height:1.5}.eclipse-pass .pass-ladder{margin-top:10px}.eclipse-pass .pass-tier{align-items:stretch;gap:10px;padding:8px 0;scroll-margin-top:100px}.eclipse-pass .pass-level{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#80768d}.eclipse-pass .pass-level b{font:800 22px 'Barlow Condensed';background:#15121d;border:1px solid #65537766;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;z-index:1}.eclipse-pass .reached .pass-level b{border-color:#b0e9e388;color:#b0e9e3}.eclipse-pass .next-tier .pass-level b{color:var(--pass-gold);border-color:var(--pass-gold);box-shadow:0 0 25px #edc17a33}
.eclipse-pass .pass-reward{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:156px;min-width:0;padding:18px 10px;border-radius:12px;background:linear-gradient(140deg,#111922,#090e15);border:1px solid #35434f;color:#d6f1f3;opacity:1}.eclipse-pass .pass-reward.premium{background:linear-gradient(145deg,#332439,#15111d);border-color:#9a754c66;color:#f2dcba}.eclipse-pass .pass-reward.obtained{opacity:.65}.eclipse-pass .pass-reward.available{border-color:#6bf1d9;box-shadow:inset 0 0 20px #3ddcc00b}.eclipse-pass .reward-icon{display:grid;place-items:center;width:auto;height:auto;background:none;color:#e6c373}.eclipse-pass .reward-icon>svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.4;filter:drop-shadow(0 0 10px #e6c37333)}.eclipse-pass .shard-reward .reward-icon{color:#d291ff}.eclipse-pass .shard-reward .reward-icon>svg{fill:#52236f;filter:drop-shadow(0 0 9px #d291ff55)}.eclipse-pass .pass-reward strong{font:700 19px/1.3 'Barlow Condensed';text-align:center;text-transform:uppercase;white-space:normal}.eclipse-pass .pass-reward small{font-size:8px;color:#9c8da8;letter-spacing:.04em}.eclipse-pass .pass-reward button{width:100%;min-height:44px;border-radius:6px;border:1px solid #6bf1d9;background:#183432;color:#c3fff2;font-size:9px;font-weight:800;cursor:pointer}.eclipse-pass .pass-reward .pass-preview{background:#ffffff05;border-color:#b299c544;color:#dcd0e4}.eclipse-pass .exclusive-reward .collection-art{width:105px;height:105px}.eclipse-pass .exclusive-reward{border-color:#d6b67999}.eclipse-pass .final-tier{padding-top:16px}.eclipse-pass .final-tier .pass-reward{box-shadow:0 0 35px #d2a46c0c}.pass-footnote{margin:24px 0;text-align:center}
.solo-survival-result{overflow-y:auto;justify-content:safe center;padding:24px 18px;gap:12px}.solo-survival-result>*{flex-shrink:0}.solo-survival-result>h1{font-size:clamp(42px,12vw,64px);margin:0}.solo-survival-result>h1 small{font-size:11px}.solo-survival-result>p{margin:0}.solo-survival-result>strong{margin:0}.solo-survival-result .result-pass-progress{box-sizing:border-box;width:min(100%,400px);border:1px solid #b99a6855;border-radius:12px;padding:16px;background:linear-gradient(135deg,#241a32,#10131d);text-align:left}.result-pass-progress header,.result-pass-progress footer{display:flex;justify-content:space-between;align-items:center;gap:8px}.result-pass-progress header{color:#e5c591;font-size:10px}.result-pass-progress>p{color:#f0e7ff;font-size:13px;font-weight:700;margin:12px 0}.result-pass-progress .progress-track{display:block;height:9px;border-radius:5px;background:#0b0a11;overflow:hidden}.result-pass-progress .progress-track i{display:block;height:100%;transition:none}.result-pass-progress footer{margin-top:10px;font-size:10px;color:#bdb1cb;flex-wrap:wrap}.result-pass-progress footer strong{color:#f5dca9;font-size:10px}.solo-survival-result .result-pass-progress>button{margin-top:10px;width:100%;min-width:0;padding:8px;min-height:44px;border-color:#8d6eac55;color:#dbc3f3;background:#ffffff03;font-size:9px}.solo-survival-result .pass-pending{font-size:11px;color:#c5b0d6;text-align:center}
@media(max-width:600px){.pass-hero{padding:24px 12px 16px;border-radius:18px}.pass-showcase{gap:7px;margin-top:20px}.pass-trophy{padding:10px 4px;border-radius:10px}.pass-trophy>small{font-size:7px}.pass-trophy>strong{font-size:14px;min-height:36px}.pass-trophy>span{font-size:6px}.pass-tagline{font-size:8px}.pass-hero-copy>span{font-size:10px}.pass-premium-strip{flex-direction:column;align-items:stretch;gap:12px}.pass-premium-strip p{font-size:11px}.premium-active{text-align:center}.eclipse-pass .pass-summary{padding:16px}.pass-free-finale{grid-template-columns:88px 1fr;gap:10px;padding:14px}.pass-free-finale .collection-art{width:88px;height:88px}.pass-free-finale h2{font-size:21px}.pass-free-finale p{font-size:11px}.eclipse-pass .pass-columns,.eclipse-pass .pass-tier{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:6px}.eclipse-pass .pass-level b{width:34px;height:34px;font-size:18px}.eclipse-pass .pass-reward{padding:14px 7px;min-height:150px}.eclipse-pass .pass-reward strong{font-size:16px}.eclipse-pass .exclusive-reward .collection-art{width:88px;height:88px}.eclipse-pass .pass-column-label>span{font-size:10px}.eclipse-pass .pass-column-label small{font-size:6px}}
.shop-v2 .shop-product{grid-template-rows:115px auto auto auto;grid-auto-rows:auto;gap:6px}.shop-v2 .shop-product>button,.shop-v2 .shop-product>span{height:auto;min-height:44px}.shop-v2 .shop-product>strong{white-space:normal;line-height:1.35}
.shop-collection-note,.shop-offers p{color:#aebec1;font-size:13px;line-height:1.7;max-width:650px}
.signature-collections{display:grid;gap:24px;margin:22px 0 32px}.signature-collection{min-width:0;border:1px solid color-mix(in srgb,var(--collection-color) 35%,transparent);background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--collection-color) 10%,transparent),#030b0d 65%);padding:18px;border-radius:18px}
.signature-collection>header h2{font-size:22px;color:var(--collection-color);margin:0 0 8px}.signature-collection>header p{color:#aebec1;font-size:12px;line-height:1.6;margin:0 0 16px}.signature-collection .shop-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.shop-product .preview-button{background:transparent;border:1px solid #345257;color:#a9ddd5;font-size:10px;min-height:44px}.shop-product button:disabled{opacity:.5;cursor:not-allowed}.shop-product>small:last-child{white-space:normal;font-size:10px;line-height:1.5}
.shop-offers{margin-top:24px}.shop-offers>header>small{color:#db9ff5;letter-spacing:2px}.shop-offers h2{font-size:24px;line-height:1.3}.commerce-offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.commerce-offer-grid article{display:flex;flex-direction:column;gap:12px;padding:22px;border:1px solid #49365d;border-radius:16px;background:linear-gradient(150deg,#1c1227,#030c0e)}.commerce-offer-grid h3{font-size:24px;margin:0}.commerce-offer-grid p{flex:1;margin:0}.commerce-offer-grid small{font-size:11px;color:#c6afd7;line-height:1.5}.commerce-offer-grid strong{font-size:28px}.commerce-offer-grid button{min-height:44px;opacity:.5;cursor:not-allowed}
.cosmetic-demo{box-sizing:border-box;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 40px);overflow:auto;padding:18px;border:1px solid #448b87;border-radius:20px;background:#030d10;color:#e6fff9;box-shadow:0 0 80px #000}.cosmetic-demo::backdrop{background:#000c;backdrop-filter:blur(5px)}.cosmetic-demo header{display:flex;justify-content:space-between;gap:12px;align-items:start}.cosmetic-demo h2{font-size:24px;margin:6px 0 16px}.cosmetic-demo small{color:#31f4e0;letter-spacing:2px;font-size:10px}.cosmetic-demo button{min-width:44px;min-height:44px;background:#102427;color:#d7fff8;border:1px solid #345257;border-radius:8px;padding:10px}.cosmetic-demo canvas{display:block;max-width:100%;border-radius:12px;touch-action:pan-y}.cosmetic-demo p{font-size:12px;line-height:1.6;color:#aebec1}.cosmetic-demo .demo-loadout{color:#ecfff9}.cosmetic-demo .demo-motion{width:100%;font-size:11px}.cosmetic-demo button:focus-visible{outline:2px solid #31f4e0;outline-offset:3px}
@media(min-width:1050px){.signature-collections{grid-template-columns:repeat(3,minmax(0,1fr))}.signature-collection{padding:14px}.signature-collection .shop-product{padding:10px}.signature-collection .shop-product strong{font-size:12px}}
@media(max-width:600px){.signature-collection{padding:12px}.signature-collection .shop-product{padding:10px;min-width:0}.signature-collection .shop-product strong{font-size:12px;overflow-wrap:anywhere}.signature-collection .shop-product>small{font-size:9px}.commerce-offer-grid{grid-template-columns:1fr}.shop-selection-title{flex-wrap:wrap;gap:8px}}
@media(max-width:860px){.standalone .topbar{height:calc(64px + env(safe-area-inset-top))}.standalone .radar-view-shell{height:calc(100dvh - 64px - env(safe-area-inset-top))}}
@media(max-width:600px){.auth-card input:not([type=checkbox]),.account-danger input{font-size:16px}.auth-art{min-height:min(45vh,390px);padding-top:max(80px,calc(env(safe-area-inset-top) + 58px))}.auth-card{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));padding-bottom:max(60px,calc(env(safe-area-inset-bottom) + 32px))}.auth-art h1{font-size:56px}.onboarding{display:none}.system-banner{grid-template-columns:8px 1fr auto}.system-banner small{display:none}.legal-sheet{padding:18px}.legal-document p,.legal-document li{font-size:12px}.settings-grid{gap:12px}.settings-grid>section{padding:19px}.setting-row{min-height:78px}.setting-row input[type=checkbox]{min-width:38px}.ready-button,.outline-button,.shop-tabs button,.pass-reward button,.brand-button,.profile-chip{min-height:44px}.brand-button{padding:7px 0}.profile-chip{min-width:44px;justify-content:center}.toast{top:max(12px,env(safe-area-inset-top))}}