.ranked-page{flex-direction:column;gap:24px;width:100%;max-width:1100px;margin:0 auto;padding:36px 24px 60px;display:flex}.ranked-page :is(button,a,input,select,summary):focus-visible{outline-offset:4px;outline:2px solid #f9d47e}.ranked-page h1{font:700 clamp(32px, 5vw, 50px)/1.05 var(--font-rajdhani), sans-serif;letter-spacing:-.02em}.ranked-page h2{font:700 27px/1.2 var(--font-rajdhani), sans-serif}.ranked-eyebrow{color:#eac575;font:11px/1.6 var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.17em;margin-bottom:8px}.ranked-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.ranked-rating{background:#cfa6450b;border:1px solid #89713f66;border-radius:12px;flex-shrink:0;padding:12px 20px}.ranked-rating>span{color:#96a7bb;font-size:11px;display:block}.ranked-rating strong{color:#ffe4a2;font:700 27px var(--font-rajdhani), sans-serif}.ranked-rating small{font-size:14px}.ranked-panel{background:linear-gradient(145deg,#121e2ce8,#0a101cf5);border:1px solid #2d3a4a;border-radius:16px;padding:26px}.ranked-start{text-align:center;background:radial-gradient(at 50% 0,#fbbf2415,#0000 70%),#0c1521;padding:42px 26px;position:relative;overflow:hidden}.ranked-start h2{margin-bottom:14px;font-size:clamp(30px,4vw,42px)}.ranked-start>p:not(.ranked-eyebrow){color:#9eafc4;max-width:610px;margin:0 auto 24px;font-size:14px;line-height:1.8}.ranked-start>small{color:#8296ad;max-width:570px;margin:20px auto 0;font-size:11px;line-height:1.8;display:block}.ranked-primary,.ranked-secondary{min-height:50px;font:700 18px/1.3 var(--font-rajdhani), sans-serif;text-transform:uppercase;letter-spacing:.06em;border-radius:9px;justify-content:center;align-items:center;gap:20px;padding:12px 24px;display:inline-flex}.ranked-primary{color:#30210d;background:linear-gradient(140deg,#ffe7a3,#f4b959);border:1px solid #ffe1a3;box-shadow:0 3px #9b602633}.ranked-primary:hover{filter:brightness(1.08)}.ranked-secondary{color:#c5d5e8;background:#0c1725;border:1px solid #59708c}.ranked-page button:disabled{opacity:.5;cursor:default}.ranked-rules{color:#92a4bb;justify-content:center;gap:30px;margin:24px 0 32px;font-size:12px;display:flex}.ranked-rules b{color:#e6d5ac;font:700 24px var(--font-rajdhani), sans-serif;display:block}.ranked-dashboard{grid-template-columns:1fr 1fr;gap:20px;display:grid}.ranked-hint{color:#93a6be;margin-top:12px;font-size:13px;line-height:1.8}.ranked-ladder,.ranked-history{margin-top:18px}.ranked-ladder li,.ranked-history li{border-top:1px solid #ffffff0b;align-items:center;gap:14px;padding:13px 0;font-size:12px;display:flex}.ranked-ladder li>span{color:#7d92ad;width:20px;font-family:var(--font-geist-mono), monospace}.ranked-ladder strong,.ranked-history strong{overflow-wrap:anywhere}.ranked-ladder b,.ranked-history b{color:#f5d58c;font-family:var(--font-geist-mono), monospace;margin-left:auto}.ranked-history small{color:#7d92ad;margin-top:4px;display:block}.ranked-steps{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.ranked-steps li{color:#7d8fa8;background:#0b1420;border:1px solid #253244;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.ranked-steps li>span{width:26px;height:26px;font:12px var(--font-geist-mono), monospace;border:1px solid #3e5069;border-radius:50%;place-items:center;display:grid}.ranked-steps small{margin-left:auto;font-size:11px}.ranked-steps [data-active=true]{color:#ffe4a2;background:#30291855;border-color:#d7b15c}.ranked-steps [data-done=true]{color:#9bdcca}.ranked-versus{grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);align-items:center;gap:12px;display:grid}.ranked-seat{text-align:center;border:1px solid color-mix(in srgb, var(--seat-color) 25%, #233044);background:radial-gradient(ellipse at 50% 65%, color-mix(in srgb, var(--seat-color) 10%, transparent), transparent 75%), #0c1522;border-radius:16px;flex-direction:column;align-items:center;min-width:0;padding:20px;display:flex;position:relative}.ranked-seat>p{color:#8ba0b9;font-size:11px}.ranked-seat>p strong{color:var(--seat-color);overflow-wrap:anywhere;margin:4px 0;font-size:14px;display:block}.ranked-seat-art{object-fit:contain;width:180px;max-width:100%;height:112px;margin:12px auto;display:block}.ranked-seat>strong{color:#e1e8f1;font-size:13px}.ranked-seat>span{color:#93a7c0;margin-top:5px;font-size:12px}.ranked-seat>small{color:var(--seat-color);margin-top:15px;font-size:10px}.ranked-mystery{width:180px;max-width:100%;height:112px;font:700 70px var(--font-rajdhani), sans-serif;color:#75839a;background:radial-gradient(#31405866,#0000 65%);place-items:center;margin:12px auto;display:grid}.ranked-countdown{text-align:center;font-family:var(--font-rajdhani), sans-serif}.ranked-countdown strong{color:#ffe5a2;font-variant-numeric:tabular-nums;font-size:54px;line-height:1;display:block}.ranked-countdown span{color:#8ba0b9;font-size:12px}.ranked-selection-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.ranked-budget{color:#cbb586;font:12px var(--font-geist-mono), monospace;white-space:nowrap;border:1px solid #77633b66;border-radius:8px;padding:9px 12px}.ranked-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0;display:grid}.ranked-choice{text-align:center;background:#0c1623;border:1px solid #304258;border-radius:12px;flex-direction:column;align-items:center;min-width:0;padding:18px 12px;transition:background .15s,border-color .15s;display:flex}.ranked-choice:hover{border-color:#879aaf}.ranked-choice[aria-pressed=true]{background:#4a3a182e;border-color:#f2cc76;box-shadow:inset 0 0 0 1px #f2cc7622}.ranked-choice strong{color:#dbe7f4;overflow-wrap:anywhere;font-size:14px}.ranked-choice>span:not(.ranked-tactic-symbol){color:#a4b5c9;margin-top:6px;font-size:11px;line-height:1.6}.ranked-choice small{color:#7b91ac;margin-top:9px;font-size:10px}.ranked-choice b{color:#e3c985;margin-top:12px;font-size:11px}.ranked-choice-art{object-fit:contain;width:130px;max-width:100%;height:90px;margin-bottom:12px}.ranked-weapon-art{object-fit:contain;width:100px;max-width:100%;height:70px;margin:12px auto 22px}.ranked-choices.is-tactics{grid-template-columns:repeat(3,minmax(0,1fr))}.ranked-tactic{padding:24px 16px}.ranked-tactic-symbol{color:#eac575;margin-bottom:16px;font-size:34px;line-height:1}.ranked-confirm{border-top:1px solid #ffffff0e;justify-content:space-between;align-items:center;gap:22px;padding-top:20px;display:flex}.ranked-confirm>p{color:#8196b1;max-width:450px;font-size:12px;line-height:1.8}.ranked-confirm-time{color:#ffdc8b;white-space:nowrap;font-size:14px}.ranked-confirm button{flex-shrink:0}.ranked-text-button{color:#b9cce1;text-underline-offset:4px;padding:4px 0 20px;font-size:12px;text-decoration:underline}.ranked-alert{color:#fecaca;background:#391b2780;border:1px solid #f8717144;border-radius:10px;padding:14px 18px;font-size:13px;line-height:1.7}.ranked-alert button{margin-left:10px;text-decoration:underline}.ranked-notice{color:#eac575!important}.ranked-wait{text-align:center;padding:34px}.ranked-wait p{color:#91a7c0;margin-top:14px;font-size:13px}.ranked-pulse{border:2px solid #f2cc7633;border-top-color:#f2cc76;border-radius:50%;width:24px;height:24px;margin:0 auto 24px;animation:1.1s linear infinite ranked-spin;display:block}@keyframes ranked-spin{to{transform:rotate(360deg)}}.ranked-result{border-top:1px solid #ffffff15;margin-top:28px;padding-top:24px}.ranked-result h2{color:#ffe4a2;font-size:38px}.ranked-score-change{color:#ffe4a2;font:700 25px var(--font-rajdhani), sans-serif;margin:10px 0 20px}.ranked-score-change>span{color:#8fa5bf;margin-left:16px;font-size:16px}.ranked-result-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.ranked-page .garage-dialog{color:#dce5f0;background:#0c1624;border:1px solid #53677e;border-radius:16px;width:min(900px,100vw - 32px);max-height:88dvh;margin:auto;padding:0;overflow:hidden;box-shadow:0 25px 100px #000b}.ranked-page .garage-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#03070ce0}.ranked-page .garage-dialog-surface{flex-direction:column;max-height:calc(88dvh - 2px);display:flex}.ranked-page .garage-dialog-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:15px;padding:20px;display:flex}.ranked-page .garage-dialog-header h2{font-size:26px}.ranked-page .garage-dialog-header .garage-eyebrow{color:#e5c47a;font-size:11px}.ranked-page .garage-dialog-header>button{color:#a5b8cf;flex-shrink:0;width:44px;height:44px;font-size:28px}.ranked-page .garage-dialog-content{gap:16px;min-height:0;padding:20px;display:grid;overflow:auto}.ranked-page .garage-dialog :is(button,input,select):focus-visible{outline-offset:2px;outline:2px solid #f2cc76}@media (max-width:639px){.ranked-page{gap:18px;padding:25px 14px 40px}.ranked-header{gap:10px}.ranked-rating{padding:10px 12px}.ranked-rating strong{font-size:24px}.ranked-header h1{font-size:30px}.ranked-header .ranked-eyebrow{letter-spacing:.1em;font-size:9px}.ranked-panel{padding:19px 15px}.ranked-start{padding:32px 18px}.ranked-start>.ranked-eyebrow{font-size:9px}.ranked-primary,.ranked-secondary{min-height:48px;padding:12px 18px;font-size:16px}.ranked-dashboard{grid-template-columns:minmax(0,1fr);gap:16px}.ranked-rules{gap:25px}.ranked-steps{gap:6px}.ranked-steps li{gap:6px;padding:9px 7px;font-size:11px}.ranked-steps li>span{width:20px;height:20px;font-size:10px}.ranked-steps small{display:none}.ranked-versus{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:6px}.ranked-seat{padding:14px 8px}.ranked-seat>p strong{font-size:11px}.ranked-seat-art,.ranked-mystery{height:84px;margin:10px auto}.ranked-seat>span{min-height:30px;font-size:10px}.ranked-seat>small{font-size:9px}.ranked-countdown strong{font-size:32px}.ranked-countdown span{font-size:9px}.ranked-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ranked-choice{padding:13px 8px}.ranked-choice-art{height:74px;margin-bottom:7px}.ranked-choices.is-tactics{grid-template-columns:minmax(0,1fr)}.ranked-tactic{text-align:left;grid-template-columns:34px 1fr;gap:6px 14px;padding:17px;display:grid}.ranked-tactic-symbol{grid-row:span 2;margin:0}.ranked-tactic>span:not(.ranked-tactic-symbol){margin:0}.ranked-confirm{z-index:5;background:#0c1523f5;flex-direction:column;gap:10px;padding:14px 0 4px;position:sticky;bottom:0}.ranked-confirm>p{font-size:10px}.ranked-confirm button{width:100%}.ranked-selection-heading{align-items:flex-start}.ranked-selection-heading h2{font-size:24px}.ranked-budget{padding:8px;font-size:10px}}@media (prefers-reduced-motion:reduce){.ranked-pulse{animation:none}.ranked-choice{transition:none}}