/* October usability pass. Artwork and card dimensions remain unchanged. */
body.approved-site[data-hub-page=gameplay]{background-image:linear-gradient(#20160718,#20160738),url('/assets/approved-ui/gameplay-bg-v2.png')!important}
/* Keep the exact viewport scenery from the squad screen, including its night version. */
body.approved-site #draftOptionsModal{background:transparent!important;backdrop-filter:none!important}
.approved-card .approved-card-art{mask:url('/assets/approved-ui/card-silhouette-v2.svg') center/100% 100% no-repeat;-webkit-mask:url('/assets/approved-ui/card-silhouette-v2.svg') center/100% 100% no-repeat}
.approved-footer{grid-template-columns:205px minmax(0,1fr) 240px 330px!important;gap:12px!important}
.approved-footer .bottom-chat .hub-chat-open{display:flex;align-items:center;gap:10px!important;font-weight:750!important;font-size:13px!important;border:1px solid var(--hub-line)!important;border-radius:10px!important;padding:11px 14px!important;background:var(--hub-panel)!important;position:relative}
.hub-chat-open .ui-icon{width:23px;height:23px;color:var(--hub-bronze)}.hub-chat-open>i{width:7px;height:7px;border-radius:50%;background:var(--hub-bronze);display:none}.hub-chat-open.has-unread>i{display:block}
.approved-footer .visitors{display:flex!important;align-items:center;gap:16px;justify-content:center}.approved-footer .visitors>span{display:grid;grid-template-columns:auto 1fr;gap:2px 7px;align-items:center;font-size:10px;color:var(--hub-muted)!important}.approved-footer .visitors b{grid-row:1/3;font-size:25px!important;font-weight:800;color:var(--hub-bronze)!important;line-height:1}.approved-footer .visitors small{font-size:10px;display:block;letter-spacing:.4px}
.approved-header .tools>button.hub-online{display:flex!important;align-items:center;gap:8px!important}.hub-online .online-dot{width:7px;height:7px;background:var(--hub-bronze);box-shadow:0 0 0 4px #c491511c;border-radius:50%}.hub-online strong{font-size:22px;font-weight:800;line-height:1}.hub-online small{font-size:10px;letter-spacing:.6px;line-height:1.2;text-align:left}
body.approved-site .account-panel,body.approved-site .activity-widget,body.approved-site .active-users-widget,body.approved-site #hostControlsWidget{color:var(--hub-text)!important;background:var(--hub-surface)!important;border-color:var(--hub-line)!important}
body.approved-site .account-panel button,body.approved-site .account-panel a,body.approved-site .account-panel h3,body.approved-site .account-panel strong,body.approved-site .activity-widget button,body.approved-site .active-users-widget button{color:var(--hub-text)!important;background:var(--hub-panel)!important;border-color:var(--hub-line)!important;text-shadow:none!important;opacity:1!important}
body.approved-site .account-panel button:hover{background:#b7834928!important;border-color:var(--hub-bronze)!important}.account-panel p,.account-panel .account-panel-meta,.activity-widget small,.active-users-widget small{color:var(--hub-muted)!important}
body.approved-site #hostWrenchBtn{top:88px!important;left:14px!important;z-index:100060!important;width:42px!important;height:42px!important;padding:0!important;display:none;border-radius:10px!important;background:var(--hub-surface)!important;color:var(--hub-text)!important;border:1px solid var(--hub-line)!important}
body.approved-site #hostControlsWidget{top:138px!important;left:14px!important;z-index:100070!important;width:290px!important;max-width:calc(100vw - 28px)!important;max-height:calc(100dvh - 230px);overflow:auto;padding:16px!important}
#hostControlsWidget button{color:var(--hub-text)!important;background:var(--hub-panel)!important;border:1px solid var(--hub-line)!important;min-height:38px}
#hostControlsWidget>div,#hostControlsWidget small,#hostControlsWidget label{color:var(--hub-text)!important;text-shadow:none!important}
body.approved-site #draftPickingScreen{padding:20px 0 16px 212px!important;margin:20px auto!important;min-height:0!important}
.hub-draft-roster{width:184px!important;padding:18px 12px!important;top:22px!important;max-height:calc(100dvh - 235px);overflow:auto}
.hub-draft-roster h3{font-size:11px;letter-spacing:1px;margin:0 0 14px}.hub-draft-roster #draftOthersStatus{gap:9px!important}.hub-draft-roster #draftOthersStatus>div{padding:10px!important;font-size:12px!important}.hub-draft-roster #draftOthersStatus>div>div:first-child{font-size:12px!important}
.premium-draft-progress{display:none!important}
body.approved-site #draftPickingScreen>h1,body.approved-site #roomTitleText{color:var(--hub-text)!important;background:var(--hub-surface);border:1px solid var(--hub-line);border-radius:10px;padding:10px 16px!important;display:inline-block;font-size:28px!important;margin:0!important}
#hubSquadTitle{color:var(--hub-text)!important;background:var(--hub-surface);border-radius:6px;padding:7px 12px;display:table;margin:9px 0!important;font-weight:750;font-size:12px;letter-spacing:2px}
body.approved-site #draftPickingScreen .hub-draft-instructions{color:var(--hub-text)!important;background:var(--hub-surface)!important;border:1px solid var(--hub-line)!important;border-radius:8px;padding:8px 12px!important;margin-bottom:12px!important;font-size:13px!important}
body.approved-site #draftPickingScreen .hub-draft-instructions *{color:var(--hub-text)!important;opacity:1!important;text-shadow:none!important}
#myDraftContainer{gap:12px!important}#myDraftContainer .draft-category-group{padding:10px!important}#myDraftContainer .category-header{margin:0 0 7px!important;font-size:13px!important}#myDraftContainer .slots-row{gap:6px!important}#myDraftContainer .draft-slot-card{max-height:calc((100dvh - 415px)/2)!important}
body[data-hub-stage=draft_picking] .draft-presence-panel{display:none!important}
#draftOptionsContainer .pack-card-container{transition:transform .18s ease,filter .18s ease!important;outline:none}#draftOptionsContainer .pack-card-container:hover,#draftOptionsContainer .pack-card-container:focus-visible{transform:translateY(-12px) scale(1.035)!important;filter:drop-shadow(0 10px 13px #c99c5680);z-index:2}
#draftOptionsContainer .pack-card-container:hover .pack-card.flipped{transform:rotateY(180deg)!important}
/* Own duel remains the focal point; the other simultaneous duels fit in a side column. */
body.approved-site #votingScreen{margin:18px auto!important;padding:14px 0!important;min-height:0!important}
#votingScreen #votingTitle{font-size:26px!important;color:var(--hub-text)!important;background:var(--hub-surface);border:1px solid var(--hub-line);border-radius:8px;display:table;padding:8px 16px;margin:0 auto 5px!important}
#votingScreen #votingSubtitle{color:var(--hub-text)!important;background:var(--hub-surface);padding:5px 12px;border-radius:5px;display:table;margin:0 auto 12px!important;font-size:12px!important}
#votingScreen .vs-matchups-grid{gap:12px!important;align-items:start!important}
#votingScreen .vs-matchups-grid.hub-multi-duels{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)!important;grid-auto-flow:row!important;grid-template-rows:repeat(var(--hub-other-duels),minmax(0,1fr))!important;height:calc(100dvh - 335px);min-height:510px}
#votingScreen .hub-multi-duels .hub-own-matchup{grid-column:1!important;grid-row:1 / span var(--hub-other-duels)!important;height:100%!important;display:flex!important;justify-content:center!important;padding:16px!important;background:var(--hub-panel)!important;border:1px solid var(--hub-bronze)!important;border-radius:14px!important}
#votingScreen .hub-multi-duels .hub-other-matchup{grid-column:2!important;grid-row:auto!important;padding:7px!important;background:var(--hub-panel)!important;border:1px solid var(--hub-line)!important;border-radius:10px!important;height:100%!important;overflow:hidden}
#votingScreen .vs-inner-wrap{width:100%!important;min-width:0!important;display:flex!important;gap:8px!important;align-items:stretch!important}
#votingScreen .vs-side{flex:1 1 0!important;width:0!important;max-width:none!important;min-width:0!important;padding:10px!important;background:var(--hub-surface)!important;color:var(--hub-text)!important}
#votingScreen .vs-side h2{color:var(--hub-text)!important;font-size:17px!important;margin:0 0 6px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#votingScreen .vs-side .inventory{margin:0!important;min-height:0!important}#votingScreen .vs-card-row{gap:4px!important;width:100%!important}
#votingScreen .vote-btn{min-height:30px!important;font-size:11px!important;padding:6px 8px!important;margin-top:6px!important;border-radius:5px!important}
#votingScreen .vs-mid-wrap{flex:0 0 34px!important;width:34px!important;padding:0!important;align-self:center!important}#votingScreen .vs-text{font-size:13px!important;margin:0 0 6px!important}
#votingScreen .hub-other-matchup .vs-side{padding:4px!important;border:0!important;background:none!important}#votingScreen .hub-other-matchup .vs-side h2{font-size:11px!important;margin-bottom:2px!important}.hub-other-matchup .flip-car{display:none}
#votingScreen .hub-other-matchup .vs-mid-wrap{flex-basis:25px!important;width:25px!important}#votingScreen .hub-other-matchup .vote-btn{font-size:9px!important;min-height:22px!important;padding:3px!important;margin-top:3px!important}
#votingScreen .hub-other-matchup>div:not(.vs-inner-wrap){font-size:11px!important;margin-bottom:2px!important;padding:0!important}
#votingScreen .hub-other-matchup .vs-card-wrap{max-height:calc((100dvh - 480px)/var(--hub-other-duels))!important}
#votingScreen .hub-own-matchup .vs-card-wrap{max-height:360px!important}
#votingScreen .vs-matchups-grid.matchup-count-1{max-width:1320px!important;margin:auto!important}#votingScreen .matchup-count-1 .vs-card-wrap{max-height:calc(100dvh - 430px)!important}
#votingScreen .voters-list{padding:5px 12px!important;margin:8px 0!important;font-size:11px!important;display:flex;align-items:center;justify-content:center;gap:10px}#votingScreen .voters-list h3{font-size:11px!important;margin:0!important}#votingScreen .voters-list div{font-size:11px!important}
#votingScreen .one-v-one-round-progress{position:static!important;padding:6px 12px!important;margin:0 auto 6px!important;min-height:0!important;max-width:max-content;font-size:11px!important}#votingScreen .corner-help-btn{top:8px!important;right:6px!important}
body.approved-site .container .corner-help-btn{position:absolute!important;float:none!important;left:auto!important;right:8px!important;top:8px!important;width:auto!important;min-width:0!important;min-height:30px!important;margin:0!important;padding:5px 10px!important;font-size:11px!important}
#votingScreen .one-v-one-arena-kicker,#votingScreen .one-v-one-round-progress{display:none!important}
#votingScreen .vs-side .inventory{background:transparent!important;border:0!important;padding:0!important}
#votingScreen .vs-matchup-panel>div:not(.vs-inner-wrap){color:var(--hub-text)!important;background:var(--hub-surface)!important;border:1px solid var(--hub-line)!important;padding:4px 10px!important;border-radius:5px;font-size:12px!important;margin:0 0 5px!important}
#votingScreen .voters-list *{color:var(--hub-text)!important}
body[data-hub-stage=voting] .draft-presence-panel{display:none!important}
body.approved-site #draftPickingScreen h1{color:var(--hub-text)!important;background:var(--hub-surface);border:1px solid var(--hub-line);border-radius:10px;padding:9px 14px!important;font-size:28px!important;margin:0!important}
body.approved-site #draftPickingScreen .hub-draft-instructions{display:inline-block!important}
#votingScreen .hub-other-matchup .approved-card-name{font-size:var(--card-name-size,8cqw)!important}#votingScreen .hub-other-matchup .approved-card-rating{font-size:max(18px,13cqw)!important}#votingScreen .hub-other-matchup .approved-card-mode{font-size:max(6px,3.4cqw)!important}#votingScreen .hub-other-matchup .approved-card-brand{font-size:3cqw!important}
.hub-draft-roster #draftOthersStatus>div>div:last-child>div{background:linear-gradient(90deg,#b68144,#d4ac73)!important}
.account-panel>div:first-child{color:var(--hub-muted)!important}.approved-footer .hub-chat-open:focus-visible{outline:2px solid var(--hub-bronze)!important;outline-offset:3px}
.approved-footer .bottom-chat .hub-chat-open:hover{background:#b7834922!important;color:var(--hub-text)!important;border-color:var(--hub-bronze)!important}
/* Compact draft toolbar and squad comparison, without moving the pick offers away. */
.approved-footer .visitors b{font-size:15px!important;font-weight:700!important}
body.approved-site #hostWrenchBtn{align-items:center!important;justify-content:center!important;line-height:0!important;text-align:center!important}
body.approved-site #hostWrenchBtn svg{display:block;margin:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:22px;height:22px}
body.approved-site #draftPickingScreen .hub-draft-heading{flex-direction:row!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;margin:0 90px 15px 0!important}
body.approved-site #draftPickingScreen .hub-draft-heading h1{flex-shrink:0;font-size:25px!important;padding:8px 12px!important}
#draftPickingScreen .hub-draft-heading #hubSquadTitle{margin:0!important;font-size:11px!important;padding:9px 11px!important;letter-spacing:1px!important;white-space:nowrap}
body.approved-site #draftPickingScreen .hub-draft-heading .hub-draft-instructions{margin:0!important;padding:9px 12px!important;font-size:12px!important;line-height:1.25}
#draftOptionsModal .draft-modal-content{position:relative}
#draftOptionsModal .draft-modal-content.squad-view-open{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:12px 20px;align-content:stretch;height:calc(100dvh - 184px)!important;width:min(1800px,96vw)!important;max-height:calc(100dvh - 184px)!important;padding:20px!important;overflow:hidden!important}
#draftOptionsModal .squad-view-open #packTitle{grid-column:2;grid-row:1;font-size:22px!important;margin:0!important;align-self:center;white-space:normal}
#draftOptionsModal .squad-view-open .hub-squad-region{grid-column:1;grid-row:1 / span 2;min-width:0;min-height:0;display:flex;flex-direction:column;gap:10px}
#draftOptionsModal .squad-view-open .hold-squad-btn{align-self:flex-start;margin:0!important;padding:8px 14px!important;font-size:12px!important;flex-shrink:0}
#draftOptionsModal .squad-view-open #holdSquadPanel{display:flex!important;flex:1;flex-direction:column;min-height:0;max-height:none!important;margin:0!important;padding:12px!important;overflow:auto!important;background:var(--hub-panel)!important;border:1px solid var(--hub-line)!important;color:var(--hub-text)!important}
#draftOptionsModal #holdSquadPanel>div:first-child span{color:var(--hub-text)!important}
#draftOptionsModal .squad-view-open #holdSquadGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;min-height:0;margin:8px 0 0!important}
#draftOptionsModal .hold-squad-mode-group{background:var(--hub-surface);border:1px solid var(--hub-line);border-radius:8px;padding:8px;min-width:0}
#draftOptionsModal .hold-squad-mode-title{color:var(--hub-bronze);font-size:11px;font-weight:800;letter-spacing:1px;margin:0 0 7px}
#draftOptionsModal .hold-squad-mode-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
#draftOptionsModal .hold-squad-card-shell{aspect-ratio:3/4;min-width:0;overflow:hidden;background:none;border:0;padding:0}
#draftOptionsModal .hold-squad-card-shell.empty{border:1px dashed var(--hub-line);border-radius:7px;display:grid;place-items:center;color:var(--hub-muted);font-size:10px}
#draftOptionsModal .hold-squad-card-shell img.select-player-card-art{width:100%;height:100%;object-fit:contain;opacity:.5}
#draftOptionsModal .hold-squad-card-shell .approved-card-name{font-size:var(--card-name-size,8cqw)!important}
#draftOptionsModal .squad-view-open #draftOptionsContainer{display:flex!important;grid-column:2;grid-row:2;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:10px!important;padding:0!important;margin:0!important;min-height:0;height:100%;overflow:visible!important}
#draftOptionsModal .squad-view-open #draftOptionsContainer .pack-card-container{width:min(15vw,calc((100dvh - 280px)*.25))!important;flex:0 0 auto!important;aspect-ratio:3/4!important;max-height:calc((100dvh - 280px)/3)!important}
@media(min-width:1500px){#draftOptionsModal .squad-view-open #draftOptionsContainer{flex-direction:row!important;gap:8px!important}#draftOptionsModal .squad-view-open #draftOptionsContainer .pack-card-container{width:min(11.5vw,220px)!important;max-height:none!important}#draftOptionsModal .squad-view-open #holdSquadGrid{align-content:center;flex:1}}
@media(max-width:1450px){#draftPickingScreen .hub-draft-heading .hub-draft-instructions{font-size:11px!important}#draftOptionsModal .squad-view-open #holdSquadGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:800px){#draftOptionsModal .draft-modal-content.squad-view-open{display:flex!important;flex-direction:column;height:100%!important;max-height:100%!important;overflow:auto!important}#draftOptionsModal .squad-view-open .hub-squad-region{flex:0 0 auto}#draftOptionsModal .squad-view-open #draftOptionsContainer{flex-direction:row!important;min-height:180px;height:auto;flex-shrink:0}#draftOptionsModal .squad-view-open #draftOptionsContainer .pack-card-container{width:25vw!important;max-height:none!important}#draftOptionsModal .squad-view-open #holdSquadPanel{max-height:45dvh!important;flex:none}#draftPickingScreen .hub-draft-heading{margin-right:0!important}}
.hold-squad-mode-group.current-pick-mode{border-color:var(--hub-bronze)!important;box-shadow:inset 0 3px var(--hub-bronze)}.hold-squad-card-shell.current-pick-slot{border:2px solid var(--hub-bronze)!important}.squad-empty-label{display:grid;gap:8px;text-align:center;font-size:9px;color:var(--hub-bronze)}.squad-empty-label b{font-size:30px;font-weight:400}
@media(min-width:1001px){#draftOptionsModal .draft-modal-content.squad-view-open{position:fixed!important;top:96px!important;left:50%!important;transform:translateX(-50%)!important;margin:0!important;height:calc(100dvh - 192px)!important;max-height:calc(100dvh - 192px)!important}#draftOptionsModal .squad-view-open #holdSquadGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:start!important;gap:10px!important}#draftOptionsModal .squad-view-open #holdSquadGrid:has(> :nth-child(4)){grid-template-rows:repeat(3,minmax(0,1fr))!important}#draftOptionsModal .hold-squad-mode-group{min-height:0}#draftOptionsModal .hold-squad-card-shell{max-height:calc((100dvh - 350px)/3)}#draftOptionsModal .hold-squad-mode-cards{min-height:0}}
html[data-fc-theme=light] body.approved-site .modal-content p,html[data-fc-theme=light] body.approved-site .modal-content h3,html[data-fc-theme=light] body.approved-site .patchnotes-card p,html[data-fc-theme=light] body.approved-site .guide-card p{color:var(--hub-text)!important;text-shadow:none!important}
@media(min-width:2200px){.approved-footer{grid-template-columns:205px minmax(0,1fr) 240px 330px!important}}
@media(max-width:1450px){.approved-footer{grid-template-columns:175px minmax(0,1fr) 185px 260px!important}.approved-footer .visitors{gap:8px}.approved-footer .visitors b{font-size:21px!important}.hub-online small{display:none}}
@media(max-width:1000px){body.approved-site #hostWrenchBtn{top:124px!important}body.approved-site #hostControlsWidget{top:174px!important}.approved-footer{grid-template-columns:1fr 1fr!important}.approved-footer .visitors{display:none!important}body.approved-site #draftPickingScreen{padding-left:172px!important}.hub-draft-roster{width:150px!important}#myDraftContainer .draft-slot-card{max-height:none!important}#votingScreen .vs-matchups-grid.hub-multi-duels{height:auto;min-height:0;grid-template-columns:1fr!important;grid-template-rows:none!important}#votingScreen .hub-multi-duels .hub-own-matchup,#votingScreen .hub-multi-duels .hub-other-matchup{grid-column:1!important;grid-row:auto!important}#votingScreen .hub-other-matchup .vs-card-wrap{max-height:170px!important}}
@media(max-width:650px){body.approved-site #draftPickingScreen{padding-left:12px!important}.hub-draft-roster{position:static;width:100%!important;max-height:150px}.hub-draft-roster #draftOthersStatus{flex-direction:row!important}.hub-draft-roster #draftOthersStatus>div{min-width:100px}.approved-footer .bottom-chat .hub-chat-open{font-size:10px!important;padding:8px!important}#votingScreen .vs-card-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}#votingScreen .vs-side h2{font-size:12px!important}#votingScreen .vs-side{padding:4px!important}#votingScreen .vs-mid-wrap{flex-basis:22px!important;width:22px!important}#votingScreen .vs-inner-wrap{gap:3px!important}}

/* Keep complete card artwork inside each simultaneous duel, rather than clipping its height. */
body.approved-site #votingScreen .vs-card-row{justify-items:center!important;align-items:start!important}
body.approved-site #votingScreen .vs-card-wrap{min-width:0!important;max-width:100%!important;flex-basis:auto!important;height:auto!important;max-height:none!important;aspect-ratio:3/4!important}
body.approved-site #votingScreen .hub-other-matchup .vs-card-wrap{width:min(100%,calc((100dvh - 480px)/var(--hub-other-duels,1)*.75))!important}
body.approved-site #votingScreen .hub-own-matchup .vs-card-wrap{width:min(100%,270px)!important}
body.approved-site #votingScreen .vs-card-back{padding:0!important}
body.approved-site #votingScreen .vs-card-back .approved-card{width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:3/4!important}
body.approved-site .approved-footer{height:52px!important;min-height:0!important;box-sizing:border-box!important}
body.approved-site .approved-footer .hub-chat-open{padding:7px 12px!important}
body.approved-site{padding-bottom:68px!important}
body.approved-site #draftPickingScreen{padding-bottom:80px!important}
body.approved-site .chat-widget{bottom:64px!important}
.hub-race-score{gap:24px!important;margin-bottom:12px!important}
.hub-race-score>div{width:auto!important;min-width:100px}
.hub-race-score strong{margin:0!important}
.hub-race-score>b{font-size:26px!important}
@media(max-width:1000px){body.approved-site .approved-footer{height:84px!important}body.approved-site{padding-bottom:100px!important}body.approved-site .chat-widget{bottom:96px!important}body.approved-site #votingScreen .hub-other-matchup .vs-card-wrap{width:min(100%,127.5px)!important}}

/* Compact shell, neutral black theme, and proportional card fitting. */
html[data-fc-theme=dark]{--bg:#050505;--surface:rgba(8,8,8,.97);--hub-surface:rgba(8,8,8,.97);--hub-panel:rgba(12,12,12,.97);--overlay:rgba(5,5,5,.82);--text:#f4f0e9;--hub-text:#f4f0e9;--muted:#b9b2a8;--hub-muted:#b9b2a8}
html[data-fc-theme=dark] body.approved-site :is(.card-content,.hub-room-roster,.hub-room-info,.hub-draft-roster,.draft-category-group,.hub-dialog-card,.modal-content,.chat-widget){background:var(--hub-panel)!important}
body.approved-site .approved-header{height:56px!important;padding:0 28px!important;gap:22px!important}
body.approved-site .approved-header .logo{font-size:27px!important}
body.approved-site .approved-header .approved-nav{gap:22px!important}
body.approved-site .approved-header .approved-nav a{font-size:14px!important}
body.approved-site .approved-header .tools{gap:6px!important}
body.approved-site .approved-header .tools>button{font-size:12px!important;padding:0 11px!important}
body.approved-site .approved-header .tools>button.account{height:32px!important;border-radius:7px!important}
body.approved-site .hub-online strong{font-size:13px!important;font-weight:600!important}
body.approved-site .hub-online small{font-size:12px!important;letter-spacing:0!important;display:inline!important}
body.approved-site .hub-online .online-dot{width:5px;height:5px;box-shadow:none}
body.approved-site .approved-footer{height:44px!important;padding:0 24px!important;gap:8px!important}
body.approved-site .approved-footer button{font-size:11px!important}
body.approved-site .approved-footer .hub-chat-open{padding:5px 9px!important;font-size:11px!important;border-radius:6px!important}
body.approved-site .approved-footer .ui-icon{width:18px!important;height:18px!important}
body.approved-site{padding-top:56px!important;padding-bottom:56px!important}
body.approved-site .approved-ui.screen{height:calc(100dvh - 100px)!important;min-height:0!important}
body.approved-site :is(#hubHome,#hubPlay){background-size:cover!important;background-repeat:no-repeat!important;background-position:center!important;background-color:var(--bg)!important}
body.approved-site[data-hub-page=home],body.approved-site[data-hub-page=play]{background-image:none!important;background-color:var(--bg)!important}
body.approved-site #hubHome{padding:5vh 3vw 20px!important}
body.approved-site .welcome{width:450px!important}
body.approved-site .welcome h1{font-size:clamp(40px,4vw,72px)!important}
body.approved-site .welcome .strap{font-size:13px!important;letter-spacing:3px!important;margin:12px 0 22px!important}
body.approved-site .cta{min-height:50px!important;padding:12px 18px!important;gap:16px!important}
body.approved-site .cta.primary{min-height:76px!important}
body.approved-site .cta strong{font-size:16px!important}body.approved-site .cta.primary strong{font-size:24px!important}
body.approved-site .cta small{font-size:12px!important}
body.approved-site .feature-grid{gap:16px!important;margin-top:22px!important}
body.approved-site .feature{height:155px!important;border-radius:7px!important}
body.approved-site .feature>div{padding:12px!important;min-height:65px!important;gap:12px!important}
body.approved-site .feature strong{font-size:15px!important}body.approved-site .feature small{font-size:12px!important;margin-top:4px!important}
body.approved-site .mode-list{width:36%!important;max-height:560px!important;gap:12px!important}
body.approved-site .mode{min-height:100px!important;padding:18px!important;border:1px solid #bfa78045!important;border-radius:7px!important;outline:none!important;box-shadow:none!important;transform:none!important;transition:border-color .15s,box-shadow .15s!important}
body.approved-site .mode.selected{border-color:#bfa78045!important;box-shadow:none!important}
body.approved-site .mode:hover,body.approved-site .mode:focus-visible{border-color:var(--hub-bronze)!important;box-shadow:inset 0 0 0 1px var(--hub-bronze)!important}
body.approved-site .mode strong{font-size:22px!important}body.approved-site .mode small{font-size:13px!important;margin-top:7px!important}
body.approved-site .lobby-bar button{padding:13px 20px!important;gap:16px!important}body.approved-site .lobby-bar strong{font-size:15px!important}body.approved-site .lobby-bar small{font-size:11px!important}
body.approved-site .hub-dialog,#draftOptionsModal{inset:56px 0 44px!important}
body.approved-site #hostWrenchBtn{top:66px!important;width:34px!important;height:34px!important}
body.approved-site #hostControlsWidget{top:108px!important}
body.approved-site .chat-widget{bottom:56px!important}
body.approved-site :is(.hub-room-info,.hub-room-roster,.hub-draft-roster,.community-panel){padding:18px!important}
body.approved-site #votingScreen .vs-matchups-grid.hub-multi-duels{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;height:calc(100dvh - 265px)!important;min-height:0!important;gap:12px!important}
body.approved-site #votingScreen .hub-multi-duels :is(.hub-own-matchup,.hub-other-matchup){grid-column:auto!important;grid-row:auto!important;padding:10px!important;justify-content:center!important;flex-direction:column!important;overflow:hidden!important;box-sizing:border-box!important}
body.approved-site #votingScreen .hub-multi-duels .vs-inner-wrap{align-items:center!important;flex:0 1 auto!important}
body.approved-site #votingScreen .hub-multi-duels .vs-side{padding:6px!important}
body.approved-site #votingScreen .hub-multi-duels .vs-side h2{font-size:13px!important}
body.approved-site #votingScreen .hub-multi-duels .vs-card-wrap{width:min(100%,calc((100dvh - 445px)*.375),160px)!important}
body.approved-site #votingScreen .hub-multi-duels .vs-mid-wrap{flex:0 0 25px!important;width:25px!important}
body.approved-site #votingScreen .hub-multi-duels .vote-btn{min-height:25px!important;font-size:10px!important}
body.approved-site #myDraftContainer .slots-row,body.approved-site .hold-squad-mode-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;justify-items:center!important;align-items:start!important}
body.approved-site #myDraftContainer .draft-slot-card{width:min(100%,calc((100dvh - 415px)*.375))!important;height:auto!important;max-height:none!important;aspect-ratio:3/4!important;min-width:0!important}
body.approved-site .hold-squad-card-shell{width:min(100%,calc((100dvh - 350px)*.25))!important;height:auto!important;max-height:none!important;aspect-ratio:3/4!important}
body.approved-site :is(.draft-slot-card,.hold-squad-card-shell)>.approved-card{width:100%!important;height:100%!important}
@media(max-width:1000px){body.approved-site .approved-header{height:96px!important}body.approved-site{padding-top:96px!important;padding-bottom:84px!important}body.approved-site .approved-footer{height:72px!important}body.approved-site .approved-ui.screen{height:calc(100dvh - 168px)!important}body.approved-site .mode-list{width:52%!important}body.approved-site .hub-dialog,body.approved-site #draftOptionsModal{inset:96px 0 72px!important}body.approved-site .chat-widget{bottom:84px!important}body.approved-site #myDraftContainer .draft-slot-card{width:100%!important}body.approved-site #votingScreen .vs-matchups-grid.hub-multi-duels{grid-template-columns:1fr!important;grid-template-rows:none!important;height:auto!important}body.approved-site #votingScreen .hub-multi-duels .vs-card-wrap{width:min(100%,130px)!important}}
@media(max-width:650px){body.approved-site .mode-list{width:100%!important}body.approved-site .welcome{width:100%!important}body.approved-site .approved-header{padding:0 12px!important;gap:8px!important}body.approved-site .approved-header .logo{font-size:23px!important}body.approved-site .approved-header .approved-nav{gap:12px!important}body.approved-site .approved-header .tools>button{padding:0 5px!important;font-size:10px!important}body.approved-site .approved-footer{padding:0 10px!important}body.approved-site .approved-footer .bottom-links button{font-size:9px!important}body.approved-site .hub-online small{font-size:10px!important}}

body.approved-site .approved-header{min-height:0!important}
body.approved-site #draftOptionsContainer .pack-card-back>.approved-card{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}
body.approved-site #draftOptionsModal .draft-modal-content:not(.squad-view-open) #draftOptionsContainer .pack-card-container{width:min(24vw,290px,calc((100dvh - 280px)*.75))!important;flex-basis:min(24vw,290px,calc((100dvh - 280px)*.75))!important}

body.approved-site .mode.selected em{background:#08080888!important;color:#fff0d6!important;border-color:#bfa78045!important}
body.approved-site .mode.selected:before{background:linear-gradient(90deg,rgba(8,8,8,.94),rgba(8,8,8,.65) 47%,transparent 84%)!important}
body.approved-site .mode:hover em,body.approved-site .mode:focus-visible em{background:var(--hub-bronze)!important;color:#111!important;border-color:var(--hub-bronze)!important}
html[data-fc-theme=dark] body.approved-site :is(.lobby-bar,.lobby-bar button:not(:nth-child(2)),.feature>div,.filter-panel select,.hub-other-matchup,.vs-side,.hold-squad-mode-group){background:var(--hub-panel)!important}
body.approved-site .lobby-bar{min-height:0!important}body.approved-site .lobby-bar button{min-height:70px!important}
body.approved-site .lobby-bar .ui-icon{width:24px!important;height:24px!important}

/* Viewport-sized artwork keeps the original framing without side bands. */
body.approved-site :is(#hubHome,#hubPlay){background-attachment:fixed!important;background-size:cover!important;background-position:center!important}
body.approved-site .approved-footer .visitors{flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:12px!important}
body.approved-site .approved-footer .visitors>span{display:flex!important;align-items:center!important;gap:5px!important;white-space:nowrap!important}
body.approved-site .approved-footer .visitors b{order:2!important;line-height:1!important;font-size:12px!important}
body.approved-site .approved-footer .visitors small{display:none!important}
body.approved-site .approved-footer .bottom-radio{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;height:100%!important}
body.approved-site .approved-footer .bottom-radio>div{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;min-width:0!important}
body.approved-site .approved-footer .bottom-radio small{display:block!important;margin:0!important;padding:0!important;line-height:1.1!important;font-size:10px!important}
body.approved-site .approved-footer .bottom-radio select{display:block!important;line-height:1.2!important;margin:0!important;height:16px!important;font-size:11px!important;width:125px!important;max-width:100%!important}
body.approved-site .approved-footer .radio-play{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;min-height:28px!important;padding:0!important;line-height:1!important;flex:0 0 28px!important;box-sizing:border-box!important}
body.approved-site .approved-footer .radio-play svg{display:block!important;width:12px!important;height:12px!important}
body.approved-site .approved-footer .speaker{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 16px!important}
body.approved-site .approved-footer .speaker svg{display:block;width:16px;height:16px}
body.approved-site .approved-footer .bottom-radio input{display:block!important;margin:0!important;height:16px!important;width:65px!important;min-width:30px!important}
@media(max-width:1450px){body.approved-site .approved-footer .bottom-radio{gap:6px!important}body.approved-site .approved-footer .bottom-radio select{width:105px!important}body.approved-site .approved-footer .bottom-radio input{width:50px!important}}
@media(max-width:650px){body.approved-site :is(#hubHome,#hubPlay){background-attachment:scroll!important}body.approved-site .approved-footer .bottom-radio>.ui-icon,body.approved-site .approved-footer .bottom-radio .speaker{display:none!important}body.approved-site .approved-footer .bottom-radio select{width:85px!important}body.approved-site .approved-footer .bottom-radio input{width:40px!important}}

/* Fit the landing viewport and use consistent native panels and icon geometry. */
@media(min-width:1001px){body.approved-site[data-hub-page=home]{padding-bottom:44px!important}body.approved-site #hubHome{height:calc(100dvh - 100px)!important;overflow:hidden!important;box-sizing:border-box!important}}
body.approved-site .feature{position:relative!important;isolation:isolate!important;border:1px solid var(--hub-line)!important;border-radius:8px!important;clip-path:none!important;transform:none!important;box-shadow:none!important;background-origin:border-box!important;background-clip:border-box!important;overflow:hidden!important}
body.approved-site .feature:before,body.approved-site .feature:after{display:none!important}
body.approved-site .feature>div{background:var(--hub-surface)!important;border:0!important;border-radius:0!important;box-sizing:border-box!important;position:relative!important}
body.approved-site .feature:hover,body.approved-site .feature:focus-visible{border-color:var(--hub-bronze)!important;box-shadow:inset 0 0 0 1px var(--hub-bronze)!important}
body.approved-site .lobby-bar button{border-radius:8px!important;box-shadow:none!important;clip-path:none!important;align-items:center!important}
body.approved-site .lobby-bar b{display:flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;min-width:38px!important;line-height:1!important;margin:0!important;padding:0!important;border-radius:8px!important;box-sizing:border-box!important}
body.approved-site .lobby-bar b svg{display:block!important;width:22px!important;height:22px!important;flex-shrink:0!important}
body.approved-site #votingScreen .vs-matchup-panel .vs-side{background:var(--hub-surface)!important;border:1px solid var(--hub-line)!important;border-radius:9px!important;padding:8px!important}
body.approved-site #votingScreen .vs-inner-wrap{max-width:1120px!important;margin:0 auto!important;justify-content:center!important}
body.approved-site #votingScreen .vs-card-row{max-width:480px!important;margin:0 auto!important;gap:6px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
body.approved-site #votingScreen .vs-matchups-grid:not(.hub-multi-duels) .vs-card-wrap{width:100%!important;max-width:160px!important}

body.approved-site #hubHome{background-image:url('/assets/approved-ui/home-landscape-v1.png')!important}
body.approved-site #hubPlay{background-image:url('/assets/approved-ui/play-hunter-wide-v1.png')!important}

body.approved-site #votingScreen .hub-multi-duels.matchup-count-2{grid-template-rows:minmax(0,1fr)!important;height:min(460px,calc(100dvh - 265px))!important}

/* Two independent bottom docks and full page navigation. */
body.approved-site #hubHome{background-image:url('/assets/approved-ui/home-landscape-4k.webp')!important}
body.approved-site #hubPlay{background-image:url('/assets/approved-ui/play-hunter-wide-4k.webp')!important}
body.approved-site .approved-footer{display:flex!important;justify-content:space-between!important;align-items:center!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0 18px!important;pointer-events:none!important;bottom:8px!important}
body.approved-site .approved-footer>.hub-footer-left,body.approved-site .approved-footer>.bottom-radio{pointer-events:auto!important;background:var(--hub-surface)!important;border:1px solid var(--hub-line)!important;border-radius:9px!important;padding:7px 12px!important;height:40px!important;box-shadow:0 3px 12px #0002}
body.approved-site .hub-footer-left{display:flex!important;align-items:center!important;gap:14px!important}
body.approved-site .approved-footer .visitors{display:flex!important;border-left:1px solid var(--hub-line)!important;padding-left:12px!important;gap:0!important;font-size:11px!important}
body.approved-site .approved-footer .bottom-chat{height:auto!important}
body.approved-site .approved-footer .bottom-radio>div{flex-direction:row!important;align-items:center!important;gap:7px!important;white-space:nowrap!important}
body.approved-site .approved-footer .bottom-radio small{line-height:16px!important;font-size:11px!important}
body.approved-site .approved-footer .bottom-radio select{width:135px!important}
body.approved-site .approved-header .approved-nav{gap:13px!important;min-width:0!important}
body.approved-site .approved-header .approved-nav a{font-size:12px!important;white-space:nowrap!important;gap:5px!important}
body.approved-site .approved-header .approved-nav .ui-icon{width:18px!important;height:18px!important}
body.approved-site .approved-header .approved-nav .hub-utility-link{font-size:11px!important}
body.approved-site .hub-utility-page{overflow:auto!important;padding:24px 4vw 30px!important;background:transparent!important}
body.approved-site .hub-utility-page[hidden]{display:none!important}
body.approved-site .hub-utility-page>.hub-page-source{position:static!important;inset:auto!important;display:block!important;width:100%!important;max-width:1300px!important;height:auto!important;max-height:none!important;margin:0 auto!important;padding:0!important;background:transparent!important;backdrop-filter:none!important;z-index:auto!important;box-shadow:none!important;border:0!important;overflow:visible!important}
body.approved-site .hub-page-source>:is(.profiles-modal,.patchnotes-modal,.guide-container){position:static!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;padding:22px!important;background:var(--hub-surface)!important;color:var(--hub-text)!important;border:1px solid var(--hub-line)!important;border-radius:10px!important;overflow:visible!important}
body.approved-site .hub-page-source :is(.profiles-close,.close-guide,.close-btn,.patchnotes-close,.guide-close){display:none!important}
body.approved-site .hub-page-source button[onclick^="close"]{display:none!important}
body.approved-site .hub-page-source#dbModal{padding:22px!important;background:var(--hub-surface)!important;border:1px solid var(--hub-line)!important;border-radius:10px!important}
@media(min-width:1001px) and (max-width:1750px){body.approved-site .approved-header{height:96px!important;flex-wrap:wrap!important;align-content:center!important;gap:0 18px!important}body.approved-site .approved-header .approved-nav{height:48px!important;flex:1!important;justify-content:space-between!important;gap:10px!important}body.approved-site .approved-header .tools{height:40px!important;width:100%!important;justify-content:flex-end!important}body.approved-site{padding-top:96px!important}body.approved-site .approved-ui.screen{height:calc(100dvh - 140px)!important}body.approved-site .hub-dialog,body.approved-site #draftOptionsModal{top:96px!important}body.approved-site #hostWrenchBtn{top:106px!important}body.approved-site #hostControlsWidget{top:148px!important}}
@media(max-width:1000px){body.approved-site .approved-header{height:132px!important;flex-wrap:wrap!important;align-content:center!important;gap:0 12px!important}body.approved-site .approved-header .logo{height:38px!important;display:flex!important;align-items:center!important}body.approved-site .approved-header .tools{height:40px!important;width:100%!important;order:2!important;justify-content:flex-end!important}body.approved-site .approved-header .approved-nav{order:3!important;width:100%!important;flex:0 0 100%!important;height:44px!important;overflow-x:auto!important;overflow-y:hidden!important;gap:18px!important}body.approved-site .approved-header .approved-nav a{flex:0 0 auto!important}body.approved-site{padding-top:132px!important;padding-bottom:60px!important}body.approved-site .approved-ui.screen{height:calc(100dvh - 192px)!important}body.approved-site .approved-footer{height:44px!important;padding:0 8px!important}body.approved-site .approved-footer>.hub-footer-left,body.approved-site .approved-footer>.bottom-radio{padding:5px 7px!important;gap:6px!important}body.approved-site .approved-footer .visitors{padding-left:6px!important;font-size:9px!important}body.approved-site .hub-dialog,body.approved-site #draftOptionsModal{top:132px!important;bottom:60px!important}body.approved-site #hostWrenchBtn{top:142px!important}body.approved-site #hostControlsWidget{top:184px!important}}
@media(max-width:650px){body.approved-site .approved-footer .hub-chat-open{font-size:9px!important;padding:4px!important;gap:4px!important}body.approved-site .approved-footer .hub-chat-open .ui-icon{width:14px!important;height:14px!important}body.approved-site .approved-footer .visitors>span{font-size:9px!important;gap:3px!important}body.approved-site .approved-footer .visitors b{font-size:10px!important}body.approved-site .approved-footer .bottom-radio small{font-size:9px!important}body.approved-site .approved-footer .bottom-radio select{width:82px!important;font-size:9px!important}body.approved-site .approved-footer .bottom-radio input{display:none!important}body.approved-site .approved-footer .radio-play{width:24px!important;height:24px!important;min-height:24px!important;flex-basis:24px!important}}

@media(min-width:1001px) and (max-width:1750px){body.approved-site #hubHome{height:calc(100dvh - 140px)!important}}

body.approved-site .hub-utility-page>.hub-page-source{transform:none!important;float:none!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important}
body.approved-site .hub-page-source :is(input,select,textarea){color:var(--hub-text)!important;background:var(--hub-panel)!important;border-color:var(--hub-line)!important}
body.approved-site .hub-page-source :is(.db-player-list,.db-player-item,.db-list-item){background:var(--hub-panel)!important;color:var(--hub-text)!important}
body.approved-site #hubDatabase :is(#dbList,#dbCount,#dbHostNote){color:var(--hub-text)!important}
body.approved-site #hubDatabase #dbList{background:var(--hub-panel)!important;border-color:var(--hub-line)!important}
@media(max-width:650px){body.approved-site .approved-header .tools{flex-wrap:nowrap!important;gap:2px!important}body.approved-site .approved-header .tools>button{padding:0 5px!important;font-size:9px!important;gap:4px!important}body.approved-site .approved-header .tools #hubTheme .ui-icon{display:none!important}body.approved-site .approved-header .tools #hubTheme .switch{margin:0!important;width:36px!important}body.approved-site .approved-header .tools .account{margin-left:0!important;height:28px!important}body.approved-site .hub-online small{font-size:9px!important}}

body.approved-site .hub-page-source .db-item>div:first-child>span:first-child{color:var(--hub-text)!important;text-shadow:none!important}
body.approved-site .hub-page-source .db-item{border-color:var(--hub-line)!important}
body.approved-site .hub-page-source#dbModal>div{color:var(--hub-muted)!important}
body.approved-site .hub-page-source :is(.patchnotes-card p,.guide-card p,.profiles-name,.profiles-empty){color:var(--hub-text)!important}

/* One viewport background, including the space behind the floating docks. */
body.approved-site{padding-bottom:44px!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important}
body.approved-site[data-hub-page]:not([data-hub-page=gameplay]){background-image:url('/assets/approved-ui/home-landscape-v2-4k.webp')!important}
body.approved-site[data-hub-page=play]:not([data-hub-page=gameplay]){background-image:url('/assets/approved-ui/play-hunter-wide-v2-4k.webp')!important}
body.approved-site :is(#hubHome,#hubPlay,#hubCollection){background:none!important}
/* Collection uses the shared landscape instead of the old preview backdrop. */
body.approved-site #hubCollection::before{display:none!important}
body.approved-site #hubCollection .card-content{background:var(--launcher-glass)!important;border:1px solid var(--hub-line)!important;border-radius:16px!important;box-shadow:0 12px 32px #0003!important;backdrop-filter:blur(12px);padding:20px 24px!important}
body.approved-site #hubCollection :is(.collection-heading,.card-toolbar){background:transparent!important;border:0!important;border-bottom:1px solid var(--hub-line)!important;border-radius:0!important;padding:8px 0 12px!important;color:var(--hub-text)!important}
body.approved-site #hubCollection .collection-heading h1{color:var(--hub-text)!important}
body.approved-site #hubCollection :is(.collection-heading p,.collection-heading .eyebrow,.card-toolbar span){color:var(--hub-muted)!important}
body.approved-site #hubCollection .collection-grid figcaption{color:var(--hub-muted)!important;border-color:var(--hub-line)!important}
body.approved-site #hubCollection .card-toolbar b{color:var(--hub-bronze)!important}
@media(max-width:1000px){body.approved-site{padding-bottom:60px!important}}

/* Community shares the viewport artwork; utility panels keep separate columns. */
/* Approved bronze launcher: identical geometry in both themes. */
html{--launcher-glass:rgba(10,9,7,.88);--launcher-edge:#c49356;--launcher-ink:#fff7e9;--launcher-soft:#d9ccba;--launcher-button:rgba(8,8,8,.8)}
html[data-fc-theme=light]{--launcher-glass:rgba(255,247,232,.91);--launcher-edge:#ad793d;--launcher-ink:#241b12;--launcher-soft:#68563f;--launcher-button:rgba(255,250,241,.9)}
body.approved-site .approved-header{inset:0 12px auto!important;width:calc(100% - 24px)!important;background:var(--launcher-glass)!important;backdrop-filter:blur(12px);border:1px solid #c4935645!important;border-radius:12px!important;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}
body.approved-site .approved-header .logo span{color:var(--launcher-edge)!important;font-weight:800!important}
body.approved-site #hubHome .welcome{position:relative!important;isolation:isolate!important;width:490px!important;max-width:45%!important;padding:32px!important;box-sizing:border-box!important;background:var(--launcher-glass)!important;color:var(--launcher-ink)!important;backdrop-filter:blur(10px);border:1px solid var(--launcher-edge)!important;border-radius:14px!important;clip-path:polygon(16px 0,calc(100% - 36px) 0,100% 36px,100% calc(100% - 12px),calc(100% - 12px) 100%,26px 100%,0 calc(100% - 26px),0 16px)}
body.approved-site #hubHome .welcome:before{content:'';position:absolute;inset:6px;pointer-events:none;border:1px solid #c4935640;border-radius:9px;clip-path:polygon(12px 0,calc(100% - 34px) 0,100% 34px,100% calc(100% - 8px),calc(100% - 8px) 100%,22px 100%,0 calc(100% - 22px),0 12px)}
body.approved-site #hubHome .welcome h1{font-size:clamp(32px,2.5vw,50px)!important;color:var(--launcher-ink)!important;letter-spacing:-1.5px!important;line-height:1.04!important}
body.approved-site #hubHome .welcome h1 .welcome-line{font-size:inherit!important;color:var(--launcher-ink)!important;white-space:nowrap!important}
body.approved-site #hubHome .welcome h1 span:not(.welcome-line){color:#d9ab69!important}
html[data-fc-theme=light] body.approved-site #hubHome .welcome h1 span:not(.welcome-line){color:#a6753c!important}
body.approved-site #hubHome .welcome .strap{color:var(--launcher-soft)!important;letter-spacing:2.6px!important;font-size:11px!important;margin:12px 0 24px!important}
body.approved-site #hubHome .welcome .cta{position:relative!important;min-height:60px!important;margin:12px 0 0!important;border:1px solid var(--launcher-edge)!important;border-radius:10px!important;background:var(--launcher-button)!important;color:var(--launcher-ink)!important;padding:14px 18px!important;transition:box-shadow .15s,border-color .15s,transform .15s}
body.approved-site #hubHome .welcome .cta.primary{min-height:76px!important;background:linear-gradient(125deg,#e2ac61,#95602d 57%,#38220f)!important;color:#fff9ee!important;box-shadow:inset 0 1px 0 #ffe0a580!important}
body.approved-site #hubHome .welcome .cta:hover,body.approved-site #hubHome .welcome .cta:focus-visible{box-shadow:inset 0 0 0 1px #edbe7b,0 0 16px #bd8b3b30!important;transform:translateY(-2px)}
body.approved-site #hubHome .welcome .cta.primary strong{font-size:24px!important}
body.approved-site #hubHome .welcome .cta strong{font-size:15px!important;letter-spacing:.2px!important}
@media(max-width:650px){body.approved-site .approved-header{inset:0 6px auto!important;width:calc(100% - 12px)!important;padding-left:10px!important;padding-right:10px!important}body.approved-site #hubHome .welcome{max-width:100%!important;width:100%!important;padding:24px!important}body.approved-site #hubHome .welcome h1{font-size:clamp(32px,8vw,44px)!important}body.approved-site #hubHome .welcome .strap{font-size:9px!important;letter-spacing:1.5px!important}}
body.approved-site #hubCommunity{background-image:none!important;background-color:transparent!important}
body.approved-site :is(.active-users-widget,.activity-widget){top:68px!important;right:18px!important;box-sizing:border-box!important;max-height:calc(100dvh - 136px)!important}
body.approved-site .active-users-widget{width:250px!important}
body.approved-site .activity-widget{width:280px!important}
body.approved-site .activity-widget.online-open{right:280px!important}
body.approved-site .approved-footer>.hub-footer-left{background:#000!important;color:#f4f0e9!important;border-color:#ffffff26!important}
body.approved-site .approved-footer .hub-footer-left .hub-chat-open{background:#000!important;color:#f4f0e9!important;border-color:#ffffff26!important}
body.approved-site .approved-footer .hub-footer-left .visitors{color:#d0c4b4!important;border-color:#ffffff26!important}
body.approved-site .approved-footer .hub-footer-left .visitors b{color:#e4b478!important}
@media(min-width:1001px) and (max-width:1750px){body.approved-site :is(.active-users-widget,.activity-widget){top:108px!important;max-height:calc(100dvh - 176px)!important}}
@media(max-width:1000px){body.approved-site :is(.active-users-widget,.activity-widget){top:144px!important;right:8px!important;width:min(300px,calc(100vw - 16px))!important;max-height:calc(100dvh - 216px)!important}body.approved-site .activity-widget.online-open{right:calc(50vw + 5px)!important;width:calc(50vw - 13px)!important;max-width:none!important}body.approved-site .active-users-widget.history-open{right:8px!important;width:calc(50vw - 13px)!important;max-width:none!important}}

/* Wide monitors get separately composed panoramas, never stretched 16:9 art. */
body.approved-site #toastContainer{display:flex!important;top:68px!important;right:18px!important;z-index:100070!important;width:min(320px,calc(100vw - 36px));gap:8px!important;pointer-events:none!important}
body.approved-site #toastContainer .toast{background:var(--hub-surface)!important;color:var(--hub-text)!important;border:1px solid var(--hub-line)!important;border-left:3px solid var(--hub-bronze)!important;border-radius:10px!important;padding:12px 16px!important;font:600 13px/1.4 Arial,sans-serif!important;box-shadow:0 8px 24px #0003!important;overflow-wrap:anywhere;pointer-events:none!important;animation:hub-toast-in .3s ease-out both,hub-toast-out .3s ease-in 3.1s forwards!important}
body.approved-site #toastContainer .toast.leave{border-left-color:#a8937a!important}
body.approved-site #toastContainer .toast.error{border-left-color:#c77564!important}
@keyframes hub-toast-in{from{opacity:0;transform:translateX(calc(100% + 24px))}to{opacity:1;transform:translateX(0)}}
@keyframes hub-toast-out{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(calc(100% + 24px))}}
@media(min-width:1001px) and (max-width:1750px){body.approved-site #toastContainer{top:108px!important}}
@media(max-width:1000px){body.approved-site #toastContainer{top:144px!important}}
@media(prefers-reduced-motion:reduce){body.approved-site #toastContainer .toast{animation:hub-toast-out .01s 3.1s forwards!important}}
@media(min-aspect-ratio:21/10) and (min-width:1800px){body.approved-site[data-hub-page]:not([data-hub-page=gameplay]){background-image:url('/assets/approved-ui/home-ultrawide-v1.webp')!important}body.approved-site[data-hub-page=play]:not([data-hub-page=gameplay]){background-image:url('/assets/approved-ui/play-ultrawide-v1.webp')!important}}
/* Time of day changes the scenery independently of the UI theme. */
html[data-sa-theme=night] body.approved-site[data-hub-page]:not([data-hub-page=gameplay]){background-image:url('/assets/approved-ui/home-night-v1.webp')!important}
html[data-sa-theme=night] body.approved-site[data-hub-page=play]:not([data-hub-page=gameplay]){background-image:url('/assets/approved-ui/play-night-v1.webp')!important}
html[data-sa-theme=night] body.approved-site[data-hub-page=gameplay]{background-image:linear-gradient(#20160718,#20160738),url('/assets/approved-ui/gameplay-night-v1.webp')!important}
@media(min-aspect-ratio:21/10) and (min-width:1800px){
html[data-sa-theme=night] body.approved-site[data-hub-page]:not([data-hub-page=gameplay]){background-image:url('/assets/approved-ui/home-night-ultrawide-v1.webp')!important}
html[data-sa-theme=night] body.approved-site[data-hub-page=play]:not([data-hub-page=gameplay]){background-image:url('/assets/approved-ui/play-night-ultrawide-v1.webp')!important}
}