.ar-topbar{z-index:10;height:96px;font-family:var(--font-ui);background:#060b0f;border-bottom:1px solid #a3bfc321;grid-template-columns:200px 1fr auto;align-items:center;padding:0 3.4%;display:grid;position:relative}.ar-topbar .ar-brand{align-items:center;width:fit-content;line-height:0;display:inline-flex}.ar-topbar .ar-brand img{filter:drop-shadow(0 0 14px #e2b55e2e);width:auto;height:74px;display:block}.main-nav{justify-content:center;align-items:stretch;gap:clamp(24px,5vw,78px);height:100%;display:flex}.nav-item{color:#a8a9ae;min-width:92px;font-weight:800;font-size:var(--fs-body);letter-spacing:var(--tr-mid);cursor:pointer;background:0 0;border:0;padding:0 12px;font-family:inherit;position:relative}.nav-item:after{content:"";background:#72ecc5;border-radius:3px 3px 0 0;height:3px;transition:transform .22s;position:absolute;bottom:0;left:18px;right:18px;transform:scaleX(0);box-shadow:0 0 16px #72ecc59e}.nav-item:hover,.nav-item.active{color:#c8fff0;background:linear-gradient(#ffffff06,#5adcb60e)}.nav-item.active:after{transform:scaleX(1)}.ar-player-summary{align-items:center;gap:14px;display:flex}.header-toggles{align-items:center;gap:7px;display:flex}.ar-chip{color:#8f9aa2;height:30px;font-family:inherit;font-size:var(--fs-micro);letter-spacing:var(--tr-mid);font-variant-numeric:tabular-nums;cursor:pointer;background:#ffffff0b;border:0;border-radius:999px;align-items:center;gap:5px;padding:0 11px;font-weight:800;transition:background .18s,color .18s,box-shadow .18s;display:inline-flex}.ar-chip:hover{color:#d8dee3;background:#ffffff16}.ar-chip .on{color:#f0cc78}.ar-chip:hover .on{color:#ffdf9a}.ar-chip i{opacity:.35;font-style:normal}.ar-chip .caret{font-size:var(--fs-caption);opacity:.5;transform-origin:50%;display:inline-block;transform:scale(.82)}.ar-chip-compact{height:26px;font-size:var(--fs-caption);padding:0 9px}.ar-chip-icon{justify-content:center;width:30px;padding:0}.ar-chip-icon.ar-chip-compact{width:26px;padding:0}.ar-chip-icon .on{color:#f0cc78}.ar-chip-menu{z-index:300;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c1116f7;border:1px solid #ffffff17;border-radius:13px;min-width:122px;padding:5px;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 18px 44px #00000080}.ar-chip-opt{color:#9aa4ac;width:100%;font-family:inherit;font-size:var(--fs-label);cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;font-weight:700;transition:background .15s,color .15s;display:flex}.ar-chip-opt:hover{color:#e6ecf2;background:#ffffff0f}.ar-chip-opt.on{color:#f0cc78;background:#f0cc7817}.ar-chip-opt .sym{color:#6d7a84;font-weight:700}.ar-chip-opt.on .sym{color:#cbb37e}.ar-wallet{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff0e,#ffffff04);border-radius:999px;align-items:center;gap:13px;height:60px;padding:0 20px 0 8px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff12,0 10px 30px #00000047}.ar-wallet:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(115deg,#e9ba50b8 0%,#ffffff0f 46%,#78e9c380 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ar-topbar .ar-profile-avatar{cursor:pointer;background:conic-gradient(from 210deg,#e9ba50,#f7e3ae 22%,#8d6a2e 48%,#f0cc78 72%,#e9ba50);border:0;border-radius:50%;padding:2px;line-height:0;transition:transform .18s,box-shadow .18s;position:relative}.ar-topbar .ar-profile-avatar:after{content:"";z-index:1;pointer-events:none;border-radius:50%;position:absolute;inset:2px;box-shadow:inset 0 0 0 2px #080c10eb}.ar-topbar .ar-profile-avatar:hover{transform:translateY(-1px);box-shadow:0 6px 18px #e9ba5047}.ar-profile-copy{flex-direction:column;min-width:92px;display:flex}.ar-profile-copy strong{font-size:var(--fs-body);color:#f6f8fa;letter-spacing:-.005em;font-weight:800}.ar-profile-copy span{color:#cbb37e;font-size:var(--fs-caption);letter-spacing:var(--tr-label);align-items:center;gap:5px;margin-top:3px;font-weight:800;display:flex}.ar-profile-copy span svg{opacity:.85;width:12px;height:12px}.rank-points{border-left:1px solid #ffffff17;align-items:baseline;gap:7px;margin-left:3px;padding-left:17px;display:flex}.rank-points strong{font-size:var(--fs-title);letter-spacing:var(--tr-body);font-variant-numeric:tabular-nums;background:linear-gradient(#ffeec2 8%,#f0cc78 52%,#cb9b3c);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800;line-height:1.1}.rank-points span{color:#cbb37e;font-size:var(--fs-caption);letter-spacing:var(--tr-label);background:#f0cc781c;border-radius:999px;padding:2px 7px;font-weight:800}.ar-wallet-amounts{border-left:1px solid #ffffff17;flex-direction:column;gap:1px;margin-left:3px;padding-left:17px;display:flex}.ar-wallet-amounts .rank-points{border-left:0;margin-left:0;padding-left:0}.rank-points.tm strong{font-size:var(--fs-label);background:linear-gradient(#d8fbe9 8%,#7ee2a8 52%,#35a86b);-webkit-background-clip:text;background-clip:text}.rank-points.tm span{color:#8fd9b0;background:#7ee2a81f;padding:1px 6px}.rank-points strong .ar-frac{opacity:.85;font-style:normal;font-weight:600;background:0 0!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:#8b9198!important;color:#8b9198!important}.rank-points.tm strong .ar-frac{-webkit-text-fill-color:#7a8f86!important;color:#7a8f86!important}.ar-topbar .avatar{color:#f7fbfb;letter-spacing:-.03em;width:46px;height:46px;font-weight:900;font-size:var(--fs-label);background:linear-gradient(145deg,#2b3a41,#131b20);border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative;box-shadow:inset 0 0 18px #00000047,0 5px 18px #0003}.ar-topbar .avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.ar-topbar .online-dot{background:#7def85;border:2px solid #122026;border-radius:50%;width:13px;height:13px;position:absolute;bottom:1px;right:-1px;box-shadow:0 0 10px #7def8573}.ar-topbar .avatar{z-index:2}.ar-topbar .online-dot{z-index:3;border-color:#0b1116;bottom:-1px;right:-2px}.bottom-nav{display:none}@media (max-width:1180px){.ar-topbar{grid-template-columns:170px 1fr auto}.main-nav{gap:16px}.nav-item{min-width:72px}}@media (min-width:781px) and (max-width:1180px){.ar-topbar{grid-template-columns:150px 1fr auto;padding:0 18px}.ar-topbar .ar-brand img{height:58px}.main-nav{gap:clamp(10px,2.2vw,30px)}.nav-item{min-width:0;font-size:var(--fs-label);padding:0 9px}.ar-player-summary{gap:10px;min-width:0}.ar-wallet{gap:10px;padding:0 15px 0 7px}.ar-profile-copy{min-width:0;max-width:94px}.ar-profile-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rank-points,.ar-wallet-amounts{padding-left:13px}.rank-points strong{font-size:var(--fs-lead)}}@media (min-width:781px) and (max-width:960px){.ar-profile-copy{display:none}}@media (max-width:780px){.ar-topbar{grid-template-columns:max-content minmax(0,1fr);gap:8px;height:74px;padding:0 14px}.ar-topbar .ar-brand{flex:none}.ar-topbar .ar-brand img{max-width:none}.main-nav{display:none}.ar-player-summary{justify-self:end;gap:9px}.header-toggles{gap:6px;margin-right:0}.ar-topbar .ar-brand img{height:50px}.ar-profile-copy{display:none}.rank-points,.ar-wallet-amounts{min-width:0;padding-left:14px}.rank-points strong{font-size:var(--fs-title)}.rank-points.tm strong{font-size:var(--fs-caption)}.bottom-nav{z-index:40;padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(22px);font-family:var(--font-ui);background:linear-gradient(#070c10f7,#04080b);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -18px 40px #00000080}.bottom-nav:before{content:"";background:linear-gradient(90deg,#0000,#78ecc757 22%,#e2b55e47 50%,#78ecc757 78%,#0000);height:1px;position:absolute;top:0;left:0;right:0}.bn-item{color:#7d8892;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-items:center;gap:5px;padding:7px 2px 5px;font-family:inherit;transition:color .2s;display:grid;position:relative}.bn-icon{place-items:center;width:26px;height:26px;transition:transform .2s;display:grid}.bn-icon svg{stroke-width:1.9px;width:21px;height:21px}.bn-label{font-size:var(--fs-caption);letter-spacing:var(--tr-mid);white-space:nowrap;font-weight:800}.bn-item:active .bn-icon{transform:scale(.9)}.bn-item.active{color:#cbfff0}.bn-item.active .bn-icon{color:#78e9c3}.bn-item.active .bn-icon svg{filter:drop-shadow(0 0 9px #78ecc78c)}.bn-item.active .bn-icon:before{content:"";background:radial-gradient(circle,#78ecc72e,#0000 68%);border-radius:50%;width:42px;height:42px;position:absolute}.bn-item.active:after{content:"";background:#78e9c3;border-radius:0 0 3px 3px;width:26px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 10px #78ecc7b3}}@media (max-width:600px){.ar-player-summary{gap:7px;min-width:0}.header-toggles{gap:5px}.ar-chip{height:27px;font-size:var(--fs-caption);gap:3px;padding:0 9px}.ar-chip-icon{width:27px;padding:0}.ar-chip i:not(.caret),.ar-chip span:not(.on){display:none}.ar-wallet{gap:9px;height:52px;padding:0 12px 0 5px}.ar-topbar .avatar{width:40px;height:40px;font-size:var(--fs-caption)}.ar-topbar .online-dot{width:11px;height:11px}.rank-points{gap:5px;padding-left:12px}.rank-points strong{font-size:var(--fs-lead)}.rank-points span{display:none}}@media (max-width:430px){.ar-topbar{gap:5px;padding:0 9px}.ar-topbar .ar-brand img{height:40px}.ar-player-summary{gap:6px}.header-toggles{gap:4px}.ar-chip{height:26px;padding:0 8px}.ar-chip-icon{width:26px;padding:0}.ar-wallet{gap:8px;height:50px;padding:0 11px 0 5px}.ar-topbar .avatar{width:36px;height:36px}.ar-topbar .online-dot{width:10px;height:10px}.rank-points{padding-left:10px}}@media (max-width:380px){.ar-topbar{gap:4px;padding:0 7px}.ar-topbar .ar-brand img{height:32px}.ar-chip{padding:0 7px}.ar-wallet{gap:7px;padding:0 9px 0 4px}.rank-points{padding-left:9px}}.ar-topbar .nav-item{font-size:var(--fs-body);letter-spacing:var(--tr-mid);font-weight:800}.ar-topbar .ar-chip{font-size:var(--fs-micro);letter-spacing:var(--tr-mid);font-weight:800}.ar-topbar .ar-chip.ar-chip-compact{font-size:var(--fs-caption)}@media (max-width:1180px) and (min-width:781px){.ar-topbar .nav-item{font-size:var(--fs-label)}}@media (max-width:600px){.ar-topbar .ar-chip{font-size:var(--fs-caption)}}
.arena-shell{min-height:100vh;font-family:var(--font-ui);line-height:var(--lh-body);color:#f6f8fa;background:radial-gradient(circle at 25% 17%,#185f551f,#0000 28%),radial-gradient(circle at 79% 72%,#1537501f,#0000 24%),linear-gradient(145deg,#0a1015 0%,#05080c 48%,#081017 100%);position:relative}.arena-shell:after{content:"";pointer-events:none;opacity:.35;z-index:0;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:36px 36px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 32%,#0000);mask-image:linear-gradient(#0000,#000 32%,#0000)}.arena-shell *{box-sizing:border-box}.arena-shell button{font:inherit;font-family:inherit}.arena-shell .dashboard{z-index:1;width:100%;max-width:1760px;margin:0 auto;padding:28px 2.15% 24px;position:relative}.intro{align-items:center;gap:19px;margin:0 0 15px;display:flex}.intro-symbol{flex:none;line-height:0}.intro-crest{filter:drop-shadow(0 3px 10px #00000080);width:52px;height:52px;display:block}.intro h1{font-size:clamp(1.7rem,2.4vw,2.5rem);line-height:var(--lh-tight);letter-spacing:var(--tr-mid);text-shadow:0 3px 13px #000;text-wrap:balance;margin:0;font-weight:900}.intro p{color:#a9aaaf;font-size:var(--fs-lead);word-break:keep-all;margin:8px 0 0;font-weight:700}.dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:stretch;gap:24px;display:grid}.dashboard-main{flex-direction:column;gap:14px;min-width:0;display:flex}.arena-shell .dashboard-main>.status-bar,.arena-shell .dashboard-main>.tournament-panel{margin-top:auto}.dashboard-side{flex-direction:column;gap:14px;min-width:0;display:flex}.dashboard-side>.panel{margin:0}.arena-shell .panel,.arena-shell .status-bar{background:linear-gradient(145deg,#12191ff0,#0b1015e8);border:1px solid #adc6c926;box-shadow:inset 0 1px #ffffff05,0 12px 40px #0000002e}.arena-shell .panel{border-radius:21px;padding:20px 24px 18px}.panel-title{align-items:center;gap:13px;margin-bottom:14px;display:flex}.panel-title h2{font-size:var(--fs-title);letter-spacing:var(--tr-mid);margin:0;font-weight:900}.title-icon{color:#77ecc5;border:2px solid #77ecc5;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.title-icon svg{stroke-width:2.5px;width:18px;height:18px}.mode-list-wrap{position:relative}.mode-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.mode-card{--tone:#75edca;isolation:isolate;border:1px solid color-mix(in srgb,var(--tone)42%,transparent);text-align:left;cursor:pointer;color:#f0f7f4;background:linear-gradient(110deg,#050e10fa,color-mix(in srgb,var(--tone)17%,#080c11),#080f12d9);border-radius:19px;justify-content:space-between;align-items:center;width:100%;min-height:118px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 38px #0000003d}.mode-card:before{content:"";z-index:-2;background-image:var(--mode-art),linear-gradient(120deg,transparent 25%,color-mix(in srgb,var(--tone)25%,transparent));opacity:.9;background-position:100%;background-size:cover;position:absolute;inset:0}.mode-card:after{content:"";z-index:-1;background:linear-gradient(90deg,#04090cf7 0%,#04090cc2 43%,#04090c0f 74%);position:absolute;inset:0}.mode-card:hover:not(:disabled){box-shadow:0 0 26px color-mix(in srgb,var(--tone)14%,transparent),inset 0 0 38px #0003;transform:translateY(-1px)}.mode-card.selected{border-color:color-mix(in srgb,var(--tone)82%,#fff);box-shadow:0 0 0 1px color-mix(in srgb,var(--tone)20%,transparent),inset 0 0 34px #00000026}.mode-card:disabled{cursor:default;opacity:.72}.mode-card.bronze{--tone:#c8813f}.mode-card.silver{--tone:#a3aeb6}.mode-card.gold{--tone:#edbd53}.mode-card.platinum{--tone:#d7e7ff}.mode-card.emerald{--tone:#3fd39a}.mode-card.diamond{--tone:#6fd7f2}.mode-card.master{--tone:#b47cf0}.mode-card.challenger{--tone:#ef4a4f}.mode-card.blue{--tone:#68a9ff}.mode-card.locked{filter:saturate(.42);opacity:.62}.mode-scrim{background:repeating-linear-gradient(130deg,#0000 0 30px,#ffffff06 31px,#0000 32px 44px);position:absolute;inset:0}.mode-content{z-index:2;flex-direction:column;align-items:flex-start;min-width:0;padding:15px 18px;display:flex;position:relative}.mode-content strong{color:var(--tone);font-size:clamp(1.7rem,2.5vw,2.5rem);line-height:var(--lh-tight);letter-spacing:var(--tr-body);text-shadow:0 4px 16px #000;font-weight:900}.mode-meta{color:#c8cdd0;font-size:var(--fs-body);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:9px;font-weight:700;display:flex}.mode-meta span{white-space:nowrap;align-items:center;gap:6px;display:flex}.mode-meta .meta-tag{white-space:nowrap;font-style:normal;font-size:var(--fs-caption);letter-spacing:var(--tr-label);color:#8b949b;font-weight:800}.mode-meta svg{width:16px;height:16px;color:var(--tone);flex:none}.mode-meta i{background:#ffffff5c;width:1px;height:16px}.mode-meta .meta-break{display:none}.mode-online,.mode-lock{font-style:normal;font-size:var(--fs-label);letter-spacing:var(--tr-body);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;margin-left:2px;padding:3px 9px;font-weight:800;display:inline-flex}.mode-online{color:#d3dde2;background:#040a0d9e;border:1px solid #ffffff1a}.mode-lock{color:#f0c69f;background:#3a1a0e99;border:1px solid #e2966057}.mode-check{z-index:3;background:var(--tone);color:#071016;border-radius:50%;width:22px;height:22px;padding:4px;position:absolute;top:12px;right:14px}.match-progress{margin-top:12px}.match-progress-copy{justify-content:space-between;align-items:baseline;margin-bottom:7px;display:flex}.match-progress-copy strong{color:#cbfff0;font-size:var(--fs-label);letter-spacing:var(--tr-label);font-weight:800}.match-progress-copy span{color:#9aa7b6;font-size:var(--fs-label);font-variant-numeric:tabular-nums}.match-progress>i{background:#293038;border-radius:999px;height:6px;display:block;overflow:hidden}.match-progress>i>b{border-radius:inherit;background:linear-gradient(90deg,#52caaa,#86e9ca);height:100%;transition:width .12s linear;display:block;box-shadow:0 0 9px #66e2be73}.match-hint{color:#7f8d99;font-size:var(--fs-label);word-break:keep-all;align-items:center;gap:7px;margin:14px 0 0;display:flex}.match-hint svg{color:#4ebc78;flex:none}.match-cancel{color:#8fa0ae;font-family:inherit;font-size:var(--fs-caption);letter-spacing:var(--tr-mid);cursor:pointer;background:0 0;border:0;border-radius:7px;margin-left:10px;padding:2px 6px;font-weight:800;transition:color .15s,background .15s}.match-cancel:hover{color:#e6eef5;background:#ffffff0f}.arena-notice{background:#081614db;border:1px solid #78ecc757;border-radius:13px;grid-template-columns:22px 1fr 22px;align-items:start;gap:10px;margin-bottom:12px;padding:11px 13px;display:grid}.arena-notice.error{background:#200d0ce0;border-color:#e97c6e6b}.arena-notice.success{background:#0a1a0fe0;border-color:#7def856b}.arena-notice>i{width:22px;height:22px;font-style:normal;font-size:var(--fs-micro);color:#071016;background:#74eac4;border-radius:50%;place-items:center;font-weight:900;display:grid}.arena-notice.error>i{background:#e7907f}.arena-notice.success>i{background:#7def85}.arena-notice span{flex-direction:column;gap:3px;min-width:0;display:flex}.arena-notice strong{color:#eef6f3;font-size:var(--fs-label);letter-spacing:var(--tr-mid);font-weight:800}.arena-notice small{color:#a4b0b6;font-size:var(--fs-caption);line-height:var(--lh-body);word-break:keep-all;text-wrap:pretty}.arena-notice>button{color:#7f8d99;font-size:var(--fs-title);cursor:pointer;background:0 0;border:0;line-height:1}.eyebrow{color:#aeb3b7;font-size:var(--fs-label);letter-spacing:var(--tr-mid);margin:0 0 14px;font-weight:800}.avatar{color:#f7fbfb;letter-spacing:-.03em;background:linear-gradient(145deg,#2b3a41,#131b20);border-radius:50%;flex:none;place-items:center;font-weight:900;transition:all .2s;display:inline-grid;position:relative;overflow:visible;box-shadow:inset 0 0 18px #00000047,0 5px 18px #0003}.avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.online-dot{background:#7def85;border:2px solid #122026;border-radius:50%;width:13px;height:13px;position:absolute;bottom:1px;right:-1px;box-shadow:0 0 10px #7def8573}.room-actions{grid-template-columns:1fr 1.05fr;gap:16px;margin-top:16px;display:grid}.room-card{background:radial-gradient(circle at 50% 64%,#2f8f7630,#0000 45%),linear-gradient(160deg,#152b28b8,#0d1519eb);border:1px solid #75eeca57;border-radius:18px;flex-direction:column;align-items:center;padding:20px 16px 18px;display:flex;position:relative;overflow:hidden}.room-card:after{content:"";opacity:.12;background:repeating-linear-gradient(45deg,#0000 0 22px,#7aeec92e 23px,#0000 24px 46px);position:absolute;inset:33% 0 0}.room-card.join-room{background:radial-gradient(circle at 50% 64%,#b17e1f26,#0000 45%),linear-gradient(160deg,#2c271bb8,#111517eb);border-color:#e9b84e57}.room-card h3{z-index:2;color:#74e3bf;font-size:var(--fs-lead);letter-spacing:var(--tr-mid);margin:0 0 14px;font-weight:900;position:relative}.join-room h3{color:#e9ba50}.room-card p{z-index:2;color:#acb1b4;font-size:var(--fs-label);text-align:center;word-break:keep-all;margin:10px 0 0;position:relative}.room-card .join-room p,.room-card .join-lead{margin:0 0 12px}.room-card>:last-child{margin-top:auto}.room-facts{z-index:2;gap:7px;width:100%;max-width:210px;margin:14px 0 0;padding:0;list-style:none;display:grid;position:relative}.room-facts li{color:#9fe4c9;font-size:var(--fs-caption);letter-spacing:var(--tr-mid);background:#75eeca12;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:7px 10px;font-weight:700;display:flex}.room-facts svg{opacity:.8;flex:none}.create-action{z-index:3;color:#9ff3d6;height:38px;font-family:inherit;font-size:var(--fs-label);letter-spacing:var(--tr-mid);cursor:pointer;background:#11362e73;border:1px solid #75edca;border-radius:999px;margin-top:16px;padding:0 26px;font-weight:800;transition:background .18s,color .18s;position:relative}.create-action:hover{color:#05231b;background:#75edca}.otp-wrap{z-index:2;gap:5px;display:flex;position:relative}.otp-real{z-index:4;opacity:1;color:#0000;caret-color:#0000;background:0 0;border:0;outline:none;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.otp-real:focus{outline:none}.otp-slot{pointer-events:none;text-align:center;color:#ecd9a4;width:34px;height:38px;line-height:1;font-size:var(--fs-lead);text-transform:uppercase;font-variant-numeric:tabular-nums;background:#05080a70;border:1px solid #e0c9964d;border-radius:8px;justify-content:center;align-items:center;font-weight:800;display:inline-flex;position:relative}.otp-slot.active{border-color:#f0cc78cc;box-shadow:0 0 0 2px #f0cc7829}.otp-slot.active:after{content:"";background:#ecd9a4;border-radius:1px;width:1.5px;height:1.05em;animation:1s step-end infinite otp-caret-blink;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.otp-slot.active.filled:after{left:calc(50% + .42em);transform:translateY(-50%)}@keyframes otp-caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}.join-pw{z-index:2;color:#e6ecf1;width:100%;max-width:224px;height:36px;font-size:var(--fs-body);text-align:center;background:#05080a70;border:1px solid #ffffff21;border-radius:9px;margin-top:10px;padding:0 11px;position:relative}.join-pw:focus{border-color:#f0cc7899;outline:none}.join-action{z-index:2;color:#f0cc78;height:38px;font-size:var(--fs-label);letter-spacing:var(--tr-mid);cursor:pointer;background:#3a2c1166;border:1px solid #e9ba50;border-radius:999px;margin-top:12px;padding:0 26px;font-weight:800;position:relative}.join-action:hover:not(:disabled){color:#150f04;background:#e9ba50}.join-action:disabled{color:#6f7a83;cursor:default;background:#ffffff08;border-color:#ffffff24}.room-err{z-index:2;color:#f0a08f;font-size:var(--fs-caption);text-align:center;word-break:keep-all;margin:10px 0 0;position:relative}.arena-shell .status-bar{border-radius:20px;grid-template-columns:1fr 1fr;align-items:center;gap:22px;min-height:88px;margin-top:14px;padding:14px 24px;display:grid}.status-bar>*+*{position:relative}.status-bar>*+:before{content:"";background:#ffffff14;width:1px;height:46px;position:absolute;top:50%;left:-11px;transform:translateY(-50%)}.fair-play,.online-players{justify-content:center;align-items:center;gap:13px;display:flex}.fair-play div,.online-players div{flex-direction:column;min-width:0;display:flex}.fair-play span,.online-players span{color:#a9afb2;font-size:var(--fs-caption);letter-spacing:var(--tr-mid);margin-top:6px;font-weight:700}.fair-play>svg:first-child,.online-players>svg:first-child{color:#b4b9bc;flex:none;width:32px;height:32px}.fair-play strong,.online-players strong{color:#6ee4bc;font-size:var(--fs-title);font-variant-numeric:tabular-nums;margin-top:3px}.fair-play small{color:#8d9296;font-size:var(--fs-caption);font-weight:400}.help{color:#596268;flex:none;width:22px;height:22px;margin-left:2px}.arena-modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030609c7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.arena-modal{background:linear-gradient(145deg,#141c22fa,#0b1015fa);border:1px solid #adc6c933;border-radius:20px;width:min(440px,100%);max-height:92vh;padding:24px 24px 20px;position:relative;overflow-y:auto;box-shadow:0 24px 70px #0009}.arena-modal h2{font-size:var(--fs-display);letter-spacing:var(--tr-mid);margin:0 0 6px;font-weight:900}.arena-modal-lead{color:#9aa7b6;font-size:var(--fs-label);word-break:keep-all;text-wrap:pretty;margin:0 0 18px}.arena-modal-close{color:#7f8d99;font-size:var(--fs-hero);cursor:pointer;background:0 0;border:0;line-height:1;position:absolute;top:12px;right:14px}.arena-field{margin-bottom:14px;display:block}.arena-field>span{color:#aeb3b7;font-size:var(--fs-label);letter-spacing:var(--tr-mid);margin-bottom:7px;font-weight:800;display:block}.arena-field>span em{color:#e9ba50;font-style:normal}.arena-field input{color:#eef4f2;width:100%;height:42px;font-size:var(--fs-body);background:#05080a80;border:1px solid #ffffff21;border-radius:11px;padding:0 13px}.arena-field input:focus{border-color:#78ecc799;outline:none;box-shadow:0 0 0 2px #78ecc71f}.arena-seg{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.arena-seg.tiers{grid-template-columns:repeat(4,minmax(0,1fr))}.arena-seg button{color:#aeb8c4;min-height:40px;font-size:var(--fs-label);letter-spacing:var(--tr-mid);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff1f;border-radius:11px;padding:0 6px;font-weight:800;overflow:hidden}.arena-seg button.active{color:#cbfff0;background:#78ecc71a;border-color:#78ecc7b3}.arena-seg button.locked{opacity:.5}.arena-modal-hint{color:#7f8d99;font-size:var(--fs-caption);word-break:keep-all;margin:-6px 0 14px}.arena-modal-actions{grid-template-columns:1fr 1.3fr;gap:9px;margin-top:18px;display:grid}.arena-modal-actions button{color:#cfd8e2;min-height:46px;font-size:var(--fs-body);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:13px;font-weight:800}.arena-modal-actions button.primary{color:#071016;background:linear-gradient(100deg,#62d6b8,#9aefc5);border-color:#0000}.arena-modal-actions button:disabled{opacity:.5;cursor:default}.arena-code-card{cursor:pointer;background:#2c271b80;border:1px solid #e9b84e66;border-radius:15px;gap:5px;width:100%;margin-bottom:4px;padding:18px;display:grid}.arena-code-card small{color:#aeb3b7;font-size:var(--fs-caption);letter-spacing:var(--tr-label);font-weight:800}.arena-code-card strong{color:#f0cc78;font-size:var(--fs-hero);letter-spacing:.22em;font-variant-numeric:tabular-nums;font-weight:900}.arena-code-card span{color:#8d9297;font-size:var(--fs-caption)}@media (max-width:1180px){.dashboard-grid{grid-template-columns:minmax(0,1fr);max-width:880px;margin:0 auto}.dashboard-main{display:contents}.dashboard-side{order:2}.arena-shell .dashboard-main>.status-bar{order:3;margin-top:0}.intro,.arena-shell .status-bar{max-width:880px;margin-left:auto;margin-right:auto}.arena-shell .status-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.status-bar>*+:before{display:none}}@media (max-width:780px){.arena-shell .dashboard{padding:20px 12px calc(96px + env(safe-area-inset-bottom,0px))}.dashboard-grid{gap:14px}.arena-shell .panel{border-radius:17px;padding:16px 13px 14px}.mode-card{min-height:104px}.mode-meta{row-gap:4px}.mode-meta .meta-break{background:0 0;flex-basis:100%;width:0;height:0;display:block}.mode-list .mode-card .mode-meta>span{flex:0 0 100%}.mode-list .mode-card .mode-meta>i{display:none}.mode-content{padding:9px 18px}.mode-content strong{font-size:1.65rem}.mode-meta{font-size:var(--fs-label);gap:9px;margin-top:6px}.mode-online,.mode-lock{font-size:var(--fs-caption);padding:2.5px 8px}.room-actions{grid-template-columns:1fr}.arena-shell .status-bar{grid-template-columns:1fr 1fr;gap:18px 12px;padding:16px}}@media (max-width:430px){.intro-symbol{display:none}.intro h1{font-size:1.6rem}.arena-shell .status-bar{grid-template-columns:1fr}.otp-slot{width:30px;height:36px}}@media (prefers-reduced-motion:reduce){.arena-shell *,.arena-shell :before,.arena-shell :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (min-width:1181px){.arena-shell{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.arena-shell .dashboard{flex-direction:column;flex:1;min-height:0;padding-top:clamp(10px,1.8vh,28px);padding-bottom:clamp(10px,1.6vh,24px);display:flex;overflow:hidden auto}.dashboard-grid{flex:1;min-height:0}.dashboard-main,.dashboard-side{min-height:0}.dashboard-side>.panel{flex:none}.dashboard-side>.jackpot-panel{flex-direction:column;flex:auto;min-height:0;display:flex}.jackpot-panel .jp-head,.jackpot-panel .jp-body{flex:none}.jackpot-panel .jp-stage{flex:auto;min-height:92px}.jackpot-panel .jp-total{bottom:max(6px,8%)}.arena-shell .dashboard-main>.status-bar{margin-top:0}.friends-panel .eyebrow{margin-bottom:10px}.room-actions{margin-top:12px}.room-card{padding:16px 16px 14px}.room-card h3{margin-bottom:10px}.jp-body{padding:8px 16px 10px}.jp-cell{padding:6px 10px}.jp-recent{margin-top:6px}.jp-rules{margin-top:5px}.intro{margin-bottom:clamp(8px,1.3vh,15px)}.jp-stage{max-height:clamp(112px,24vh,260px)}}@media (min-width:1181px) and (max-height:1120px){.arena-shell .panel{padding:16px 20px 14px}.panel-title{margin-bottom:10px}.intro h1{font-size:clamp(1.5rem,2vw,2.1rem)}.intro p{margin-top:5px}.mode-card{min-height:104px}.mode-content{padding:12px 16px}.mode-content strong{font-size:clamp(1.5rem,2.1vw,2.1rem)}.mode-meta{margin-top:6px}.arena-shell .status-bar{min-height:72px;padding:10px 24px}.room-facts{gap:5px;margin-top:10px}.room-facts li{padding:5px 10px}.create-action{margin-top:12px}.jp-head{padding:10px 20px 8px}.jp-body{padding:8px 16px 10px}.jp-cell{padding:5px 10px}.jp-recent{margin-top:6px}.jp-rules{margin-top:5px}}@media (min-width:1181px) and (max-height:900px){.ar-topbar{height:78px}.ar-topbar .ar-brand img{height:60px}.arena-shell .panel{padding:12px 18px}.intro{gap:12px}.intro-crest{width:40px;height:40px}.intro h1{font-size:clamp(1.3rem,1.7vw,1.7rem)}.mode-list{gap:7px}.mode-card{min-height:90px}.mode-content{padding:9px 14px}.mode-content strong{font-size:clamp(1.3rem,1.8vw,1.8rem)}.mode-meta{margin-top:4px}.dashboard-main,.dashboard-side{gap:10px}.arena-shell .status-bar{min-height:60px;margin-top:auto;padding:8px 20px}.jp-stage{max-height:clamp(104px,21vh,220px)}.jp-rules{display:none}.jp-recent li{padding:3px 10px}}@media (min-width:1181px) and (max-height:820px){.room-card{padding-top:12px;padding-bottom:12px}.room-card h3{margin-bottom:8px}.room-actions{margin-top:10px}.friends-panel .eyebrow{margin-bottom:8px}}@media (min-width:1181px) and (max-height:740px){.jp-recent{display:none}}@media (min-width:1181px) and (max-height:690px){.intro{display:none}.mode-card{min-height:66px}.mode-content{padding:5px 12px}.arena-shell .dashboard{padding-top:6px;padding-bottom:6px}.arena-shell .panel{padding:10px 16px}.panel-title{margin-bottom:6px}.jp-head{padding:6px 16px 4px}.jp-body{padding:6px 12px}.jp-cell{padding:3px 8px}.room-card{padding-top:8px;padding-bottom:8px}.arena-shell .status-bar{min-height:46px;padding:6px 16px}}@media (min-width:1181px) and (max-height:780px){.ar-topbar{height:66px}.ar-topbar .ar-brand img{height:50px}.arena-shell .dashboard{padding-top:8px;padding-bottom:8px}.intro{margin-bottom:6px}.intro p{display:none}.mode-card{min-height:78px}.mode-content{padding:7px 14px}.mode-content strong{font-size:clamp(1.15rem,1.5vw,1.5rem)}.match-hint{display:none}.jp-stage{max-height:clamp(96px,18vh,180px)}.jp-recent-label{margin-bottom:3px}.arena-shell .status-bar{min-height:52px}}