@font-face { font-family:Michroma; font-style:normal; font-weight:400; font-display:swap; src:url('/assets/type-054/michroma.ttf') format('truetype'); }
:root { --brand-font:Michroma,Arial,sans-serif; }
.topbar .brand-text { font-family:var(--brand-font); font-size:23px; font-weight:400; letter-spacing:0; }
.topbar .brand-text>span { font-weight:400; -webkit-text-stroke:.6px currentColor; }
.topbar .brand-sub { font-size:6px; letter-spacing:0; margin-top:9px; }
.overline,.dashboard-kicker,.spotlight-kicker>span:first-of-type,.arena-eyebrow,.destination-eyebrow { font-family:var(--brand-font); font-weight:400; letter-spacing:0; }
.overline,.dashboard-kicker { font-size:8px; line-height:1.7; }
.console-home .console-stage:has(.player-column) { grid-template-columns:minmax(0,1fr) 230px; gap:32px; align-items:stretch; }
.player-column { align-self:stretch; display:flex; flex-direction:column; min-width:0; padding:22px 0 22px 22px; border-left:1px solid #ffffff26; background:linear-gradient(90deg,#08090bc9,#08090b88); z-index:1; }
.player-column-profile { display:flex; align-items:center; gap:10px; margin-top:20px; }
.player-column-profile>span:not(.avatar) { flex:1; min-width:0; }
.player-column-profile>.avatar { flex:0 0 46px; width:46px; height:46px; }
.player-column-profile>.avatar img { width:46px; height:46px; object-fit:cover; }
.player-column-profile strong { font-size:17px; display:block; overflow-wrap:anywhere; }
.player-column-profile small { font-size:7px; display:block; margin-top:7px; color:#aeb8c3; }
.player-column-level { display:flex; align-items:baseline; gap:13px; margin:24px 0 14px; }
.player-column-level>span { font:9px var(--brand-font); color:#cabd99; }
.player-column-level>strong { font-size:38px; color:#f8d576; line-height:1; }
.player-column-progress>span { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:12px; }
.player-column-progress strong { font-size:12px; }
.player-column-progress small { font-size:7px; color:#bdc3c9; }
.player-column-progress .progress-track { height:4px; }
.player-column-achievements,.player-column-vault { display:flex; align-items:center; gap:10px; min-height:44px; font-size:11px; }
.player-column-achievements { margin-top:14px; }
.player-column-achievements>span { flex:1; }
.player-column-achievements>.icon { color:#e9d393; }
.player-column-vault { margin-top:auto; padding-top:18px; justify-content:space-between; color:#f7dda2; }
.player-column a:hover { color:#ffda78; }
.player-column a:focus-visible { outline:2px solid #ffda78; outline-offset:4px; }
body[data-surface="home"] .console-stage:has(.player-column) .scene-image { right:210px; width:72%; object-position:70% center; }
.platform-footer { display:grid; grid-template-columns:1fr auto; gap:15px 24px; align-items:center; padding-block:23px; }
.footer-contact { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:7px 24px; order:3; }
.footer-contact a { font-size:11px; letter-spacing:0; line-height:1.6; min-height:32px; display:inline-flex; align-items:center; color:#c1c6cf; overflow-wrap:anywhere; }
.footer-contact a:hover { color:#ffda78; }
.footer-contact a:focus-visible { outline:2px solid #ffda78; outline-offset:3px; }
@media(max-width:1250px) { .topbar .brand-text { font-size:21px; } .topbar .brand-sub { font-size:5px; } .console-home .console-stage:has(.player-column) { grid-template-columns:minmax(0,1fr) 205px; gap:20px; } }
@media(max-width:900px) {
 .console-home .console-stage:has(.player-column) { grid-template-columns:1fr; }
 body[data-surface="home"] .console-stage:has(.player-column) .scene-image { right:0; width:100%; }
 .player-column { border-left:0; border-top:1px solid #ffffff26; padding:16px 0; display:grid; grid-template-columns:1fr 1fr; gap:12px 20px; background:#08090bb3; }
 .player-column>.overline { grid-column:1/-1; }
 .player-column-profile,.player-column-level,.player-column-achievements,.player-column-vault { margin:0; }
 .player-column-level { justify-content:flex-end; }
 .player-column-progress { grid-column:1/-1; }
 .player-column-vault { padding:0; }
}
@media(max-width:760px) { .topbar .brand-text { font-size:20px; } .topbar .brand-sub { font-size:5px; } .platform-footer { grid-template-columns:1fr; gap:14px; } .footer-contact { gap:5px 18px; } .platform-footer>.footer-links { justify-content:flex-start; } }
@media(max-width:380px) { .topbar .brand-text { font-size:17px; } .topbar .brand-sub { font-size:4px; } .topbar .brand { gap:5px; } .player-column-profile strong { font-size:14px; } }
.topbar .brand .brand-sub { display:block; font-family:Arial,sans-serif; font-size:9px; font-weight:600; line-height:1.2; letter-spacing:0; margin-top:3px; color:#cdd0d5; }
.player-column-guest .guest-id-mark { width:64px; height:64px; margin:23px 0 16px; object-fit:contain; }
.player-column-guest h2 { font-size:25px; line-height:1.2; margin:0 0 13px; letter-spacing:0; }
.player-column-guest p { font-size:12px; line-height:1.65; color:#b7c0cb; margin:0 0 18px; }
.guest-id-connect,.guest-id-explore { display:flex; align-items:center; gap:10px; min-height:44px; font-size:11px; }
.guest-id-connect { justify-content:space-between; margin-top:auto; color:#ffe09a; border-top:1px solid #d9bd6b44; }
.guest-id-explore { color:#bfc7d0; }
.guest-id-explore>.icon:last-child { margin-left:auto; }
.platform-footer.footer-055 { position:relative; grid-template-columns:210px minmax(0,1fr); gap:28px 35px; padding:30px 0 16px; border-top:1px solid #d5bc7044; }
.footer-055:before { content:''; position:absolute; top:-1px; left:0; width:72px; height:2px; background:#efc85d; }
.footer-signature { display:flex; align-items:flex-start; gap:11px; padding-top:3px; }
.footer-signature img { width:38px; height:38px; }
.footer-signature strong { display:block; font:18px var(--brand-font); color:#f1f3f5; letter-spacing:0; }
.footer-signature strong>span { color:#ffd66a; }
.footer-signature small { display:block; margin-top:9px; font-size:8px; line-height:1.6; color:#aab4bf; letter-spacing:0; }
.footer-055 .footer-contact { grid-column:auto; order:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.footer-contact h2 { font:8px/1.7 var(--brand-font); color:#cfbc8b; margin:0 0 13px; letter-spacing:0; }
.footer-055 .footer-channel { display:flex; align-items:center; gap:10px; padding:8px 0; min-height:58px; width:100%; border-bottom:1px solid #ffffff0b; transition:color .2s; }
.footer-channel-icon { display:grid; place-items:center; width:31px; height:31px; flex:0 0 31px; color:#d8c187; background:#e6c96608; border:1px solid #e6c96622; border-radius:5px; }
.footer-x { font-size:17px; font-weight:600; }
.footer-channel>span:nth-child(2) { flex:1; min-width:0; }
.footer-channel strong { font-size:12px; font-weight:600; color:#e8ecf0; letter-spacing:0; display:block; }
.footer-channel small { font-size:10px; color:#9daab8; letter-spacing:0; display:block; margin-top:4px; overflow-wrap:anywhere; }
.footer-channel>.icon { color:#737e89; flex-shrink:0; }
.footer-channel:hover .footer-channel-icon { color:#ffe19a; border-color:#ddbd6d99; }
.footer-channel:hover strong,.footer-channel:hover>.icon { color:#ffdb7f; }
.footer-utility { grid-column:1/-1; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; border-top:1px solid #ffffff14; padding-top:15px; font-size:8px; color:#727e8b; }
.footer-utility .footer-links a { display:flex; align-items:center; gap:10px; min-height:32px; }
@media(max-width:1100px) { .platform-footer.footer-055 { grid-template-columns:1fr; gap:24px; } .footer-signature { align-items:center; } .footer-signature small { margin-top:5px; } }
@media(max-width:600px) { .footer-055 .footer-contact { grid-template-columns:1fr 1fr; gap:22px; } .footer-contact>section:first-child { grid-column:1/-1; } .footer-contact>section:first-child .footer-channel { max-width:330px; } }
@media(max-width:900px) { .player-column-guest { display:grid; grid-template-columns:64px 1fr; } .player-column-guest .guest-id-mark { grid-row:2/4; margin:0; } .player-column-guest h2 { margin:0; } .player-column-guest p { margin:0; } .guest-id-connect,.guest-id-explore { grid-column:1/-1; } }
@media(max-width:380px) { .topbar .brand .brand-sub { font-size:8px; } }