.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}.rank-points.tm span{letter-spacing:.02em;font-size:9px;display:inline}}@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:400px){.header-toggles{gap:3px}.ar-chip{padding:0 6px}.ar-wallet{gap:6px;padding:0 9px 0 4px}.rank-points{padding-left:8px}.rank-points strong{font-size:14px}.ar-topbar{gap:3px}}@media (max-width:380px){.ar-bgm{display:none}.rank-points strong{font-size:13px}.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)}}
