@import url('/fonts.css');
@import url('/account-badges.css');
@import url('/cursor.css');
@import url('/search.css');
@import url('/app-shell.css');
@import url('/account-menu.css');
*{box-sizing:border-box}body{margin:0;font:14px Arial,Helvetica,sans-serif;color:#343434;background:#e5e5e5}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}[hidden]{display:none!important}:focus-visible{outline:3px solid #f4b32c;outline-offset:3px}.platform-header{height:48px;position:fixed;inset:0 0 auto;z-index:10;background:#4b80f7;color:#fff;display:flex;align-items:center;gap:28px;padding:0 20px;box-shadow:0 1px 3px #0002}.platform-logo{display:flex;align-items:center;gap:8px;font-size:23px;font-weight:800;letter-spacing:-1px}.platform-logo img{filter:none;border-radius:5px}.platform-logo span{color:#ffda8f;margin-left:-8px}.platform-header nav{display:flex;gap:30px;white-space:nowrap}.platform-header nav a{padding:15px 0}.platform-header form{display:flex;max-width:560px;flex:1;min-width:110px;background:#fff;border-radius:3px;overflow:hidden;height:30px}.platform-header input{width:100%;border:0;min-width:0;padding:6px 10px}.platform-header form button{border:0;background:#fff;font-size:25px;color:#666;width:36px}.platform-settings{margin-left:auto;font-size:25px}.platform-sidebar{position:fixed;top:48px;left:0;bottom:0;width:184px;background:#fff;padding:14px 12px;box-shadow:1px 0 3px #0001;overflow:auto}.sidebar-user{display:flex;align-items:center;gap:7px;border-bottom:1px solid #ddd;padding-bottom:13px;margin-bottom:12px;font-size:12px}.sidebar-user strong{overflow-wrap:anywhere}.sidebar-user canvas{display:block;width:34px;height:34px;object-fit:cover;border-radius:50%;background:#eee}.platform-sidebar nav{display:flex;flex-direction:column;gap:4px}.platform-sidebar nav a{display:flex;align-items:center;gap:11px;font-size:21px;padding:8px 6px;border-radius:3px}.platform-sidebar nav a span{font-size:14px}.platform-sidebar nav a:hover{background:#edf2ff;color:#3269d8}.sidebar-soon{font-size:11px;line-height:1.6;color:#888;padding:15px 6px}.platform-sidebar>button{display:block;background:none;border:0;text-align:left;color:#666;padding:10px 6px;font-size:12px}.platform-sidebar>button:hover{text-decoration:underline}#platform-error{font-size:12px;color:#a03131}.platform-main{margin:48px 0 0 184px;padding:25px clamp(24px,5vw,95px) 70px;max-width:1650px}h1{font-size:28px;font-weight:400;margin:0 0 12px}h2{font-size:24px;font-weight:400;margin:0}h3{font-size:16px;font-weight:400}.home-greeting{color:#737373;margin-bottom:30px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:28px 0 20px}.section-heading>a,.blue-button{background:#4e91f5;color:#fff;border-radius:3px;font-size:13px;padding:7px 22px}.game-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,205px));gap:16px}.game-card{background:#fff;border-radius:3px;overflow:hidden;box-shadow:0 2px 5px #0003;transition:transform .15s}.game-card:hover{transform:translateY(-3px)}.game-card img{display:block;width:100%;height:175px;object-fit:cover;background:#c8d1dc}.game-card a>div{padding:11px 13px 15px}.game-card h3{margin:0 0 9px;color:#36618e}.game-card p{font-size:11px;line-height:1.5;color:#888;margin:4px 0}.game-card p:last-child{min-height:48px}.home-actions{margin-top:38px}.home-actions>div{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}.home-actions a{padding:22px;background:#fff;border:1px solid #d5d5d5;border-radius:4px;flex:1;min-width:180px;max-width:320px}.home-actions strong{display:block;font-size:15px;color:#36618e}.home-actions span{display:block;font-size:12px;color:#888;margin-top:10px;line-height:1.5}.player-search-results{position:fixed;z-index:12;top:55px;right:25px;width:min(520px,calc(100vw - 35px));background:#fff;padding:0 20px 20px;border:1px solid #ccc;box-shadow:0 6px 25px #0003}.player-search-results button{background:#eee;border:1px solid #ccc;padding:5px 10px}.player-search-results a{display:block;padding:12px;border-bottom:1px solid #eee;color:#3566a2}.profile-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:5px 0 28px}.profile-heading p{color:#777;font-size:12px}.profile-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(310px,1.1fr);gap:22px}.profile-avatar,.profile-outfit{padding:22px;background:#fff;border:1px solid #d5d5d5;min-width:0}.profile-avatar canvas{display:block;width:100%;height:430px;touch-action:pan-y;cursor:grab}.profile-avatar p{text-align:center;color:#888;font-size:12px}.profile-note{font-size:12px;color:#777;line-height:1.5}.wearing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.wearing-card{border:1px solid #ddd;overflow:hidden;background:#fafafa}.wearing-card canvas,.wearing-card img,.wearing-symbol{display:block;width:100%;height:115px;object-fit:contain;background:#e8eddf}.wearing-symbol{display:grid;place-items:center;font-size:48px;color:#507191}.wearing-card strong,.wearing-card span{display:block;padding:8px 10px 0;font-size:12px;overflow-wrap:anywhere}.wearing-card span{padding:5px 10px 10px;font-size:11px;color:#888;text-transform:capitalize}
@media(max-width:900px){.platform-header{gap:15px;padding:0 12px}.platform-header nav{gap:14px;font-size:12px}.platform-main{padding:25px}.profile-layout{grid-template-columns:1fr}.platform-sidebar{width:160px}.platform-main{margin-left:160px}.platform-logo{font-size:19px}.platform-logo img{width:23px;height:23px}}
@media(max-width:600px){.platform-header{height:94px;flex-wrap:wrap;align-content:center;gap:9px 16px}.platform-header nav{margin-left:auto}.platform-header nav a{padding:5px 0}.platform-header .platform-settings{position:absolute;right:14px;bottom:11px}.platform-header form{flex-basis:calc(100% - 45px);max-width:calc(100% - 45px)}.platform-sidebar{top:94px;width:55px;padding:10px 4px}.sidebar-user{justify-content:center}.sidebar-user strong,.platform-sidebar nav a span,.sidebar-soon,.platform-sidebar>button{display:none}.platform-sidebar nav a{justify-content:center;padding:10px 0}.platform-main{margin:94px 0 0 55px;padding:22px 15px}.game-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-card img{height:120px}.game-card a>div{padding:10px}.game-card h3{font-size:14px}.game-card p:last-child{display:none}.section-heading h2{font-size:19px}.section-heading>a{padding:7px 10px;font-size:11px}.profile-heading{align-items:start;flex-direction:column}.profile-avatar,.profile-outfit{padding:15px}.profile-avatar canvas{height:340px}.profile-layout{grid-template-columns:minmax(0,1fr)}.wearing-grid{gap:8px}.player-search-results{top:100px}.home-actions a{max-width:none}.platform-header nav{gap:10px;font-size:11px}.platform-logo{font-size:17px}}

/* Preserve visible account navigation at narrow viewport widths. */
.platform-sidebar nav a[aria-current="page"]{background:#edf2ff;color:#3269d8}
.platform-sidebar>button:disabled{opacity:.5;cursor:wait}
.sidebar-user #sidebar-portrait{flex-shrink:0}
@media(max-width:600px){
  .platform-sidebar>button{display:block;font-size:9px;line-height:1.5;padding:10px 2px;width:100%;text-align:center;overflow-wrap:anywhere;min-height:44px}
  .home-actions a{min-width:0;flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){.game-card{transition:none}.game-card:hover{transform:none}}
.header-wallet{display:flex;gap:7px;align-items:center;margin-left:auto;white-space:nowrap;color:#fff}.header-wallet img{width:31px;height:17px;object-fit:contain}.header-wallet span{font-size:10px;opacity:.85}.platform-header .platform-settings{margin-left:0}@media(max-width:900px){.header-wallet span{display:none}.platform-header{gap:12px}.header-wallet{font-size:12px}}

.profile-about{grid-column:1/-1;padding:24px;border:1px solid #dedfd5;border-radius:12px;background:#fffefa}.profile-about p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.profile-about a{color:#0074bd;text-decoration:underline}

.follow-list{margin-top:24px}.follow-list>a{display:block;padding:12px;border-bottom:1px solid #8885}.profile-social button{margin-right:10px}a.wearing-card:hover{outline:2px solid #4b80f7}

.platform-header form button{display:grid;place-items:center;padding:0}
.platform-header form button .search-icon{width:19px;height:19px;stroke:#5b6572}
.search-icon{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}
.search-icon{width:20px;height:20px;stroke:currentColor}
.platform-header form button .search-icon{stroke:#5b6572}
html[data-theme=dark] .platform-header form button .search-icon{stroke:#c3cfdd}

/* Tix menu under the header balance. */
.wallet-menu{position:relative;margin-left:auto;display:flex}.wallet-menu .header-wallet{margin-left:0;border:0;background:none;font:inherit;cursor:pointer;padding:6px 8px;border-radius:6px}.wallet-menu .header-wallet:hover,.wallet-menu .header-wallet[aria-expanded=true]{background:#ffffff1f}.wallet-list{position:absolute;right:0;top:calc(100% + 6px);z-index:60;display:grid;min-width:230px;padding:6px 0;background:#232527;border-radius:8px;box-shadow:0 10px 30px #0006}.wallet-list[hidden]{display:none}.wallet-list a{padding:13px 18px;color:#fff;font:600 15px Arial,sans-serif;text-decoration:none}.wallet-list a:hover,.wallet-list a:focus{background:#393b3d;outline:none}

/* Site announcement banner. */
.site-banner{margin:0 0 16px;padding:12px 16px;border-radius:8px;background:#fff4cf;border:1px solid #efcf6b;color:#4d3d05;font:14px/1.5 Arial,sans-serif;overflow-wrap:anywhere}.site-banner.is-shutdown{background:#ffe1df;border-color:#f0a19b;color:#5c1510}html[data-theme=dark] .site-banner{background:#3b3212;border-color:#6e5b1c;color:#f7e7ae}html[data-theme=dark] .site-banner.is-shutdown{background:#3f1a18;border-color:#7a2f2a;color:#ffd3cf}

/* Outline sidebar icons and the friend-request count. */
.platform-sidebar nav a .nav-icon{flex:none;width:23px;height:23px}
.platform-sidebar nav a{position:relative}
.nav-count{margin-left:auto;min-width:22px;padding:1px 7px;border-radius:11px;background:#00a2ff;color:#fff;font:700 11px/18px Arial,sans-serif;text-align:center}
@media(max-width:900px){.nav-count{position:absolute;top:2px;right:2px;margin:0;min-width:16px;padding:0 4px;font-size:9px;line-height:15px}}

/* Page frame: footer stays at the bottom; narrow pages sit centred in the space beside the sidebar. */
body:has(#platform-shell){min-height:100vh;display:flex;flex-direction:column}
body:has(#platform-shell)>.platform-main{flex:1 0 auto;width:auto}
.platform-main.pf-page,.platform-main.grp-page,.platform-main.inventory-main{--page-w:1000px;max-width:none;padding-inline:max(24px,calc((100vw - 184px - var(--page-w))/2))}
.platform-main.inventory-main{--page-w:1300px}
.platform-main.home-page{--page-w:1250px;max-width:none;padding-inline:max(24px,calc((100vw - 184px - var(--page-w))/2))}
@media(max-width:900px){.platform-main.pf-page,.platform-main.grp-page,.platform-main.inventory-main,.platform-main.home-page{padding-inline:max(16px,calc((100vw - 160px - var(--page-w))/2))}}
@media(max-width:600px){.platform-main.pf-page,.platform-main.grp-page,.platform-main.inventory-main,.platform-main.home-page{padding-inline:14px}}

/* The event banner is a real image above every page, with its full artwork visible at every width. */
.blocktober-banner{display:none}
html[data-blocktober=live]{--blocktober-banner-h:min(20vw,240px)}
html[data-blocktober=live] body .platform-header{background:linear-gradient(90deg,#ff6a00,#ff8c1a 55%,#ff6a00)!important;color:#1a0f00!important;border-bottom:3px solid #1a0f00;box-shadow:0 2px 8px #0006}
html[data-blocktober=live] body .platform-header :is(.platform-logo,nav a,.platform-settings,.header-wallet){color:#1a0f00!important}
html[data-blocktober=live] body .platform-header .platform-logo span{color:#fff}
html[data-blocktober=live] body .platform-header .platform-logo img{filter:none}
html[data-blocktober=live] body .platform-header nav a.blocktober-link{font-weight:800}
html[data-blocktober=live] body .platform-header nav a:hover{color:#fff!important}
html[data-blocktober=live] body .app-tabbar{border-top:3px solid #ff6a00}
html[data-blocktober=live] body .platform-sidebar nav a:hover,html[data-blocktober=live] body .platform-sidebar nav a[aria-current=page]{background:#ffe3c7;color:#b34700}
html[data-blocktober=live] body .blocktober-banner{display:flex;position:fixed;z-index:9;top:48px;left:0;right:0;height:var(--blocktober-banner-h);align-items:center;justify-content:center;overflow:hidden;background:#1a0f2e}
.blocktober-banner img{display:block;width:100%;max-width:1200px;height:100%;object-fit:contain}
html[data-blocktober=live] body .platform-main{margin-top:calc(48px + var(--blocktober-banner-h))}
html[data-blocktober=live] body .platform-sidebar{top:calc(48px + var(--blocktober-banner-h))}
html[data-blocktober=live] body .player-search-results{top:calc(55px + var(--blocktober-banner-h))}
@media(max-width:900px),(hover:none) and (pointer:coarse){
 html[data-blocktober=live]{--blocktober-banner-h:min(20vw,240px)}
 html[data-blocktober=live] body .blocktober-banner{top:calc(var(--hdr-h) + env(safe-area-inset-top))}
 html[data-blocktober=live] body .platform-main{margin-top:calc(var(--hdr-h) + env(safe-area-inset-top) + var(--blocktober-banner-h))}
 html[data-blocktober=live] body .player-search-results{top:calc(var(--hdr-h) + env(safe-area-inset-top) + var(--blocktober-banner-h) + 6px)}
}
/* Persistent notice while an administrator is viewing a player's account. */
.support-access-banner{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 16px;background:#fff0ca;color:#3b2600;border:2px solid #bd7200;border-radius:8px;margin-bottom:12px;font-size:14px}
.support-access-banner button{padding:8px 12px;border-radius:6px;background:#693c00;color:#fff;border:0;cursor:pointer;font:inherit;font-weight:700}

.platform-sidebar nav a .sidebar-trade-count{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:23px;padding:3px 5px;border-radius:12px;background:#d13c48;color:white;font-size:11px;font-weight:700}.platform-sidebar nav a .sidebar-trade-count[hidden]{display:none}@media(max-width:600px){#sidebar-trades{position:relative}.platform-sidebar nav a .sidebar-trade-count{position:absolute;right:0;top:0;min-width:17px;padding:2px 3px;font-size:9px}}

.app-more-grid a .sidebar-trade-count{display:inline-flex;align-items:center;justify-content:center;padding:3px 6px;border-radius:12px;background:#d13c48;color:#fff;font-size:11px;font-weight:700}.app-more-grid a .sidebar-trade-count[hidden]{display:none}


/* Seasonal colors are scoped to live status; removing it restores the chosen theme. */
html[data-blocktober=live] body{background:#1a0f2e!important;color:#f6edf9}
html[data-blocktober=live] body .platform-sidebar{background:#211633!important;color:#f6edf9}
html[data-blocktober=live] body :is(.pf-card,.pf-tabs,.home-card,.admin-card,.mod-card,.hw-panel){background:#2a1c3d!important;color:#f6edf9!important;border-color:#64416e}
html[data-blocktober=live] body :is(.pf-title,.pf-quote,.pf-about p,.pf-tabs button){color:#f6edf9!important}
html[data-blocktober=live] body :is(.pf-tabs button[aria-selected=true],.app-tabbar){border-color:#ff860d!important}
html[data-blocktober=live] body .platform-main a:not(.pf-button){color:#ffb363}
.blocktober-banner picture{display:block;width:100%;height:100%;text-align:center}
.blocktober-banner picture img{margin-inline:auto}
@media(min-width:901px){html[data-blocktober=live]{--blocktober-banner-h:120px}.blocktober-banner picture img{max-width:800px;object-fit:cover}}
@media(max-width:700px){.platform-header{min-width:0}.platform-header input{min-width:0;width:100%}}

html[data-blocktober=live] body .platform-main{background:#1a0f2e!important}
html[data-blocktober=live] body :is(.app-tabbar,.app-more){background:#211633!important;color:#f6edf9!important}
html[data-blocktober=live] body :is(.primary-button,.pf-more,.hw-tag){background:#ff860d!important;color:#241300!important;border-color:#ffb363!important}


html[data-blocktober=live] body :is(.pf-wear-view,.pf-wear-items,.pf-action-menu-list,.pf-action-menu summary){background:#251738!important;color:#f6edf9!important}
html[data-blocktober=live] body :is(.pf-button,.pf-friend button){background:#3b254d!important;color:#f6edf9!important;border-color:#92677a!important}
html[data-blocktober=live] body :is(.panel,.card,.section-card,.home-section,.grp-card,.inventory-sidebar,.inventory-content){background:#2a1c3d!important;color:#f6edf9!important}



/* Event artwork scrolls away with the page; only navigation remains pinned. */
html[data-blocktober=live] body .blocktober-banner{position:absolute}
html[data-blocktober=live] body .platform-sidebar{top:48px;padding-top:14px}
html[data-blocktober=live][data-event-scrolled] body .platform-sidebar{padding-top:14px}
html[data-blocktober=live] body .player-search-results{top:55px}
@media(max-width:900px){html[data-blocktober=live] body .player-search-results{top:calc(var(--hdr-h) + env(safe-area-inset-top) + 6px)}}

/* Keep desktop navigation beside the event banner and hide scrollbar chrome. */
.platform-sidebar{overflow-x:hidden;scrollbar-width:none}
.platform-sidebar::-webkit-scrollbar{display:none}
@media(min-width:901px){html[data-blocktober=live] body .blocktober-banner{left:184px}}