.site-page{margin:0;min-height:100vh;background:var(--bb-bg);color:var(--bb-text);font-family:var(--bb-font-body);line-height:1.6;overflow:auto}
.site-header{display:flex;justify-content:space-between;align-items:center;padding:22px clamp(20px,5vw,80px);border-bottom:2px solid var(--bb-border-soft);background:var(--bb-bg-deep)}
.site-brand{display:flex;align-items:center;gap:18px}.site-brand .lobby-wordmark{display:block;width:190px}.site-brand img{width:100%;height:auto}.site-main{max-width:1180px;margin:auto;padding:40px 28px 72px}.site-main h1,.site-main h2,.site-main h3{line-height:1.5}.site-main h1{font-family:var(--bb-font-display);font-size:clamp(22px,3.5vw,40px)}.site-main h2{font-size:23px}.site-main h3{font-size:20px}.site-main a,.site-footer a,.site-dialog a{color:var(--bb-blue);text-underline-offset:4px}.site-main p{color:var(--bb-text-soft)}
.site-play,.site-main .pixel-menu-button,.site-dialog .pixel-menu-button{display:inline-block;padding:13px 19px;color:var(--bb-text);text-decoration:none;text-align:center;cursor:pointer}.site-heading{margin:12px 0 36px}.site-eyebrow{display:block;color:var(--bb-gold);text-transform:uppercase;letter-spacing:.15em;font-weight:900;font-size:12px}.site-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:26px}.site-panel,.site-card{background:var(--bb-surface-gradient);border:2px solid var(--bb-border);box-shadow:var(--bb-card-shadow);padding:24px}.site-card{padding:0;overflow:hidden;color:var(--bb-text)!important;text-decoration:none}.site-card>div{padding:24px}.site-card img{width:100%;aspect-ratio:16/9;object-fit:cover;image-rendering:pixelated}.site-card time,.site-article time{color:var(--bb-gold);font-size:13px}.site-card:hover{border-color:var(--bb-border-highlight)}
.site-hero{position:relative;min-height:460px;display:flex;align-items:center;overflow:hidden;border:3px solid var(--bb-border);box-shadow:var(--bb-card-shadow);margin-bottom:36px;background:#071224}.site-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.38;image-rendering:pixelated}.site-hero-copy{position:relative;z-index:1;padding:48px;max-width:720px;text-shadow:2px 3px #03060b}.site-hero-copy p{font-size:22px;max-width:430px;margin:22px 0 32px}.site-features{margin-bottom:64px}.site-showcase{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin:60px 0}.site-showcase img{width:100%;border:3px solid var(--bb-border);image-rendering:pixelated}.site-cta{text-align:center}.site-help-hero{padding:48px 36px;background:linear-gradient(90deg,#08101ef0,#08101e99),url('/assets/site/help-banner.webp') center/cover;border:2px solid var(--bb-border)}.site-search{display:block;max-width:620px;font-weight:700}.site-search input{margin-top:8px;transition:border-color .18s ease,box-shadow .18s ease,opacity .18s ease}.site-search input:focus{border-color:var(--bb-blue);box-shadow:0 0 0 3px #54a8ff25;outline:none}.site-search input.is-placeholder-changing{opacity:.55}.site-search-status{display:block;min-height:21px;margin-top:7px;color:var(--bb-text-muted);font-size:12px;font-weight:500}.site-help-actions{display:flex;align-items:center;gap:30px;margin:32px 0}.site-help-card{transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.site-help-card.has-search-match{border-color:#4b8ed0;box-shadow:0 5px #03060b,0 0 0 2px #4b8ed022}.site-help-link{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:42px;padding:9px 8px;margin:0 -8px;border-top:1px solid var(--bb-border-soft);color:var(--bb-text)!important;text-decoration:none;font-weight:700;transition:background .15s ease,color .15s ease,padding .15s ease,transform .15s ease}.site-help-link:hover,.site-help-link:focus-visible{padding-left:13px;background:linear-gradient(90deg,#2c5273aa,transparent);color:#fff!important;outline:none;transform:translateX(2px)}.site-help-link.is-search-match{background:#142c43;border-left:3px solid var(--bb-blue);padding-left:11px}.site-help-link.is-ai-match{border-left-color:var(--bb-gold)}.site-help-link-copy{display:grid;gap:2px}.site-help-link strong{font-size:14px}.site-help-link small{color:var(--bb-text-muted);font-size:11px;font-weight:500;line-height:1.35}.site-help-link mark{padding:0 2px;background:#f4d36b;color:#101722}.site-help-link[hidden],.site-panel[hidden]{display:none}.site-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-article{max-width:800px;margin:auto}.site-prose{font-size:16px;line-height:1.8;overflow-wrap:anywhere}.site-prose h2{padding-top:18px;margin-top:24px;border-top:1px solid var(--bb-border-soft)}.site-prose li{margin:8px 0}.site-toc{display:flex;gap:8px 18px;flex-wrap:wrap;margin:24px 0}.site-toc a{font-size:13px}
.site-form{display:grid;gap:18px;max-width:720px}.site-form label,.site-field{display:grid;gap:7px;font-weight:700}.site-form input,.site-form textarea,.site-form select,.site-search input,.site-filter select{width:100%;padding:12px;border:2px solid var(--bb-border);border-radius:0;background:var(--bb-bg-deep);color:var(--bb-text);font:inherit}.site-form textarea{min-height:160px;resize:vertical}.site-form small,.site-contact-note{color:var(--bb-text-muted);font-size:13px}.site-form button{justify-self:start}.site-consent{display:flex;align-items:flex-start;gap:12px;text-align:left;margin:18px 0;font:14px/1.6 var(--bb-font-body);color:var(--bb-text-soft)}.site-consent input{width:18px;height:18px;flex:none;margin-top:3px;accent-color:var(--bb-blue)}.site-consent a{color:var(--bb-blue)}.site-error{color:#ff9292!important;white-space:pre-wrap}.site-message{padding:18px;background:var(--bb-surface-2);border-left:3px solid var(--bb-border);margin:18px 0;white-space:pre-wrap;overflow-wrap:anywhere}.site-message[data-sender=admin]{border-color:var(--bb-gold)}.site-message small{display:block;color:var(--bb-text-muted)}.site-request{display:block;width:100%;text-align:left;padding:18px;margin:12px 0;border:2px solid var(--bb-border);background:var(--bb-surface-2);color:var(--bb-text);cursor:pointer;font:inherit}.site-request strong,.site-request small{display:block}.site-request[data-unread=true]{border-color:var(--bb-gold)}.site-pagination,.site-filter{display:flex;gap:16px;align-items:center;margin:20px 0;flex-wrap:wrap}.site-footer{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;padding:35px 24px;border-top:2px solid var(--bb-border-soft)}.site-footer small{width:100%;text-align:center;color:var(--bb-text-muted)}
.site-nav-wrap{position:relative;display:inline-flex;margin-right:16px;align-items:center}.site-waffle{position:relative;display:grid!important;grid-template-columns:repeat(3,4px);gap:4px;padding:14px!important;cursor:pointer;background:var(--bb-surface-2);border:2px solid var(--bb-border);color:var(--bb-text)}.site-waffle i{display:block;width:4px;height:4px;background:currentColor}.site-waffle-notification{display:none;position:absolute;right:-5px;top:-5px;width:10px;height:10px;background:#e44747;border:2px solid #03060b;box-shadow:inset 0 1px #ff9595}.site-waffle-notification.is-visible{display:block}.site-menu{position:absolute;left:0;top:calc(100% + 16px);width:260px;z-index:20000;background:var(--bb-surface-gradient);border:3px solid var(--bb-border);box-shadow:var(--bb-frame-shadow);padding:12px}.site-menu[hidden]{display:none}.site-menu>a,.site-menu>button{display:block;width:100%;padding:12px;text-align:left;background:none;border:none;color:var(--bb-text);font:700 15px var(--bb-font-body);text-decoration:none;cursor:pointer}.site-menu>a:hover,.site-menu>button:hover{background:var(--bb-surface-raised)}.site-menu .site-menu-legal{font-size:12px;color:var(--bb-text-muted);padding:8px 12px}.site-menu small{display:block;text-align:center;color:var(--bb-text-muted);font:11px var(--bb-font-body);padding:14px 0 4px}.site-menu hr{border:0;border-top:1px solid var(--bb-border)}
.site-dialog{border:3px solid var(--bb-border);border-radius:var(--bb-radius-window);background:var(--bb-surface-1);color:var(--bb-text);width:min(720px,calc(100vw - 36px));max-height:85dvh;padding:0;box-shadow:var(--bb-frame-shadow);font:15px/1.6 var(--bb-font-body)}.site-dialog::backdrop{background:var(--bb-popup-backdrop,rgba(5,10,22,.74))}.site-dialog header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;background:var(--bb-header-gradient)}.site-dialog h2{font:16px/1.6 var(--bb-font-display);margin:0}.site-dialog header button{font:24px var(--bb-font-body);color:white;background:none;border:0;cursor:pointer;padding:2px 10px}.site-dialog-body{padding:24px;overflow:auto}.site-setting{padding:16px 0;border-bottom:1px solid var(--bb-border-soft);display:grid;grid-template-columns:1fr auto;gap:10px}.site-setting input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--bb-blue)}.site-setting input[type=checkbox]{width:22px;height:22px;accent-color:var(--bb-blue)}.site-setting small{grid-column:1/-1;color:var(--bb-text-muted)}.site-dialog #settings-reset{margin-top:24px}.site-battle-settings{position:fixed;right:18px;bottom:18px;z-index:15000;padding:12px;color:var(--bb-text);background:var(--bb-surface-2);border:2px solid var(--bb-border);cursor:pointer}.site-battle-settings img{width:22px;height:22px}.site-skip{position:fixed;left:16px;top:-100px;z-index:30000;padding:12px;background:var(--bb-bg)}.site-skip:focus{top:16px}
.bb-streamer .bb-private-name{color:transparent!important;text-shadow:none!important;background:repeating-conic-gradient(#587395 0% 25%,#263b59 0% 50%) 0 0/8px 8px!important;user-select:none;min-width:52px;border-radius:0}.bb-streamer .bb-private-name *{color:transparent!important;text-shadow:none!important}.site-settings-note{font-size:13px;color:var(--bb-text-muted)}
@media(max-width:650px){.site-main{padding:24px 18px 48px}.site-header{padding:18px;gap:16px}.site-brand .lobby-wordmark{width:130px}.site-brand{gap:0}.site-hero-copy{padding:28px}.site-hero{min-height:420px}.site-hero-copy p{font-size:18px}.site-showcase{grid-template-columns:1fr}.site-help-hero{padding:26px 20px}.site-header .site-play{padding:10px;font-size:12px}.site-dialog-body{padding:18px}.site-help-actions{gap:20px}.site-nav-wrap{margin-right:12px}}
@media(prefers-reduced-motion:no-preference){.site-dialog[open]{animation:site-popup 150ms ease-out}.site-menu:not([hidden]){animation:site-popup 130ms ease-out}@keyframes site-popup{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
.site-dialog[open]{display:flex;flex-direction:column;overflow:hidden}.site-dialog>header{flex:none}.site-dialog-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}.site-dialog-body>h2,.site-dialog-body.site-prose h2{font:700 20px/1.5 var(--bb-font-body)}
.site-fighter-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin:26px 0}.site-fighter{display:grid;gap:12px;padding:16px;text-align:center;text-decoration:none;background:var(--bb-surface-gradient);border:2px solid var(--bb-border)}.site-fighter img{width:100%;aspect-ratio:1;object-fit:contain;image-rendering:pixelated}.site-fighter strong{color:var(--bb-text);font-size:14px}.site-fighter:hover{border-color:var(--bb-gold)}
@media(max-width:650px){.site-fighter-grid{grid-template-columns:repeat(3,1fr);gap:12px}.site-fighter{padding:12px 6px}}
/* Second-pass visual system: use the game's local display faces and framed cards. */

.site-page,.site-dialog,.site-header,.site-admin-inbox{--bb-font-body:system-ui,-apple-system,"Segoe UI",sans-serif;font-family:var(--bb-font-body);font-size:18px;letter-spacing:.02em}
.site-page .site-prose{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:18px;line-height:1.8;letter-spacing:.025em}.site-page .site-prose strong{font-weight:400;color:var(--bb-gold)}
.site-page h2,.site-admin-inbox h2{font-family:var(--bb-font-display);font-size:clamp(17px,2vw,25px);line-height:1.65}.site-page h3{font-family:system-ui,sans-serif;font-size:26px;line-height:1.25}
.site-header{position:relative;z-index:16000;min-height:88px;padding:18px 4vw;gap:24px;border-bottom:4px solid #03060b;box-shadow:0 3px #385478}.site-header .site-brand{flex:none}.site-header .site-brand .lobby-wordmark{width:176px}
#navbar .site-nav-wrap,.site-header .site-nav-wrap{align-self:center;flex:none;height:36px;margin:0 16px 0 8px}#navbar .site-waffle,.site-header .site-waffle{width:34px!important;height:34px!important;min-height:0!important;padding:8px!important;gap:3px!important;grid-template-columns:repeat(3,4px);box-shadow:0 3px #03060b!important;align-content:center;justify-content:center;border-width:2px!important}
.site-desktop-nav{display:none;align-items:center;justify-content:center;gap:24px;flex:1}.site-nav-group{position:relative;display:flex;align-items:center;gap:5px}.site-nav-group>a{color:#ecf4ff;text-decoration:none;font-size:19px;padding:12px 0;border-bottom:3px solid transparent}.site-nav-group.is-current>a{color:var(--bb-gold);border-color:var(--bb-gold)}.site-nav-group>button{border:0;background:none;color:#fff;font-size:24px;cursor:pointer}.site-nav-group>button[aria-expanded=true]{color:var(--bb-gold);transform:rotate(180deg)}.site-nav-sub{position:absolute;top:100%;left:-20px;width:240px;padding:12px;background:var(--bb-surface-2);border:3px solid #03060b;box-shadow:0 5px #03060b,inset 0 2px #7aa9e5;z-index:20}.site-nav-sub a{display:block;padding:12px;color:white;text-decoration:none}.site-nav-sub a:hover{background:var(--bb-blue-deep)}
.site-account{position:relative;flex:none}.site-account>button,.site-account>a{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;padding:10px 14px;font:14px var(--bb-font-display)!important;text-decoration:none!important}.site-account-menu{display:none;position:absolute;right:0;top:100%;width:190px;padding:10px;background:var(--bb-surface-2);border:3px solid #03060b;box-shadow:0 5px #03060b;z-index:30}.site-account.is-open .site-account-menu{display:block}.site-account-menu>*{display:block;width:100%;padding:12px;border:0;background:none;color:white;text-align:left;font:18px system-ui,sans-serif;text-decoration:none}.site-account-menu>*:hover{background:var(--bb-blue-deep)}.site-account-menu .site-signout{color:#ff9e9e;cursor:pointer}
.site-page .pixel-menu-button,.site-dialog .pixel-menu-button,.site-admin-inbox .pixel-menu-button,.site-header .pixel-menu-button{background:linear-gradient(#4c75ab,#2c4973)!important;border:3px solid #03060b!important;box-shadow:0 5px #03060b,inset 0 3px #8faecc,inset 0 -4px #203653!important;color:#fff!important;text-shadow:2px 2px #132135;font-family:var(--bb-font-display)!important;font-size:11px;line-height:1.7;cursor:pointer}
.site-page .site-play,.site-header .site-play,.site-dialog button[type=submit],.site-form button[type=submit]{background:linear-gradient(#40b65b,#258337)!important;box-shadow:0 5px #03060b,inset 0 3px #8edf79,inset 0 -4px #185424!important;color:white!important;text-shadow:2px 2px #174724}.site-page .pixel-menu-button:hover,.site-dialog .pixel-menu-button:hover,.site-admin-inbox .pixel-menu-button:hover{filter:brightness(1.15)}.site-page button:disabled,.site-admin-inbox button:disabled{opacity:.45;cursor:default}
.site-page .site-panel,.site-page .site-card,.site-fighter,.site-admin-inbox,.site-request{border:4px solid #03060b;box-shadow:0 7px #03060b,inset 0 3px #547299,inset 3px 0 #2a4363,inset -3px 0 #182c44; border-radius:0;background:linear-gradient(145deg,#20344f,#101b2e)}.site-card:hover,.site-fighter:hover{box-shadow:0 7px #03060b,inset 0 3px var(--bb-gold),inset 3px 0 #496386,inset -3px 0 #182c44}
.site-page a:not(.pixel-menu-button):not(.site-card):not(.site-fighter):not(.lobby-wordmark):not(.site-skip),.site-dialog a{color:#efcf87;text-decoration:none}.site-page .site-prose a,.site-dialog .site-prose a,.site-consent a{padding:1px 4px;background:#33455b;border-bottom:2px solid #caa45b;color:#ffe4a5;text-decoration:none}.site-page a:hover,.site-dialog a:hover{color:#fff3c9}.site-help-link{color:#e3ecfa!important}.site-help-link:hover{color:#fff!important;background:#243e5d}.site-help-card{position:relative;padding:26px!important;min-height:270px}.site-help-art{height:80px;width:80px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(4px 5px #03060b);margin-bottom:12px}.site-help-card h2{margin:6px 0 20px;font-size:18px}.site-help-actions .pixel-menu-button{font-size:10px}
.site-about .site-main{max-width:none;padding:0 0 72px}.site-about .site-main>section:not(.site-hero){max-width:1180px;margin-left:auto;margin-right:auto;padding-left:28px;padding-right:28px}.site-about .site-hero{display:block;min-height:560px;height:65vw;max-height:690px;overflow:visible;border:0;box-shadow:none;margin:0 0 200px}.site-about .site-hero>img{opacity:1;object-position:center;filter:brightness(.85);height:100%;width:100%}.site-about .site-hero-copy{position:absolute;top:auto;bottom:-145px;left:max(28px,calc((100vw - 1124px)/2));padding:32px 40px;max-width:670px;background:linear-gradient(135deg,#23364a,#101c2e);border:5px solid #03060b;box-shadow:0 9px #03060b,inset 0 4px #7190af;z-index:2}.site-about .site-hero h1{font-size:clamp(22px,3vw,35px);margin:18px 0}.site-about .site-hero p{font-size:21px;max-width:none;margin:18px 0 26px}.site-about .site-features{margin-bottom:80px}.site-modes{margin-top:75px;margin-bottom:80px}.site-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:35px}.site-mode-art{height:280px;background:radial-gradient(#46658a,#0a1424);overflow:hidden}.site-mode .site-mode-art img{width:100%;height:100%;object-fit:contain;aspect-ratio:auto;transform:scale(.92);transition:transform .2s}.site-mode:hover .site-mode-art img{transform:scale(1)}.site-mode h3{font-family:var(--bb-font-display);font-size:22px}.site-mode p{min-height:90px}.site-showcase{margin-top:80px!important}.site-cta{padding:32px!important;margin-top:70px!important}
.site-footer{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px;max-width:none;padding:55px max(28px,calc((100vw - 1124px)/2)) 22px;background:linear-gradient(180deg,#14243c,#080f1e);border-top:6px solid #03060b;box-shadow:inset 0 3px #4d688b;font-family:system-ui,sans-serif}.site-footer-brand img{max-width:200px;width:100%;image-rendering:pixelated}.site-footer-brand p{font-size:22px;color:#cad8e8}.site-footer-brand span{color:var(--bb-gold);font:10px var(--bb-font-display)}.site-footer h3{font:12px var(--bb-font-display);color:#91abc9;margin:0 0 22px}.site-footer a{display:block;padding:7px 0;font-size:18px}.site-footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:2px solid #385478;padding-top:20px;color:#829aba;font-size:14px}
.site-dialog{border:4px solid #03060b;box-shadow:0 8px #03060b,0 0 0 2px #567696,0 22px 70px #000b}.site-dialog>header{padding:20px 24px;border-bottom:4px solid #03060b}.site-dialog h2{font-size:clamp(17px,2vw,23px)!important;line-height:1.5}.site-setting{margin:0 0 20px;padding:18px;background:linear-gradient(#1c2e48,#111e32);border:3px solid #03060b;box-shadow:0 4px #03060b,inset 0 2px #4e698c;font:11px/1.7 var(--bb-font-display)}.site-setting small,.site-settings-note{font:16px/1.5 system-ui,sans-serif}.site-setting output{color:var(--bb-gold)}
.site-setting input[type=range]{appearance:none;-webkit-appearance:none;height:18px;background:linear-gradient(#080e18,#182b43);border:3px solid #03060b;box-shadow:inset 0 2px #000;margin:15px 0 8px}.site-setting input[type=range]::-webkit-slider-thumb{appearance:none;width:25px;height:32px;background:linear-gradient(#acd0f0,#4c85b8);border:3px solid #03060b;box-shadow:inset 0 3px #e3f4ff,0 4px #03060b;cursor:ew-resize;border-radius:0}.site-setting input[type=range]::-moz-range-thumb{width:20px;height:26px;background:#77a9d2;border:3px solid #03060b;box-shadow:inset 0 3px #e3f4ff,0 4px #03060b;border-radius:0}
.site-consent input[type=checkbox],.site-setting input[type=checkbox]{appearance:none;-webkit-appearance:none;width:27px;height:27px;border:3px solid #03060b;border-radius:0;background:#23374f;box-shadow:0 3px #03060b,inset 0 2px #6b85a2;cursor:pointer;display:grid;place-content:center;flex:none}.site-consent input:checked,.site-setting input[type=checkbox]:checked{background:#309d51}.site-consent input:checked:after,.site-setting input[type=checkbox]:checked:after{content:'✓';color:#fff;font:bold 22px monospace;text-shadow:2px 2px #175629}.site-consent{font:17px/1.65 system-ui,sans-serif}.site-consent input:focus-visible{outline:3px solid var(--bb-gold);outline-offset:4px}.site-dialog.site-battle-consent-dialog{width:min(560px,calc(100vw - 36px))}.battle-consent{display:grid;gap:16px;margin:4px 0 20px}.battle-legal-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}.battle-legal-card{display:grid;justify-items:center;gap:4px;min-height:126px;padding:10px 8px;background:linear-gradient(145deg,#203b59,#111f35);border:3px solid #03060b;box-shadow:0 4px #03060b,inset 0 2px #6686aa;color:#e7f2ff!important;text-align:center;text-decoration:none}.battle-legal-card:hover,.battle-legal-card:focus-visible{background:linear-gradient(145deg,#294d70,#142842);border-color:#8fc8ff;outline:none}.battle-legal-card img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(2px 3px #03060b)}.battle-legal-card strong{font:11px/1.45 var(--bb-font-display);color:#fff}.battle-consent .site-consent{width:100%;margin:0;align-items:center}.battle-consent .site-consent span{min-width:0}
.site-form select,.site-filter select{appearance:none;border:3px solid #03060b!important;box-shadow:0 4px #03060b,inset 0 2px #6582a6!important;background:#233c5b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='12' viewBox='0 0 18 12'%3E%3Cpath fill='%23f1d48d' d='M0 0h18v4h-4v4h-3v4H7V8H4V4H0z'/%3E%3C/svg%3E") right 14px center/12px 8px no-repeat!important;padding:12px 40px 12px 14px!important;font:17px system-ui,sans-serif!important;color:white!important;border-radius:0!important}.site-form input,.site-form textarea{font:18px system-ui,sans-serif;background:#0c1728;border:3px solid #03060b;box-shadow:inset 0 2px #304966}.site-filter{padding:16px;background:#0b1729;border:3px solid #03060b}.site-filter label{flex:1;min-width:140px;font-size:16px}.site-filter select{display:block;margin-top:8px;width:100%}
.site-inbox{min-width:0}.site-inbox[aria-busy=true]{opacity:.65;pointer-events:none;transition:opacity .15s}.site-request{padding:22px;margin:18px 0;position:relative;min-height:100px;font:19px system-ui,sans-serif!important;color:white!important}.site-request strong{font-weight:400;font-size:23px;margin-bottom:12px}.site-request small{font-size:14px;color:#a9c0db}.site-ticket-status{float:right;background:#304d6a;border:2px solid #03060b;padding:5px 9px;color:#f1d18a;font-size:13px;text-transform:uppercase}.site-request[data-unread=true]{box-shadow:0 6px #03060b,inset 5px 0 #e4bc66,inset 0 2px #4d6a8c}.site-message{margin:24px 0 24px 58px;padding:20px 24px;position:relative;background:#213953;border:3px solid #03060b;box-shadow:0 4px #03060b,inset 0 2px #567897;border-radius:0 8px 8px 8px;white-space:normal}.site-message p{white-space:pre-wrap;margin:10px 0 0;font-size:18px;line-height:1.6}.site-message>img{position:absolute;left:-60px;top:0;width:44px;height:44px;object-fit:contain;image-rendering:pixelated;background:#122036;border:3px solid #03060b;padding:5px;box-shadow:0 4px #03060b}.site-message[data-sender=admin]{background:#283a32;border-color:#03060b;box-shadow:0 4px #03060b,inset 0 3px #719674}.site-message small{color:#ecd28c;font-size:13px}.site-admin-inbox{margin:36px 0!important;padding:28px!important;width:100%;box-sizing:border-box}.site-inbox>.site-form{max-width:none;border-top:3px solid #03060b;margin-top:28px;padding-top:25px}.site-admin-inbox .site-form{max-width:none}.site-admin-inbox .site-inbox>h2{font-family:system-ui,sans-serif;font-size:26px}
.bb-streamer #spectate-player-name,.bb-streamer .team-hud-player-name,.bb-streamer .bs-card-player-name{visibility:hidden!important;background:none!important}
@media(min-width:1100px){.site-desktop-nav{display:flex}.site-header>.site-play{font-size:10px;padding:12px}.site-header .site-account{margin-left:0}}
@media(max-width:1099px){.site-header{padding:16px 20px;gap:15px}.site-header .site-brand .lobby-wordmark{width:150px}.site-header>.site-play{margin-left:auto}.site-header .site-account>button,.site-header .site-account>a{font-size:10px!important;max-width:130px}.site-menu{max-height:75dvh;overflow:auto}.site-about .site-hero-copy{left:28px;max-width:620px}}
@media(max-width:650px){.site-header{flex-wrap:wrap;gap:15px}.site-header .site-brand{flex:1}.site-header .site-account{margin-left:auto}.site-header>.site-play{display:none}.site-header .site-brand .lobby-wordmark{width:132px}.site-about .site-hero{height:420px;min-height:420px;margin-bottom:280px}.site-about .site-hero-copy{left:20px;right:20px;bottom:-240px;padding:25px}.site-about .site-hero p{font-size:19px}.site-about .site-hero h1{font-size:21px}.site-mode-grid{grid-template-columns:1fr}.site-mode-art{height:230px}.site-footer{grid-template-columns:1fr 1fr;padding:35px 24px;gap:30px}.site-footer-brand{grid-column:1/-1}.site-footer-bottom{display:block}.site-footer-bottom span{display:block;margin-top:12px}.site-help-actions{gap:15px;flex-wrap:wrap}.site-setting{padding:14px;font-size:10px}.site-dialog>header{padding:18px}.site-message{margin-left:44px;padding:14px}.site-message>img{left:-47px;width:35px;height:35px}.site-admin-inbox{padding:18px!important}.site-ticket-status{float:none;display:inline-block;margin-bottom:10px}.site-help-art{width:75px;height:75px}}
.site-select{position:relative;min-width:140px;width:100%;font:17px system-ui,sans-serif}.site-select select[hidden]{display:none!important}.site-select-trigger{width:100%;text-align:left;padding:13px 16px;background:linear-gradient(#365677,#243b57);border:3px solid #03060b;color:#fff;box-shadow:0 4px #03060b,inset 0 2px #6582a6;font:inherit;cursor:pointer}.site-select-options{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:100;max-height:260px;overflow:auto;padding:6px;background:#172b43;border:3px solid #03060b;box-shadow:0 6px #03060b,inset 0 2px #547496}.site-select-options[hidden]{display:none}.site-select-options button{display:block;width:100%;border:0;border-bottom:2px solid #101d30;text-align:left;padding:12px;background:transparent;color:#e9f2ff;font:inherit;cursor:pointer}.site-select-options button[aria-selected=true]{color:#f8d78d;background:#304d68}.site-select-options button:focus,.site-select-options button:hover{outline:2px solid #7faccf;outline-offset:-2px;background:#466b8c}.site-select-trigger:focus-visible{outline:3px solid #f8d78d;outline-offset:3px}.site-nav-settings{border:0;background:none;color:#e2edfc;font:12px system-ui,sans-serif;cursor:pointer;padding:12px}.site-nav-settings:hover{color:#f8d78d}
/* Battle navigation stays out of the timer and teammate HUD. */
body.site-auth{--bb-font-body:system-ui,-apple-system,"Segoe UI",sans-serif;font-family:var(--bb-font-body)}.site-auth a{color:#f4d28a;text-decoration:none}.site-auth a:hover{color:#fff1c9;text-decoration:none}.site-dialog button:disabled{opacity:.45;cursor:default}

.site-menu{--bb-font-body:system-ui,-apple-system,"Segoe UI",sans-serif}
/* Readable copy, stationary links, and aligned navigation controls. */
.site-page,.site-dialog,.site-header,.site-admin-inbox,.site-auth{font-weight:400;letter-spacing:normal}
.site-prose,.site-main p,.site-footer,.site-dialog-body,.site-consent,.site-message p,.site-select,.site-menu{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:400}
.site-page .site-prose{font-size:16px;line-height:1.75;letter-spacing:normal}.site-page .site-prose strong{font-weight:600;color:inherit}
.site-main p{font-size:16px;line-height:1.65}.site-menu>a,.site-menu>button{font-weight:400}.site-request strong{font-weight:600}.site-setting small,.site-settings-note{font:400 13px/1.5 system-ui,sans-serif}
.site-page a:not(.pixel-menu-button):not(.site-card):not(.site-fighter):not(.lobby-wordmark):not(.site-skip),.site-dialog a,.site-auth a{color:#dce9fa;text-decoration:none}
.site-page .site-prose a,.site-dialog .site-prose a,.site-consent a{background:transparent;padding:0;border-bottom:1px solid #8298b4;color:#dce9fa}
.site-page a:hover,.site-dialog a:hover,.site-auth a:hover{color:#fff}.site-help-link:hover{padding-left:0}
.site-nav-group>a{display:flex;align-items:center;min-height:44px;box-sizing:border-box;font:500 16px/1.4 system-ui,sans-serif;padding:10px 0}
.site-nav-group>button{display:flex;align-items:center;justify-content:center;width:28px;height:44px;padding:0;line-height:1;flex:none;font-size:0;transform:none!important}
.site-nav-group>button:after{content:'';width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.site-nav-group>button[aria-expanded=true]:after{transform:translateY(2px) rotate(225deg)}
.site-nav-group.is-current>a,.site-page .site-nav-group.is-current>a{color:#fff;border-color:#9bbde7}.site-nav-group>button[aria-expanded=true]{color:#dce9fa}
.site-nav-sub{box-sizing:border-box}.site-nav-sub[hidden]{display:none!important}.site-nav-sub a{font:400 15px/1.5 system-ui,sans-serif}.site-nav-settings{font:500 15px/1.4 system-ui,sans-serif;color:#dce9fa}.site-nav-settings:hover{color:white}
.site-select-options button[aria-selected=true]{color:#fff}.site-select-trigger:focus-visible{outline-color:#b4d6ff}
.site-settings-window{width:min(600px,calc(100vw - 32px))}.site-settings-window>header{padding:14px 18px}.site-settings-window .site-dialog-body{padding:16px}.site-settings-window .site-setting{padding:12px;margin-bottom:12px;gap:6px;font-size:10px}.site-settings-window .site-setting input[type=range]{margin:8px 0 5px}.site-settings-window #settings-reset{margin-top:8px}.site-settings-window .site-settings-note{margin:8px 0}
.site-settings-side[open]{position:fixed;inset:56px 16px auto auto;margin:0;width:min(350px,calc(100vw - 32px));max-height:calc(100dvh - 80px);z-index:16001;box-sizing:border-box;box-shadow:0 0 0 3px #03060b,0 6px #03060b,0 16px 28px #0006}
.site-settings-side h2{font-size:14px!important}.site-settings-side .site-show-controls{margin-bottom:14px;width:100%;font-size:10px}.site-settings-side .site-setting{font:500 13px/1.4 system-ui,sans-serif}.site-settings-side .site-setting output{color:#dce9fa}.site-settings-side #settings-reset{font-size:9px}
.site-battle-settings.fullscreen-toggle{top:calc(8px + env(safe-area-inset-top));right:calc(50px + env(safe-area-inset-right));bottom:auto;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;z-index:10005}.site-battle-settings.fullscreen-toggle img{width:14px;height:14px}
#battle-keybind-hud .controls-popover{max-height:calc(100dvh - 120px);overflow-y:auto;box-sizing:border-box}
#profile-sign-out{margin-top:22px;background:linear-gradient(#cf5050,#9c2929);color:#fff}
@media(max-width:480px){.site-battle-settings.fullscreen-toggle{width:30px;min-width:30px;height:30px;min-height:30px}}

/* Shared popup contract, including legal consent and the in-game side panel. */
.site-dialog.bb-popup{border:var(--bb-border-width) solid var(--bb-border);border-radius:var(--bb-radius-window);background:var(--bb-surface-gradient);box-shadow:var(--bb-frame-shadow)}
.site-dialog>.bb-popup-header{position:relative;min-height:64px;box-sizing:border-box;padding:14px 62px;border-bottom:2px solid rgba(255,255,255,.14);justify-content:center}
.site-dialog .bb-popup-title{text-align:center;text-transform:uppercase;text-shadow:var(--bb-title-shadow);font-size:var(--bb-title-lg)!important;line-height:1.3;outline:none}
.site-dialog>.bb-popup-header>.bb-close{position:absolute;right:14px;top:calc(50% - 21px);transform:none;padding:0}
.site-settings-side .bb-popup-title{font-size:14px!important}.site-settings-side>.bb-popup-header{padding:14px 48px;min-height:54px}
#battle-keybind-hud .controls-mini-toggle{display:none!important}
.site-key-remap{margin:16px 0;border:2px solid var(--bb-border);background:#101d30;padding:12px}
.site-key-remap summary{cursor:pointer;font:11px/1.7 var(--bb-font-display);color:#e5efff}.site-key-remap p{font:9px/1.8 var(--bb-font-display)}.site-key-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;font:10px/1.7 var(--bb-font-display)}.site-key-row button{min-width:64px;padding:8px!important;font-size:10px!important}
.site-dialog #settings-reset.is-reset{background:linear-gradient(#40b65b,#258337)!important;box-shadow:0 5px #03060b,inset 0 3px #8edf79,inset 0 -4px #185424!important}

/* Reset keeps the values legible while they return to their defaults. */
.site-settings-window .site-dialog-body{position:relative}
.site-settings-window.is-resetting .site-setting{animation:site-reset-card .72s ease both}
.site-dialog #settings-reset{background:linear-gradient(#df5757,#9e2525)!important;box-shadow:0 5px #03060b,inset 0 3px #ff9898,inset 0 -4px #6c1717!important;color:#fff}
.site-dialog #settings-reset:hover{background:linear-gradient(#f16a6a,#b63030)!important}
.site-settings-window.is-resetting #settings-reset{animation:site-reset-button .72s ease both}
.site-key-row button.is-resetting-key{animation:site-reset-key .62s ease both;background:linear-gradient(#58c8ff,#2679b4)!important;color:#fff}
@keyframes site-reset-card{0%,100%{filter:none}35%{filter:brightness(1.45) saturate(1.2);transform:translateX(3px)}}
@keyframes site-reset-button{35%{transform:scale(1.08);filter:brightness(1.35)}}
@keyframes site-reset-key{0%{transform:scale(1)}40%{transform:scale(1.1)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.site-settings-window.is-resetting .site-setting,.site-settings-window.is-resetting #settings-reset,.site-key-row button.is-resetting-key{animation:none}}

/* Compact controls and stable, shared page chrome. */
.site-dialog .bb-popup-title{font-size:clamp(14px,2vw,22px)!important;overflow-wrap:anywhere}
.site-settings-side .bb-popup-title{font-size:12px!important}
.site-settings-side{width:min(320px,calc(100vw - 32px))!important}
.site-settings-side>.bb-popup-header{min-height:44px;padding:10px 40px}
.site-settings-side>.bb-popup-header>button.bb-close{width:26px!important;min-width:26px!important;height:26px!important;min-height:26px!important;font-size:10px!important;top:calc(50% - 13px);right:10px}
.site-settings-side .site-dialog-body{padding:10px}.site-settings-side .site-setting{padding:10px;margin-bottom:9px;gap:4px;font:9px/1.6 var(--bb-font-display)}
.site-settings-side .site-setting input[type=range]{height:12px;margin:7px 0 4px}.site-settings-side .site-setting input[type=range]::-webkit-slider-thumb{height:24px;width:20px}
.site-settings-side .site-setting input[type=checkbox]{width:22px;height:22px}
.site-setting-title{display:flex;align-items:center;gap:8px}.site-setting-info-wrap{position:relative;display:inline-flex;flex:none}.site-setting-info{display:inline-grid;place-content:center;flex:none;width:18px;height:18px;padding:0;border:1px solid #738daf;background:#263d5a;color:#e7f1ff;font:600 12px/1 system-ui;cursor:help}
.site-setting-tooltip{display:none;position:absolute;z-index:5;top:calc(100% + 6px);left:-120px;width:210px;padding:10px;border:2px solid #526b89;background:#0b1629;color:#e7f1ff;box-shadow:0 4px #03060b;font:400 12px/1.5 system-ui;text-align:left}
.site-setting-info:hover+.site-setting-tooltip,.site-setting-info:focus+.site-setting-tooltip{display:block}
.site-key-remap{border:3px solid #03060b;background:linear-gradient(#1c2e48,#111e32);box-shadow:0 4px #03060b,inset 0 2px #4e698c;padding:12px;margin:12px 0}
.site-settings-side .site-key-remap summary,.site-settings-side .site-key-row{font:9px/1.7 var(--bb-font-display)}.site-key-row button.is-in-use{background:linear-gradient(#d35656,#9d2727)!important}
.site-about .site-hero{height:clamp(300px,42vw,480px);min-height:0;max-height:480px}
.site-header,#navbar{top:0;left:0;right:0;width:100%;height:60px;min-height:60px;box-sizing:border-box;padding:8px 24px;gap:12px;background:linear-gradient(90deg,rgba(16,29,47,.76),rgba(23,26,42,.94) 38%,rgba(34,24,40,.88) 72%,rgba(43,27,39,.76)),linear-gradient(100deg,#243d50,#262b40 48%,#493042);border-bottom:2px solid #424052;box-shadow:0 4px 16px rgba(5,13,35,.35),inset 0 2px rgba(182,186,208,.09)}
.site-header{position:fixed;z-index:1000}.site-header::before{content:"";position:absolute;inset:0;pointer-events:none;background:url("/assets/chromas/lobby-chroma-mosaic.svg") top left / 576px 96px repeat;mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.65) 9%,transparent 25%,transparent 93%,rgba(0,0,0,.45) 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.65) 9%,transparent 25%,transparent 93%,rgba(0,0,0,.45) 100%)}.site-header>*{position:relative}
#navbar{position:relative!important;z-index:1000}.site-page,.site-auth,.admin-page{padding-top:60px;scrollbar-gutter:stable}.site-header{display:grid;grid-template-columns:250px minmax(0,1fr) 132px 160px;align-items:center}
.site-header .site-brand{gap:0}.site-header .site-brand .lobby-wordmark{width:176px;margin:0 0 0 4px}.site-header .site-desktop-nav{grid-column:2;grid-row:1}.site-header>.site-play{grid-column:3;grid-row:1}.site-header>.site-account{grid-column:4;grid-row:1;width:160px;margin:0}
.site-header>.site-play,.site-header .site-account>button,.site-header .site-account>a{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:36px;min-height:36px;width:100%;padding:6px 10px!important;font-size:10px!important;line-height:1.5;overflow:hidden}.site-account-caret{flex:none;margin-left:10px;font-size:10px;line-height:1}
.site-header .site-brand img{display:block;width:176px;height:auto}.site-header .site-desktop-nav{gap:20px}.site-header .site-account>button>span:first-child{overflow:hidden;text-overflow:ellipsis}
@media(max-width:1099px){.site-header{grid-template-columns:minmax(0,1fr) 110px 130px}.site-header .site-desktop-nav{display:none}.site-header>.site-play{grid-column:2}.site-header>.site-account{grid-column:3;width:130px}.site-header .site-brand img{width:132px}}
@media(max-width:650px){.site-header{grid-template-columns:minmax(0,1fr) 115px;padding:8px 16px;gap:12px}.site-header>.site-play{display:none}.site-header>.site-account{grid-column:2;width:115px}.site-header .site-brand img{width:120px}.site-header .site-brand .lobby-wordmark{width:120px}.site-about .site-hero{height:330px;min-height:330px}}
/* Reserve the exact waffle footprint before shell.js replaces this node. */
.site-menu-placeholder{display:inline-block;flex:none;width:34px;height:36px;margin:0 16px 0 8px}
.site-dialog .site-setting-tooltip{white-space:normal}

/* Navbar controls share the lobby's compact pixel treatment. */
.site-header .site-waffle{background:var(--bb-surface-2)!important;border:0!important;color:var(--bb-text)!important;box-shadow:0 3px #03060b!important}
#navbar .site-waffle:hover,.site-header .site-waffle:hover{background:#1e395e!important;color:#fff!important;filter:brightness(1.12);outline:0}
#navbar .site-waffle:focus-visible,.site-header .site-waffle:focus-visible{background:#1e395e!important;color:#fff!important;outline:2px solid #7798bf;outline-offset:2px}
#navbar .lobby-wordmark{transform:translateY(1px)}
.site-nav-group{height:44px;padding:0 2px;transition:background-color .14s ease}
.site-nav-group:before{content:"";position:absolute;z-index:1;top:100%;left:-10px;right:-10px;height:10px;background:transparent}
.site-nav-group:after{content:"";position:absolute;left:6px;right:6px;bottom:0;height:3px;background:transparent}
.site-nav-group.is-current:after{background:#a9c9ed;box-shadow:4px 0 #a9c9ed,-4px 0 #a9c9ed}
.site-nav-group:hover,.site-nav-group:focus-within{background:rgba(65,91,127,.24)}
.site-nav-group>a{padding-left:8px;border-bottom:0!important;font:10px/1.6 var(--bb-font-display)}.site-nav-group>button{width:25px;margin-right:3px;color:#b9cae0}
.site-nav-group>button:after{width:3px;height:3px;border:0;background:currentColor;box-shadow:3px 3px currentColor,6px 6px currentColor,9px 3px currentColor,12px 0 currentColor;transform:translate(-6px,-1px);transition:color .14s ease}
.site-nav-group>button[aria-expanded=true]:after{color:#f1d48d;box-shadow:3px -3px currentColor,6px -6px currentColor,9px -3px currentColor,12px 0 currentColor;transform:translate(-6px,3px)}
:is(.site-menu,.site-nav-sub,.site-account-menu){box-sizing:border-box;padding:7px;border:3px solid #03060b;background:linear-gradient(145deg,#233b5a,#101d31 68%,#0b1627);box-shadow:0 6px #03060b,0 0 0 1px #526f92,inset 0 3px #6685a8;color:#eef5ff}
.site-menu{top:calc(100% + 9px)}.site-nav-sub{top:calc(100% + 7px);left:-10px;width:225px}.site-account-menu{top:calc(100% + 8px);width:190px}
:is(.site-menu,.site-nav-sub,.site-account-menu)>:is(a,button){position:relative;display:flex;align-items:center;min-height:38px;box-sizing:border-box;width:100%;padding:9px 12px;border:0;border-bottom:2px solid #2b405b;background:transparent;color:#e8f1ff!important;text-align:left;text-decoration:none;font:9px/1.7 var(--bb-font-display);cursor:pointer;transition:background-color .12s ease,color .12s ease}
:is(.site-menu,.site-nav-sub,.site-account-menu)>:is(a,button):last-of-type{border-bottom-color:transparent}
:is(.site-menu,.site-nav-sub,.site-account-menu)>:is(a,button):hover,:is(.site-menu,.site-nav-sub,.site-account-menu)>:is(a,button):focus-visible{padding-left:12px;background:linear-gradient(90deg,#315a82,#294667);color:#fff!important;outline:2px solid #82a6ce;outline-offset:-2px}
.site-account-profile-link:after{content:"";width:12px;height:12px;margin-left:auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' shape-rendering='crispEdges'%3E%3Cpath fill='%2391afd2' d='M0 3h2v7h7V8h2v4H0V3zm5-3h7v7h-2V3L5 8 4 7l5-5H5V0z'/%3E%3C/svg%3E") center/12px 12px no-repeat}
.site-menu>hr{margin:0 5px;border-color:#395371}.site-menu>small{padding:9px 0 3px}
.site-menu>.site-menu-legal{min-height:38px;padding:9px 12px;color:#c7d5e8!important;font:9px/1.7 var(--bb-font-display)}
.site-account:after{content:"";position:absolute;top:100%;left:0;right:0;height:10px;background:transparent}
.site-account-caret{display:block;width:3px;height:3px;margin:0 12px 5px 3px;background:currentColor;box-shadow:3px 3px currentColor,6px 6px currentColor,9px 3px currentColor,12px 0 currentColor;color:#d8e6f7;font-size:0;transition:color .14s ease}.site-account-trigger[aria-expanded=true] .site-account-caret{margin-top:5px;margin-bottom:0;color:#fff2a6;box-shadow:3px -3px currentColor,6px -6px currentColor,9px -3px currentColor,12px 0 currentColor}
.site-account-menu .site-signout{color:#ffaaaa!important}.site-account-menu .site-signout:hover,.site-account-menu .site-signout:focus-visible{background:linear-gradient(90deg,#74343d,#51242c)}

#battle-keybind-hud[data-state="collapsed"] .controls-popover{visibility:hidden}
.site-page section[id]{scroll-margin-top:90px}

.site-support-badge{display:none;float:right;margin-top:1px;padding:3px 5px 2px;background:#b52e32;border:2px solid #03060b;box-shadow:inset 0 1px #f17b7b;color:#fff;font:8px/1 var(--bb-font-display);letter-spacing:.06em}.site-support-badge.is-visible{display:inline-block}
.site-help-actions .site-support-badge{float:none;margin:0 0 0 6px;vertical-align:middle}

/* Keep the Help Center request list visually stable while its data is loading. */
.site-request-skeleton{position:relative;min-height:100px;box-sizing:border-box;padding:22px;margin:18px 0;border:3px solid #03060b;background:linear-gradient(105deg,#1b304b,#213953);box-shadow:0 4px #03060b,inset 0 2px #567897}.site-skeleton-title,.site-skeleton-meta,.site-skeleton-status{display:block;background:#3b5878}.site-skeleton-title{width:42%;height:22px;margin:3px 0 17px}.site-skeleton-meta{width:58%;height:12px}.site-skeleton-status{position:absolute;right:22px;top:22px;width:72px;height:23px}

/* Submission confirmations replace the form with a short, deliberate arrival. */
.site-submit-success{opacity:0;transform:translateY(14px) scale(.98);padding:28px;border:3px solid #03060b;background:linear-gradient(135deg,#274f48,#18362f);box-shadow:0 6px #03060b,inset 0 2px #78ab91;transition:opacity .22s ease-out,transform .28s cubic-bezier(.2,.8,.25,1)}
.site-submit-success.is-visible{opacity:1;transform:translateY(0) scale(1)}
.site-submit-success h2{margin-top:0;color:#f4dda0}.site-submit-success .pixel-menu-button{margin-top:10px}
@media (prefers-reduced-motion:reduce){.site-submit-success{transition:none;transform:none}}

.site-volume-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.site-volume-row .site-setting{min-width:0}.site-volume-row input[type=range]{min-width:0;box-sizing:border-box}.site-settings-side .site-volume-row .site-setting{padding:8px;font-size:8px;column-gap:3px}

/* Compact, clearly targeted Help Center results. */
.site-page .site-help-card{min-height:0;padding:22px!important}
.site-page .site-help-card h2{margin:4px 0 13px}
.site-page .site-help-link{padding:8px;margin:0 -6px}
.site-page .site-help-link:hover,.site-page .site-help-link:focus-visible{padding-left:12px;background:linear-gradient(90deg,#315779cc,transparent);transform:translateX(2px)}
.site-page .site-help-link.is-search-match{padding-left:10px}

/* Help search links stay stationary; AI lookup uses a compact activity mark. */
.site-page .site-help-link:hover,.site-page .site-help-link:focus-visible{padding-left:8px;transform:none}
.site-page .site-help-link.is-search-match:hover,.site-page .site-help-link.is-search-match:focus-visible{padding-left:10px}
.site-ai-finding{display:inline-flex;align-items:center;gap:7px;margin-left:9px;color:#b8cae0}.site-ai-finding i{--bb-loader-size:24px}
.site-ai-finding[hidden]{display:none}
.site-runtime-banner { position: fixed; bottom: 16px; left: 50%; transform: translateX(-50%); z-index: 900; width: min(680px, calc(100% - 32px)); box-sizing: border-box; padding: 12px 18px; border: 1px solid #e6b85a; background: #172238; color: #fff2cb; font: 14px/1.5 Lato, sans-serif; box-shadow: 0 4px 20px #0008; overflow-wrap: anywhere; max-height: 25vh; overflow: auto; }
.site-runtime-banner[hidden] { display: none; }

.site-settings-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}
.site-settings-window .site-settings-footer #settings-reset{margin-top:0}
.site-settings-renderer{font:11px/1.4 system-ui,sans-serif;color:#94a3b8;white-space:nowrap}

/* Generated BB website art, with separate mobile hero composition. */
.site-hero-art{position:absolute;inset:0;display:block;overflow:hidden}
.site-hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;image-rendering:auto}
.site-about .site-hero-art img{filter:brightness(.85)}
.site-support-heading{padding:32px 36px;border:2px solid var(--bb-border);background:linear-gradient(90deg,#08101ef0,#08101e80),url('/assets/site/help-banner.webp') center/cover}
.site-article-art{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;margin:24px 0;border:2px solid var(--bb-border);image-rendering:pixelated}
.site-showcase img{height:auto;aspect-ratio:16/9;object-fit:cover}
@media(max-width:650px){.site-support-heading{padding:26px 20px}.site-help-hero,.site-support-heading{background-position:65% center}.site-about .site-hero-art img{object-position:center 42%}}
.site-mode .site-mode-art{padding:0;height:auto;aspect-ratio:4/3}
.site-mode .site-mode-art img{object-fit:cover;transform:none}
.site-mode:hover .site-mode-art img{transform:none}
.site-card:not(.site-mode)>img{aspect-ratio:4/3}
@media(min-width:651px){.site-about .site-hero-copy{bottom:-210px}.site-about .site-hero{margin-bottom:265px}}

.site-consent input[type="checkbox"]:checked,
.site-setting input[type="checkbox"]:checked {
  background-image: url("/assets/ui/pixel-check.webp") !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}

.site-consent input[type="checkbox"]:checked::after,
.site-setting input[type="checkbox"]:checked::after {
  content: none !important;
}