:root{--arena-blue:#49cfff;--arena-blue-soft:#a3dcff;--arena-green:#48edb3;--arena-red:#ff7991;--green:var(--arena-green);--red:var(--arena-red);--wg-mint:var(--arena-green);--wg-coral:var(--arena-red)}
body{background:radial-gradient(ellipse 60% 550px at 50% 0,#12386633,transparent),#080c14;color:#e7f5ff}
*{scrollbar-color:#39799e #0b1421}::-webkit-scrollbar-track{background:#0b1421}::-webkit-scrollbar-thumb{background:#39799e;border-color:#0b1421}
.arena-page{max-width:1120px}.arena-page .wg-rankings{padding-top:0}.arena-page .wg-section-heading{margin-bottom:20px}.arena-page .wg-section-heading h1{font-size:29px;color:#e0f3ff;letter-spacing:-.8px}.arena-page .wg-section-heading h1:before{content:'';display:inline-block;width:3px;height:23px;vertical-align:-2px;margin-right:12px;border-radius:5px;background:#48cfff;box-shadow:0 0 15px #38c4ff77}
.arena-join{position:relative;isolation:isolate;text-align:center;max-width:520px;margin:0 auto;padding:37px 20px 39px}.arena-join:after{content:'';position:absolute;inset:auto 12% 16px;height:1px;background:linear-gradient(90deg,transparent,#315274,transparent)}.arena-join-orbit{width:37px;height:37px;display:grid;place-items:center;margin:0 auto 12px;color:#64d8ff;border:1px solid #2f6c8b;border-radius:11px;font-size:25px;background:#0d2435;box-shadow:0 0 28px #219ce520;animation:arena-signal 4s ease-in-out infinite}.arena-join h2{font:500 29px/1.2 var(--display);letter-spacing:-.8px;color:#d8f2ff;margin:0 0 11px;text-shadow:0 0 25px #2ea9f132}.arena-join p{font-size:11px;color:#96bedc;line-height:1.8;margin:0 0 20px}.arena-join-actions{display:flex;gap:11px;justify-content:center}.arena-auth-button{display:inline-flex;justify-content:center;align-items:center;gap:23px;min-width:125px;min-height:40px;font-size:11px;font-weight:600;padding:11px 19px;border-radius:6px;border:1px solid #367ba0;color:#ccefff;background:#0c1c2a}.arena-auth-button:hover{background:#14324a;border-color:#6bdcff;box-shadow:0 0 22px #299dde20}.arena-signup{background:linear-gradient(115deg,#187bbd,#2355dc);color:white;border-color:#55b6fa;box-shadow:0 5px 26px #1c83cb24}.arena-signup:hover{background:linear-gradient(115deg,#2097d8,#306be8)}.arena-auth-button:focus-visible{outline:2px solid #6bdcff;outline-offset:4px}.arena-auth-button:disabled{opacity:.45}.arena-member{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.arena-member strong{color:#b9e6ff;font-size:12px}.arena-member .arena-auth-button{min-width:0;min-height:36px;font-size:10px}
.arena-board{border:1px solid #27465f;border-radius:10px;background:linear-gradient(125deg,#0e1928,#0a111d);box-shadow:0 18px 60px #0003,0 0 38px #1b98cf08;position:relative}.arena-board:before{content:'';position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,#52cfff99,transparent)}.arena-board .table-scroll{border-radius:10px}.arena-rank-table{table-layout:fixed;text-align:center}.arena-rank-col{width:15%}.arena-player-col{width:31%}.arena-return-col{width:19%}.arena-assets-col{width:13%}.arena-direction-col{width:22%}.arena-rank-table th,.arena-rank-table td{text-align:center!important}.arena-rank-table th{background:#0c1726;color:#8fc9ef;border-bottom:1px solid #27435b;font-size:9px;letter-spacing:1.1px;padding:18px 12px;font-weight:500}.arena-rank-table td{border-bottom:1px solid #203346;padding:15px 12px;height:74px;transition:background .2s,box-shadow .2s}.arena-rank-table tbody tr:last-child td{border-bottom:0}.arena-rank-table tbody tr:hover td{background:#17344d66}.arena-leading-row{background:linear-gradient(90deg,#18476a18,transparent)}.arena-leading-row:first-child td:first-child{box-shadow:inset 2px 0 #3ac8ff}.arena-rank-table .wg-return{font-size:17px!important;font-weight:500;text-shadow:0 0 15px #32d9b21c}.arena-rank-table .down{text-shadow:0 0 15px #ff638e20}.arena-rank-cell{display:inline-grid;grid-template-columns:26px 36px;gap:12px;align-items:center;justify-content:center;vertical-align:middle}.arena-rank-number{font:500 17px var(--display);color:#b5e3ff;font-variant-numeric:tabular-nums}.arena-rank-move{font:500 19px var(--display);display:inline-flex;justify-content:center;align-items:center;gap:4px;line-height:1}.arena-rank-move small{font:500 10px var(--font);opacity:.9}.arena-rank-move.steady{font-size:15px;color:#688fae}.arena-player{display:flex;align-items:center;justify-content:center;gap:14px;margin:auto;width:210px;max-width:100%}.arena-player strong{font-size:12px;color:#d2ecff;font-weight:500;width:145px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arena-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:43px;height:43px;color:var(--avatar-accent,#6fdcff);background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--avatar-accent,#6fdcff) 14%,transparent),transparent 80%),#0c1a2b;border:1px solid color-mix(in srgb,var(--avatar-accent,#6fdcff) 45%,#173249);border-radius:11px;box-shadow:inset 0 0 15px #1b4b7520,0 0 15px #1485c50a;padding:3px}.arena-avatar svg{width:100%;height:100%;stroke:none;display:block}.arena-asset-count{font:500 14px var(--display);color:#a6cde6;font-variant-numeric:tabular-nums}.arena-directions{display:flex;justify-content:center;align-items:center;gap:12px}.arena-long,.arena-short{display:inline-flex;gap:6px;align-items:center;justify-content:center;min-width:38px;font:500 14px var(--display);font-variant-numeric:tabular-nums}.arena-long,.arena-long-text{color:var(--arena-green)}.arena-short,.arena-short-text{color:var(--arena-red)}.arena-long>span,.arena-short>span{font-size:17px}.arena-direction-divider{color:#4e7393;font-size:11px}.arena-ranking-note{font-size:9px;line-height:1.8;color:#6f9fbf;text-align:center;margin:17px 0 0}
/* Saved profile avatars share the same component as the ranking rows. */
.arena-avatar-picker{border:0;padding:0;margin:0 0 24px}.arena-avatar-picker legend{font-size:11px;color:#a8d8f5;margin-bottom:13px}.arena-avatar-picker [data-avatar-options]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.arena-avatar-option{padding:10px 6px;border:1px solid #2c4661;border-radius:8px;background:#0b1a29;display:grid;justify-items:center;gap:7px}.arena-avatar-option>span:last-child{font-size:9px;color:#9bbbd5}.arena-avatar-option[aria-pressed=true]{border-color:#57cfff;background:#143048;box-shadow:0 0 0 2px #49baff1a}.arena-avatar-option:hover{background:#143048}.arena-avatar-option .arena-avatar{width:45px;height:45px}.auth-dialog,.account-dialog,.risk-dialog{background:radial-gradient(ellipse at 50% 0,#12457633,transparent 60%),#101a28!important;border-color:#315e80!important}.auth-dialog .plan-button.primary,.account-dialog .plan-button.primary{background:linear-gradient(110deg,#1378b8,#2856d8)!important;border-color:#54bafa!important}.auth-dialog .eyebrow{color:#79cfff}.auth-dialog .auth-legacy{color:#86cfff}.account-dialog .account-lede{color:#9acbe9}.toast{background:#102a40;border-color:#3d8db9;color:#d9f4ff}.arena-page .wg-rank-table th:nth-child(n+4),.arena-page .wg-rank-table td:nth-child(n+4){display:table-cell}
@keyframes arena-signal{50%{box-shadow:0 0 36px #219ce538;border-color:#4eabd0}}
@media(max-width:760px){.arena-join{padding:28px 10px 34px}.arena-join h2{font-size:26px}.arena-join p{font-size:10px}.arena-page .wg-section-heading h1{font-size:23px;letter-spacing:-.5px}.arena-page .wg-section-heading h1:before{height:18px;margin-right:9px}.arena-page .wg-section-heading{margin-bottom:17px}.arena-rank-table th{font-size:7px;letter-spacing:.35px;padding:14px 5px}.arena-rank-table td{padding:13px 5px;height:67px}.arena-rank-col{width:16%}.arena-player-col{width:38%}.arena-return-col{width:23%}.arena-assets-col{display:none}.arena-direction-col{width:23%}.arena-page .wg-rank-table th:nth-child(4),.arena-page .wg-rank-table td:nth-child(4){display:none}.arena-player{width:auto;gap:5px}.arena-player strong{font-size:9px;width:auto}.arena-avatar{width:29px;height:29px;border-radius:8px;padding:2px}.arena-rank-cell{grid-template-columns:17px 22px;gap:3px}.arena-rank-number{font-size:13px}.arena-rank-move{font-size:16px;gap:1px}.arena-rank-move small{font-size:8px}.arena-rank-table .wg-return{font-size:13px!important}.arena-directions{gap:4px}.arena-long,.arena-short{font-size:11px;gap:2px;min-width:0}.arena-long>span,.arena-short>span{font-size:13px}.arena-direction-divider{font-size:9px}.arena-ranking-note{font-size:8px;margin-top:14px}.arena-member .arena-avatar{width:34px;height:34px}.arena-member strong{font-size:11px}.arena-member{gap:9px}.arena-avatar-option .arena-avatar{width:42px;height:42px}}
@media(max-width:380px){.arena-page .wg-section-heading h1{font-size:22px}.arena-player strong{font-size:8px}.arena-player{gap:4px}.arena-rank-table .wg-return{font-size:12px!important}.arena-rank-table td{padding-inline:4px}.arena-rank-cell{gap:2px}.arena-directions{gap:3px}}
@media(prefers-reduced-motion:reduce){.arena-join-orbit{animation:none}.arena-rank-table td{transition:none}}
/* Global season HUD: electric cyan, violet, lime, and hot pink. */
:root{--arena-blue:#38dbff;--arena-green:#4dffb1;--arena-red:#ff628d}
body{background:radial-gradient(ellipse 60% 480px at 50% 0,#13336945,transparent),radial-gradient(ellipse 45% 620px at 90% 55%,#16648e0d,transparent),#070c16}
.arena-join-orbit{border-color:#3bd4ff88;box-shadow:0 0 30px #26b9f02a}.arena-join h2{text-shadow:0 0 28px #20c7ff38}.arena-signup{background:linear-gradient(110deg,#157bd7,#38aeed);border-color:#7894ff;box-shadow:0 4px 25px #47b4ef2e}.arena-signup:hover{background:linear-gradient(110deg,#179be8,#54c0fa)}
.global-ranking-heading{gap:16px;flex-wrap:wrap}.arena-page .global-ranking-heading h1{background:linear-gradient(100deg,#a3f4ff,#77ccff 50%,#a8dffd);background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 26px #2caeff14}.global-help-toggle{font-size:10px;color:#9bdafa;border:1px solid #315c85;border-radius:6px;background:#0c1c32;padding:9px 12px;display:flex;align-items:center;gap:9px}.global-help-toggle>span{display:grid;place-items:center;width:16px;height:16px;border:1px solid #53bbec;border-radius:50%;color:#9eeaff;font-size:10px}.global-help-toggle:hover,.global-help-toggle[aria-expanded=true]{background:#153451;border-color:#4dc9ff;color:#d6f7ff}.global-rank-column-help{color:inherit;letter-spacing:inherit;font:inherit;padding:2px;display:inline-flex;gap:5px;align-items:center;justify-content:center}.global-rank-column-help>span{font-size:12px;color:#6dcfff}.global-rank-column-help:focus-visible,.global-help-toggle:focus-visible{outline:2px solid #74e8ff;outline-offset:4px}
.global-season-hud{position:relative;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:22px 27px 24px;border:1px solid #365885;border-radius:10px;background:radial-gradient(ellipse at 100% 0,#2889be20,transparent 65%),linear-gradient(110deg,#0c1e33,#10162b);margin-bottom:23px;box-shadow:0 0 40px #3875da0b,inset 0 1px #7fc4ff09;overflow:hidden}.global-season-hud:before{content:'';position:absolute;top:0;left:0;height:2px;width:45%;background:linear-gradient(90deg,#23e0ff,#6dc9fb,transparent)}.global-season-copy{display:grid;gap:8px}.global-season-tag{font-size:8px;letter-spacing:1.7px;font-weight:600;color:#ade1fd}.global-season-tag b{font-weight:600;color:#cdedfe}.global-season-copy>strong{font:500 19px/1.3 var(--display);letter-spacing:-.5px;color:#c2f0ff}.global-season-copy>span:not(.global-season-tag){font-size:10px;color:#83b6db}.global-season-copy>small{display:flex;align-items:center;gap:6px;font-size:9px;color:#6cf5bc;margin-top:3px}.global-season-copy i{height:4px;width:4px;display:inline-block;background:#50ffc0;border-radius:50%;box-shadow:0 0 10px #5affb977}.global-season-clock{text-align:center}.global-clock-caption{font-size:8px;letter-spacing:1.4px;color:#9fc5f3}.global-countdown{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:11px}.global-time-unit{position:relative;display:grid;gap:6px;min-width:61px}.global-time-unit:not(:last-child):after{content:':';position:absolute;right:-7px;top:3px;font:400 25px/1 var(--display);color:#4b7baf}.global-time-unit strong{font:500 31px/1 var(--display);letter-spacing:1px;font-variant-numeric:tabular-nums;color:#6fe9ff;text-shadow:0 0 20px #2ecbff35}.global-time-unit:last-child strong{color:#a1ddfd;text-shadow:0 0 20px #60c5fb35}.global-time-unit small{font-size:7px;letter-spacing:1.5px;color:#7fafd5}.global-next-season{display:block;font-size:8px;color:#7fa8cd;margin-top:11px}.global-season-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#16263c}.global-season-progress>span{display:block;height:100%;background:linear-gradient(90deg,#28dfff,#74ccfb,#67c7fb);box-shadow:0 0 13px #6fa8ff88}
.global-rank-guide{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;background:#10243a;border:1px solid #3c759e;border-radius:9px;padding:22px;margin:-4px 0 22px}.global-rank-guide h2{font:500 13px/1.5 var(--display);color:#8adfff;margin:0 0 7px}.global-rank-guide p{font-size:11px;color:#a5c6e3;line-height:1.9;margin:0}.global-rank-guide p strong{font-weight:600}.global-rank-guide p strong:not(.up):not(.down){color:#d3e8ff}
.arena-board{border-color:#315b80;box-shadow:0 0 35px #167fcb0a,0 18px 60px #0004}.arena-board:before{left:10%;right:10%;background:linear-gradient(90deg,transparent,#43ddff88,#79cefc77,transparent)}.arena-rank-table th{color:#9bd8ff;background:linear-gradient(110deg,#0d1e32,#111c33);text-transform:none;white-space:normal}.arena-rank-table th:first-child{letter-spacing:1px}.arena-rank-table tbody tr:hover td{background:#1c3b5b66}.arena-rank-table .wg-return.up{text-shadow:0 0 18px #32f3b02a}.arena-rank-table .wg-return.down{text-shadow:0 0 18px #f53c762b}.arena-leading-row:first-child td:first-child{box-shadow:inset 2px 0 #4eeaff,inset 5px 0 17px #21aee918}.arena-rank-cell{grid-template-columns:26px 48px;gap:9px}.arena-rank-move{font-size:12px;gap:3px;padding:5px 4px;border:1px solid transparent;border-radius:4px}.arena-rank-move.up{background:#0a392b55;border-color:#237c5b55}.arena-rank-move.down{background:#3d142b66;border-color:#8d365555}.arena-rank-move strong{font:500 11px/1 var(--display);font-variant-numeric:tabular-nums}.arena-rank-move small{font-size:12px;line-height:1}.arena-rank-move.steady{font-size:12px;background:#102035;border-color:#30526d55;color:#80b2d9}.arena-rank-number{color:#b0edff;text-shadow:0 0 15px #4be0ff22}.arena-long,.arena-short{font-size:15px;text-shadow:0 0 14px #22ecb11a}.arena-short{text-shadow:0 0 14px #ff508e1a}.global-new-season p{font-size:12px;color:#8cbfe5}.global-new-season strong{color:#95e6ff}.arena-rank-table th:nth-child(3){letter-spacing:.5px}
@media(max-width:760px){.global-ranking-heading{gap:10px}.global-help-toggle{font-size:9px;padding:8px 9px;gap:6px}.global-help-toggle>span{width:14px;height:14px;font-size:9px}.global-season-hud{display:grid;grid-template-columns:1fr;padding:16px 18px 19px;gap:15px;margin-bottom:18px}.global-season-copy{grid-template-columns:1fr auto;gap:7px 12px;align-items:center}.global-season-copy>strong{display:none}.global-season-copy>span:not(.global-season-tag){grid-column:1/-1;grid-row:2;font-size:9px}.global-season-copy>small{grid-column:2;grid-row:1;font-size:8px;margin:0}.global-season-tag{font-size:8px}.global-clock-caption{font-size:7px;letter-spacing:1.25px}.global-countdown{gap:13px;margin-top:9px}.global-time-unit{min-width:49px;gap:5px}.global-time-unit strong{font-size:27px}.global-time-unit:not(:last-child):after{right:-9px;font-size:22px}.global-time-unit small{font-size:6px;letter-spacing:1px}.global-next-season{font-size:7px;margin-top:9px}.global-rank-guide{grid-template-columns:1fr;padding:17px;gap:16px}.global-rank-guide p{font-size:10px}.global-rank-guide h2{font-size:12px}.arena-rank-col{width:18%}.arena-player-col{width:36%}.arena-return-col{width:25%}.arena-direction-col{width:21%}.arena-rank-cell{grid-template-columns:16px 30px;gap:3px}.arena-rank-move{padding:4px 1px;gap:1px}.arena-rank-move strong{font-size:9px}.arena-rank-move small{font-size:9px}.arena-rank-number{font-size:12px}.arena-rank-table th{font-size:7px;letter-spacing:.2px;line-height:1.5}.global-rank-column-help{gap:2px}.global-rank-column-help>span{font-size:10px}.arena-long,.arena-short{font-size:11px}.global-new-season p{font-size:10px}}
@media(max-width:380px){.global-help-toggle{font-size:8px;padding-inline:7px}.arena-page .global-ranking-heading h1{font-size:21px}.arena-rank-move strong{font-size:8px}.arena-rank-cell{grid-template-columns:15px 28px;gap:2px}}