/* One quiet black-glass shell. Content, navigation and utilities share the same grid. */
:root{--top-h:70px;--chrome-accent:#c4b5fd}
.site-skip{position:fixed;z-index:1600;left:16px;top:10px;padding:12px 16px;border:1px solid #c4b5fd70;border-radius:8px;background:#08070c;color:#fff;transform:translateY(-170%)}.site-skip:focus{transform:none}
.top--signal{height:var(--top-h);padding:0;border:0;background:transparent}
.top--signal::before{background:rgba(0,0,0,.86);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid #ffffff10}
.top--signal .top__inner{position:relative;height:100%;width:100%;max-width:var(--shell);padding:0 20px;gap:30px;border:0;border-radius:0;background:none;box-shadow:none}
.top--signal .top__brand{flex:none;gap:13px}.top--signal .brand{gap:9px;color:#f1eff6}.top--signal .brand:hover{opacity:1;text-decoration:none}
.brand__orbit{position:relative;display:grid;place-items:center;width:34px;height:34px;flex:none}.brand__orbit img{width:32px;height:32px;object-fit:contain;transition:transform .2s}.brand:hover .brand__orbit img{transform:rotate(-8deg) scale(1.08)}
.brand__word{display:flex;align-items:baseline;gap:5px;font-size:18px;line-height:1;font-weight:750;letter-spacing:-.7px}.brand__word small{font:500 10px monospace;letter-spacing:-.3px;color:#88808f}
.top--signal .nav{align-self:stretch;gap:22px;align-items:center}.nav__caption{display:none}
.top--signal .nav a{position:relative;display:flex;align-items:center;min-height:44px;padding:0;border:0;border-radius:0;background:transparent;color:#9b96a3;font-size:12px;font-weight:500;white-space:nowrap;transition:color .18s}
.top--signal .nav a:hover{color:#fff;text-decoration:none;background:none}.top--signal .nav a::after{content:'';position:absolute;inset:auto 0 3px;height:1px;background:var(--chrome-accent);transform:scaleX(0);transform-origin:left;transition:transform .2s;opacity:.55}.top--signal .nav a:hover::after{transform:scaleX(1)}
.top--signal .nav a[aria-current=page]{color:#f5f2fc}.top--signal .nav a[aria-current=page]::after{transform:scaleX(1);opacity:1}.top--signal .nav a[aria-current=page]::before{content:'';position:absolute;left:50%;bottom:-8px;width:5px;height:5px;background:var(--chrome-accent);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);transform:translateX(-50%)}
.top--signal .top__actions{margin-left:auto;gap:9px;flex:none}.top--signal .notice-trigger{width:34px;height:36px;border-radius:9px;border-color:transparent;background:none;color:#aaa3b4}.top--signal .notice-trigger:hover{border-color:#ffffff16;background:#ffffff06}
.top--signal .balance-trigger{min-height:36px;padding:0 8px 0 12px;gap:8px;border-color:#ffffff12;border-radius:9px;background:#ffffff03}.top--signal .balance-trigger>span{font-size:9px;color:#97909e}.top--signal .balance-trigger strong{font-size:11px;color:#eeeaf5}.top--signal .balance-trigger b{width:20px;height:20px;border-radius:6px;color:#d5c9f2;background:#c4b5fd12}.top--signal .balance-trigger:hover{background:#ffffff07;border-color:#c4b5fd3d}
.top--signal .user-trigger{min-height:36px;padding:3px 0 3px 4px;gap:9px;border:1px solid transparent;border-radius:9px;background:transparent}.top--signal .user-trigger:hover,.top--signal .user-trigger[aria-expanded=true]{background:#ffffff04;border-color:#ffffff13}.top--signal .user-trigger .avatar{width:28px;height:28px;border-radius:50%;border-color:#ffffff1c}.top--signal .purse b{display:block;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.top--signal .user-trigger__arrow{margin-right:6px;color:#92899f}
.top--signal .btn--steam{min-height:36px;padding:0 15px;border:1px solid #c4b5fd35;border-radius:9px;background:#c4b5fd0a;color:#e9e0ff;font-size:12px}.top--signal .btn--steam:hover{border-color:#c4b5fd60;background:#c4b5fd15}
.top--signal .user-menu,.top--signal .notice-menu{border-color:#ffffff1c;border-radius:14px;background:linear-gradient(135deg,#ffffff04,transparent),rgba(2,2,4,.98);box-shadow:0 20px 60px #000b;backdrop-filter:blur(22px)}
.top--signal :is(a,button):focus-visible,.foot--refined :is(a,button):focus-visible{outline:2px solid #c4b5fd;outline-offset:4px}
.nav-backdrop{position:fixed;inset:var(--top-h) 0 0;z-index:90;border:0;padding:0;background:#0009;backdrop-filter:blur(3px)}.nav-backdrop[hidden]{display:none}
@media(min-width:1061px){.nav-backdrop{display:none}}
/* No oversized closing banner, fake server status, or duplicated action blocks. */
.foot--refined{position:relative;margin-top:40px;padding:0 0 16px;background:#000;border-top:0;overflow:visible}.foot--refined::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#c4b5fd2a 28%,#ffffff17 70%,transparent)}
.footer-frame{max-width:var(--shell);padding:0 20px;margin:0 auto}.footer-main{display:flex;align-items:flex-start;justify-content:space-between;gap:44px;padding:28px 0 22px}.footer-identity{max-width:320px;flex:0 1 320px}
.foot--refined .footer-logo{display:inline-flex;align-items:center;gap:10px;color:#f3effa;text-decoration:none}.footer-logo img{width:36px;height:36px;object-fit:contain;transition:transform .2s}.footer-logo:hover img{transform:rotate(-8deg)}.footer-logo>span{display:flex;flex-direction:column;gap:5px;font-size:19px;line-height:1;font-weight:700;letter-spacing:-.6px}.footer-logo small{color:#99919f;font-size:10px;font-weight:400;letter-spacing:0}.footer-identity p{margin:12px 0 0;color:#8f8798;font-size:11px;line-height:1.65;overflow-wrap:anywhere}
.footer-navigation{display:flex;flex-direction:column;gap:16px;max-width:700px;min-width:0;padding-top:4px}.footer-link-group{display:grid;grid-template-columns:65px minmax(0,1fr);align-items:baseline;gap:22px}.footer-link-group>span{color:#6f667d;font:500 10px var(--font);white-space:normal;overflow-wrap:anywhere}.footer-link-group>div{display:flex;flex-wrap:wrap;gap:6px 24px}.foot--refined .footer-link-group a{position:relative;display:inline-flex;align-items:center;min-height:27px;font-size:12px;color:#b4adbf;transition:color .18s;overflow-wrap:anywhere;max-width:100%}.footer-link-group a:after{content:'';position:absolute;left:0;right:0;bottom:2px;height:1px;background:#c4b5fd80;transform:scaleX(0);transform-origin:left;transition:transform .18s}.foot--refined .footer-link-group a:hover{color:#f1eaff;text-decoration:none}.footer-link-group a:hover:after{transform:scaleX(1)}
.footer-community{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:20px;margin:-3px 0 16px}.foot--refined .footer-community a{display:inline-flex;align-items:center;gap:7px;min-height:28px;color:#9c92ad;font-size:11px}.footer-community a>span{color:#76678d;transition:transform .18s}.footer-community a:hover>span{transform:translate(2px,-2px)}
.footer-preferences .lang__menu{top:auto;bottom:calc(100% + 9px);left:0;right:auto;background:rgba(4,3,7,.98);border-color:#ffffff21;max-width:calc(100vw - 32px)}.footer-preferences .lang__menu a[aria-current=true]{color:#e6d8ff;background:#c4b5fd10}
.footer-utilities{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 150px 0 0;border-top:1px solid #ffffff0b}.footer-copyright{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#89808f;font-size:10px;line-height:1.6}.footer-copyright>span{color:#b4a0d1;font-size:11px}.foot--refined .footer-copyright a{color:#99909f;font-size:10px}.footer-preferences{display:flex;align-items:center;gap:8px;flex:none}.footer-preferences .lang__btn,.foot--refined .footer-control-btn{height:34px;min-height:34px;border:1px solid #ffffff13;border-radius:8px;background:#ffffff02;color:#b2a9bf;font-size:10px}.footer-preferences .lang__btn:hover,.foot--refined .footer-control-btn:hover{border-color:#ffffff30;background:#ffffff06;color:#fff}.foot--refined .foot__back{display:flex;align-items:center;gap:9px;min-height:34px;padding:0 9px;border:1px solid transparent;border-radius:8px;background:transparent;color:#b2a9bf;font:500 10px var(--font);cursor:pointer;transition:color .18s,background .18s}.foot--refined .foot__back>span:last-child{font-size:14px}.foot--refined .foot__back:hover{color:#fff;background:#ffffff06}
@media(max-width:1200px){.top--signal .top__inner{gap:24px}.top--signal .nav{gap:15px}.top--signal .nav a{font-size:11px}.top--signal .purse b{max-width:105px}}
@media(max-width:1060px){
 .top--signal .top__inner{gap:16px}.top--signal .burger{display:grid;place-items:center;width:34px;height:34px;padding:8px;border-radius:8px;border-color:#ffffff14;background:#ffffff02}.top--signal .burger svg{width:17px}.top--signal .burger[aria-expanded=true]{border-color:#c4b5fd50;background:#c4b5fd0a}
 .top--signal .nav{display:none;position:absolute;inset:calc(100% + 6px) 20px auto;max-height:calc(100dvh - var(--top-h) - 22px);overflow:auto;padding:12px;flex-direction:column;align-items:stretch;gap:3px;border:1px solid #ffffff1d;border-radius:14px;background:rgba(3,2,6,.98);box-shadow:0 20px 60px #0009;backdrop-filter:blur(24px)}.top--signal .nav.open{display:flex;animation:chrome-menu .18s ease both}.nav__caption{display:flex;align-items:center;justify-content:space-between;padding:5px 10px 13px;margin-bottom:4px;border-bottom:1px solid #ffffff0c;color:#968ca5;font:500 9px monospace;letter-spacing:.06em}.nav__caption>span{color:#6d617e;font-size:8px}
 .top--signal .nav a{padding:12px 10px;min-height:44px;border-radius:8px;font-size:13px}.top--signal .nav a[aria-current=page]{background:#c4b5fd09}.top--signal .nav a::after,.top--signal .nav a:hover::after{content:'↗';position:static;margin-left:auto;inset:auto;height:auto;background:none;transform:none;opacity:.7;color:#9a83bb;font-size:14px}.top--signal .nav a[aria-current=page]::before{position:static;flex:none;transform:none;margin-right:10px;width:8px;height:8px}.top--signal .nav a:hover{background:#ffffff05}
 .footer-main{gap:30px}.footer-link-group{grid-template-columns:55px minmax(0,1fr);gap:12px}.footer-link-group>div{gap:4px 18px}
}
@media(max-width:700px){.top--signal .notice-menu{top:calc(var(--top-h) + 6px)}.footer-main{flex-direction:column;gap:22px;padding-top:25px}.footer-identity{flex:none;max-width:100%}.footer-identity p{max-width:380px;font-size:11px}.footer-navigation{width:100%;padding:0;gap:14px}.footer-link-group{grid-template-columns:60px minmax(0,1fr)}.footer-community{justify-content:flex-start;margin-top:0}.footer-utilities{padding-right:60px;align-items:flex-start;flex-direction:column;gap:12px}.footer-preferences{width:100%}.footer-preferences .foot__back{margin-left:auto}.footer-copyright{font-size:10px}}
@media(max-width:600px){:root{--top-h:64px}.top--signal .top__inner{padding:0 12px;gap:8px}.top--signal .top__brand{gap:8px}.top--signal .top__actions{gap:5px}.top--signal .nav{left:12px;right:12px}.brand__orbit{width:28px;height:28px}.brand__orbit img{width:28px;height:28px}.brand__word{font-size:17px}.brand__word small{display:none}.top--signal .purse{display:none}.top--signal .user-trigger{gap:5px;padding-left:2px}.top--signal .balance-trigger{padding:0 6px 0 8px;gap:6px}.top--signal .balance-trigger>span{display:none}.top--signal .balance-trigger strong{font-size:10px}.top--signal .btn--steam{font-size:11px;padding:0 10px}.top--signal .user-menu{min-width:215px}.foot--refined{margin-top:30px}.footer-frame{padding:0 16px}.footer-link-group>div{gap:5px 18px}.footer-link-group a{font-size:11px}.footer-utilities{padding-top:12px}.footer-preferences{gap:5px}}
@media(max-width:380px){.brand__word{display:none}.footer-link-group{grid-template-columns:1fr;gap:2px}.footer-link-group>span{font-size:10px}.footer-link-group>div{gap:4px 16px}.footer-main{padding-bottom:20px}.footer-logo small{font-size:10px}.footer-preferences .foot__back>span:first-child{display:none}}
@media(prefers-reduced-motion:reduce){.top--signal *, .foot--refined *{transition:none!important;animation:none!important}}
@keyframes chrome-menu{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}