/* QrimeClub Modern UI v2.4.0 */
:root{--qc-bg:#070a0d;--qc-bg2:#0c1014;--qc-card:#11171c;--qc-card2:#151c22;--qc-border:#263038;--qc-text:#f3f5f7;--qc-muted:#8f9aa5;--qc-red:#c9181f;--qc-red2:#7e0c10;--qc-gold:#e0b54c;--qc-green:#42ce70;--qc-radius:10px;--qc-shadow:0 18px 45px rgba(0,0,0,.28)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--qc-bg);color:var(--qc-text);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px}body{background:radial-gradient(circle at 50% -150px,rgba(198,24,31,.13),transparent 420px),#070a0d}a{color:inherit;text-decoration:none}.qc-site-shell{min-height:100vh;display:flex;flex-direction:column}.qc-hero-header{height:190px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,#030405,#0a0d10);border-bottom:1px solid #252b30}.qc-hero-header:before,.qc-hero-header:after{content:"";position:absolute;width:420px;height:220px;border-radius:50%;filter:blur(75px);opacity:.18}.qc-hero-header:before{left:-100px;bottom:-110px;background:#8b1217}.qc-hero-header:after{right:-80px;top:-100px;background:#d59f33}.qc-hero-glow{position:absolute;inset:auto 18% 0;height:1px;box-shadow:0 0 70px 18px rgba(219,161,54,.17)}.qc-header-logo{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:min(980px,88vw);height:175px}.qc-header-logo img{display:block;max-width:100%;max-height:168px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.5))}
.qc-topnav{position:sticky;top:0;z-index:50;background:rgba(10,14,17,.96);border-bottom:1px solid #263038;box-shadow:0 8px 30px rgba(0,0,0,.2)}.qc-topnav-inner{height:58px;display:flex;align-items:stretch;max-width:1900px;margin:auto;padding:0 14px}.qc-topnav a{min-width:118px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:9px;color:#d4d9de;border-left:1px solid #20282e;font-weight:700}.qc-topnav a:hover{background:#151b20;color:#fff}.qc-topnav a.active{background:linear-gradient(180deg,#bf191f,#8f0d12);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,78,78,.18)}.qc-topnav a span{font-size:16px}.qc-topnav-spacer{flex:1}.qc-topnav .qc-search-link{min-width:190px;border:1px solid #29343c;border-radius:7px;height:36px;margin:auto 0 auto 14px;background:#0e1317;color:#9ca7b2;justify-content:flex-start;font-weight:500}
.qc-app-grid{display:grid;grid-template-columns:250px minmax(0,1fr) 285px;gap:14px;width:100%;max-width:1900px;margin:0 auto;padding:14px;align-items:start;flex:1}.qc-leftbar,.qc-rightbar{position:sticky;top:72px;max-height:calc(100vh - 86px);overflow:auto;scrollbar-width:thin;scrollbar-color:#35414a #0b0e11}.qc-sidebar-scroll{display:flex;flex-direction:column;gap:8px}.qc-nav-group,.qc-side-card{background:linear-gradient(180deg,#11171b,#0d1216);border:1px solid #263138;border-radius:8px;overflow:hidden;box-shadow:var(--qc-shadow)}.qc-nav-heading{width:100%;height:42px;border:0;background:linear-gradient(180deg,#161e23,#11171b);color:var(--qc-gold);display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-weight:800;cursor:pointer;font-size:14px}.qc-nav-heading:hover{background:#1b242a}.qc-nav-heading .nav-chevron{transition:.18s;color:#d6ad47}.qc-nav-group.is-open .nav-chevron{transform:rotate(180deg)}.qc-nav-items{padding:5px}.qc-nav-link{display:flex;align-items:center;gap:10px;min-height:34px;padding:7px 9px;border-radius:6px;color:#b7c0c8;font-size:13px;position:relative}.qc-nav-link i{width:19px;text-align:center;color:#7f8a93;font-style:normal}.qc-nav-link:hover{background:#172026;color:#fff}.qc-nav-link.active{background:linear-gradient(90deg,rgba(194,20,27,.95),rgba(130,13,18,.72));color:#fff}.qc-nav-link.active i{color:#fff}.qc-nav-link.news-unread{color:#ff6468;font-weight:800}.qc-nav-link em{margin-left:auto;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#c9181f;color:#fff;font-size:10px;font-style:normal}.qc-main{min-width:0}.qc-rightbar{display:flex;flex-direction:column;gap:10px}.qc-side-card{padding:0 12px 12px}.qc-side-title{height:43px;margin:0 -12px 12px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#182127,#10161a);border-bottom:1px solid #29343b;color:var(--qc-gold);font-weight:800}.qc-side-title a,.qc-side-title small{color:#89949c;font-weight:500}.qc-profile-top{display:flex;align-items:center;gap:12px}.qc-avatar-ring{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--qc-gold);background:#17130b;color:#efca64;font-size:24px;font-weight:900}.qc-profile-top>div:last-child{display:flex;flex-direction:column;gap:3px}.qc-profile-top strong{font-size:16px}.qc-profile-top small{color:var(--qc-green)}.qc-profile-top small i{display:inline-block;width:7px;height:7px;background:var(--qc-green);border-radius:50%;margin-right:5px}.qc-profile-top span{color:#a6afb7;font-size:12px}.qc-rank-progress{margin:14px 0}.qc-rank-progress>div{display:flex;justify-content:space-between;color:#a8b0b7;font-size:11px}.qc-rank-progress>i{height:6px;display:block;margin-top:6px;background:#20272c;border-radius:10px;overflow:hidden}.qc-rank-progress>i>b{display:block;height:100%;background:linear-gradient(90deg,#cf9d2f,#f1d26c)}.qc-profile-stats{border-top:1px solid #222b31;padding-top:8px}.qc-profile-stats>div,.qc-profile-meta>div{display:flex;justify-content:space-between;gap:10px;padding:6px 0}.qc-profile-stats span,.qc-profile-meta span{color:#a8b2ba}.qc-profile-stats b,.qc-profile-meta b{font-size:12px}.green{color:var(--qc-green)!important}.gold{color:var(--qc-gold)!important}.red{color:#ff4d53!important}.qc-profile-meta{border-top:1px solid #222b31;margin-top:8px}.qc-timer-list{display:flex;flex-direction:column}.qc-timer-list a{display:flex;justify-content:space-between;padding:7px 3px;border-bottom:1px solid #20282d;color:#aeb7bf}.qc-timer-list a:last-child{border:0}.qc-timer-list b{color:#f0c45b}.qc-timer-list b.ready{color:var(--qc-green)}.qc-family-quick{text-align:center}.qc-family-emblem{width:58px;height:58px;margin:2px auto 7px;display:grid;place-items:center;background:#271014;border:1px solid #6d161c;color:#d71f27;font-size:28px}.qc-family-quick>strong{display:block}.qc-family-quick p{font-size:12px;color:#9099a1;line-height:1.45}.qc-red-button,.qc-ghost-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;border-radius:5px;background:linear-gradient(180deg,#c91b21,#920c11);border:1px solid #dd2f34;color:#fff;font-weight:800;text-transform:uppercase;font-size:11px}.qc-ghost-button{margin-left:7px;background:rgba(14,18,22,.85);border-color:#39444c;color:#d8dee4}.qc-quick-links{display:flex;flex-direction:column}.qc-quick-links a{padding:8px 3px;border-bottom:1px solid #20282d;color:#b6bec5}.qc-logout button{width:100%;border:1px solid #4b2024;background:#211114;color:#e78185;border-radius:7px;padding:10px;cursor:pointer}
/* generic content refresh */
.page-head{margin:0 0 14px;padding:20px 22px;border-radius:9px;background:linear-gradient(135deg,#151c21,#0f1418);border:1px solid #27323a;box-shadow:var(--qc-shadow)}.page-head h1,.profile-hero h1{font-size:27px!important;margin:4px 0 6px!important}.page-head p,.profile-hero p{color:#9aa4ad!important}.eyebrow{color:var(--qc-gold)!important}.panel,.game-card,.vehicle-card,.stat-card,.admin-panel,.admin-stat-card,.auth-card{background:linear-gradient(145deg,#12191e,#0d1216)!important;border:1px solid #28343c!important;border-radius:9px!important;box-shadow:var(--qc-shadow)!important}.panel{padding:18px!important}.panel h2,.panel-head h2{color:#f4f5f6}.btn{border-radius:6px!important}.btn-primary{background:linear-gradient(180deg,#c91b21,#900d12)!important;border-color:#e02d32!important;color:#fff!important}.btn-danger{background:#321216!important;border-color:#76272d!important;color:#ff9ca0!important}input,textarea,select{background:#090d10!important;border:1px solid #34414a!important;color:#fff!important;border-radius:6px!important}.flash{border-radius:7px!important}.cards,.vehicle-grid{gap:12px!important}.game-card,.vehicle-card{overflow:hidden}.game-card:hover,.vehicle-card:hover{border-color:#49565f!important;transform:translateY(-1px)}table{background:#0f1519;border:1px solid #263038}th{background:#171e23;color:#e7eaed}.classic-row-form{background:#10161a!important;border-color:#263038!important}.classic-row-form:nth-child(even){background:#0d1216!important}
/* dashboard */
.qc-dashboard-hero{min-height:245px;border:1px solid #2b363e;border-radius:10px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:space-between;padding:32px;background:radial-gradient(circle at 73% 48%,rgba(216,160,45,.16),transparent 25%),linear-gradient(105deg,#11171b 0%,#10161a 55%,#070a0d 100%);box-shadow:var(--qc-shadow)}.qc-dashboard-hero:after{content:"";position:absolute;right:4%;top:15%;width:280px;height:180px;border:1px solid rgba(222,176,75,.1);transform:skew(-15deg);box-shadow:0 0 90px rgba(208,145,31,.07)}.qc-hero-copy{position:relative;z-index:2;max-width:690px}.qc-hero-copy>span{font-size:11px;letter-spacing:2px;color:#777f86}.qc-hero-copy h1{font-size:38px;line-height:1.03;text-transform:uppercase;margin:8px 0 13px;letter-spacing:-1px}.qc-hero-copy h1 b{display:block;color:var(--qc-gold);font-size:47px}.qc-hero-copy p{max-width:600px;color:#b0b7bd;line-height:1.6;font-size:15px;margin-bottom:20px}.qc-hero-quote{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:2px;color:#535b61;font-style:italic;font-size:17px;transform:rotate(-4deg);padding-right:35px}.qc-hero-quote small{margin-top:8px;color:#6e767c}.qc-stat-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:12px 0}.qc-stat-row article{min-height:72px;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;background:linear-gradient(180deg,#131a1f,#0f1519);border:1px solid #29343c}.qc-stat-row i{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;background:#231d0e;color:var(--qc-gold);font-style:normal;font-size:20px}.qc-stat-row span{display:block;color:#8e99a2;font-size:11px}.qc-stat-row strong{font-size:15px;display:block;margin-top:3px}.qc-dashboard-grid{display:grid;gap:12px;margin-top:12px}.qc-dashboard-grid-main{grid-template-columns:1.05fr 1fr}.qc-dashboard-grid-bottom{grid-template-columns:repeat(3,1fr)}.qc-widget{background:linear-gradient(145deg,#11181d,#0d1216);border:1px solid #28333a;border-radius:9px;padding:13px;box-shadow:var(--qc-shadow)}.qc-widget-title{display:flex;align-items:center;justify-content:space-between;padding:0 2px 11px;border-bottom:1px solid #242d33}.qc-widget-title h2{margin:0;font-size:15px}.qc-widget-title a,.qc-widget-title span{font-size:11px;color:#d24a4f}.qc-news-list article{display:grid;grid-template-columns:70px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #222b31}.qc-news-list article:last-child{border:0}.qc-news-thumb{height:44px;border-radius:5px;background:linear-gradient(135deg,#5e1115,#211015);display:grid;place-items:center;color:#e9b64a;font-weight:900}.qc-news-list strong{font-size:13px}.qc-news-list p{margin:4px 0 0;color:#8e989f;font-size:11px}.qc-news-list time{font-size:10px;color:#6f7880}.qc-action-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:10px}.qc-action-tiles a{min-height:72px;display:flex;align-items:center;gap:10px;padding:10px;border-radius:7px;background:linear-gradient(120deg,#161d22,#0d1216);border:1px solid #29343b}.qc-action-tiles a:hover{border-color:#6b2327;background:#1a1a1c}.qc-action-tiles i{width:36px;height:36px;border-radius:7px;display:grid;place-items:center;background:#261115;color:#d92930;font-style:normal;font-size:18px}.qc-action-tiles span{display:flex;flex-direction:column;min-width:0}.qc-action-tiles small{color:#828d95;margin-top:4px}.qc-action-tiles>b{margin-left:auto;font-size:24px;color:#9da6ad}.qc-mini-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 3px;border-bottom:1px solid #222b31}.qc-mini-list a:last-child{border:0}.qc-mini-list span{display:flex;flex-direction:column}.qc-mini-list small{color:#828c94;margin-top:3px}.qc-mini-list em{background:#a51116;color:#fff;border:1px solid #ce252b;border-radius:4px;padding:5px 8px;font-size:9px;text-transform:uppercase;font-style:normal}.qc-activity-list>div{display:grid;grid-template-columns:10px 1fr auto;gap:8px;padding:8px 0;border-bottom:1px solid #222b31}.qc-activity-list>div:last-child{border:0}.qc-activity-list span{display:flex;flex-direction:column}.qc-activity-list small{color:#7f8991;margin-top:3px}.qc-activity-list time{font-size:10px;color:#657079}.qc-footer{margin-top:auto;text-align:center;color:#566069;font-size:11px;padding:20px;border-top:1px solid #171d21}.qc-guest-main{width:min(520px,calc(100% - 30px));margin:40px auto 70px}.qc-guest-main .auth-card{padding:26px!important}.qc-guest-main .auth-logo{display:none}
/* parity/admin/signature helpers */
.admin-shell{padding:0!important}.admin-tabs{background:#0e1418!important;border-color:#29343b!important}.admin-tab.active{background:#7f0d11!important;border-color:#cf272c!important}.admin-stat-grid{gap:10px!important}.admin-news-edit-card{background:#0d1216!important;border-color:#29343b!important}.signature-preview{background:#080b0d!important;border-color:#2b363d!important}.legacy-page-media{display:none!important}.vehicle-visual-photo{background:#0c1115!important}.vehicle-visual-photo img{object-fit:contain!important}
@media(max-width:1400px){.qc-app-grid{grid-template-columns:220px minmax(0,1fr) 250px}.qc-stat-row{grid-template-columns:repeat(3,1fr)}.qc-dashboard-grid-bottom{grid-template-columns:1fr 1fr}.qc-dashboard-grid-bottom>section:last-child{grid-column:1/-1}}
@media(max-width:1050px){.qc-app-grid{grid-template-columns:210px minmax(0,1fr)}.qc-rightbar{display:none}.qc-dashboard-grid-main,.qc-dashboard-grid-bottom{grid-template-columns:1fr}.qc-dashboard-grid-bottom>section:last-child{grid-column:auto}.qc-header-logo{width:min(760px,90vw)}.qc-topnav .qc-search-link{display:none}}
@media(max-width:760px){.qc-hero-header{height:120px}.qc-header-logo{height:110px}.qc-header-logo img{max-height:105px}.qc-topnav-inner{overflow:auto;padding:0}.qc-topnav a{min-width:90px;padding:0 12px}.qc-app-grid{display:block;padding:10px}.qc-leftbar{position:static;max-height:none;margin-bottom:10px}.qc-sidebar-scroll{display:grid;grid-template-columns:1fr 1fr}.qc-dashboard-hero{padding:20px;min-height:220px}.qc-hero-copy h1{font-size:28px}.qc-hero-copy h1 b{font-size:34px}.qc-hero-quote{display:none}.qc-stat-row{grid-template-columns:1fr 1fr}.qc-dashboard-grid-main,.qc-dashboard-grid-bottom{grid-template-columns:1fr}.qc-action-tiles{grid-template-columns:1fr}.qc-news-list article{grid-template-columns:50px 1fr}.qc-news-list time{display:none}.cards,.vehicle-grid,.grid-2,.stat-grid{grid-template-columns:1fr!important}}


/* v2.4.1 UI polish: right sidebar, RLD and garage imagery */
.qc-rightbar{max-height:none!important;overflow:visible!important;padding-bottom:10px}
.qc-family-quick{text-align:left!important}
.qc-family-compact{display:flex;align-items:center;gap:12px;padding:2px 0 12px}
.qc-family-emblem{width:52px!important;height:52px!important;margin:0!important;flex:0 0 52px;border-radius:8px!important;background:linear-gradient(145deg,#301116,#1a0c0f)!important}
.qc-family-copy{min-width:0}.qc-family-copy strong{display:block;font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qc-family-copy p{margin:4px 0 0!important;font-size:11px!important;line-height:1.35!important}
.qc-family-button{display:flex!important;width:100%;min-height:34px!important;font-size:10px!important}
.qc-quick-card{padding-bottom:8px!important}.qc-quick-links{display:grid!important;grid-template-columns:1fr 1fr;gap:7px}.qc-quick-links a{min-height:48px!important;padding:8px!important;border:1px solid #263138!important;border-radius:7px!important;background:#0d1317!important;display:flex!important;align-items:center!important;gap:8px!important;color:#c8d0d6!important}.qc-quick-links a:hover{border-color:#4e5b64!important;background:#141b20!important;color:#fff!important}.qc-quick-links a i{width:24px;height:24px;display:grid;place-items:center;border-radius:5px;background:#191f24;color:var(--qc-gold);font-style:normal}.qc-quick-links a span{font-size:11px;line-height:1.15}

/* Garage: use the high-resolution webklaar images and fill the frame without distortion. */
.vehicle-grid{align-items:stretch}.vehicle-card{display:flex!important;flex-direction:column!important}.vehicle-visual-photo{height:auto!important;aspect-ratio:500/319!important;padding:0!important;display:block!important;background:#080b0e!important;overflow:hidden!important;border-bottom:1px solid #29343b!important}.vehicle-visual-photo img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;border-radius:0!important;background:#080b0e!important}.vehicle-visual-photo span{z-index:3!important;left:10px!important;top:10px!important;padding:4px 7px;border-radius:4px;background:rgba(8,11,14,.88);border:1px solid rgba(224,181,76,.45);font-size:9px!important}.vehicle-info{padding:14px 15px 8px!important;align-items:flex-start}.vehicle-info h3{font-size:15px!important}.vehicle-card .condition{margin:0 15px!important}.vehicle-card form{padding:13px 15px 15px!important;margin-top:auto}

/* RLD */
.qc-rld-overview{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:12px;margin-bottom:12px}.qc-panel-kicker{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--qc-gold);font-weight:800;margin-bottom:5px}.qc-rld-business-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.qc-rld-business-top h2,.qc-rld-hire h2,.qc-rld-workers h2{margin:0 0 6px!important}.qc-rld-business-top p{margin:0;color:#929da5}.qc-rld-window-count{text-align:right;padding:9px 11px;border-radius:7px;background:#0b1014;border:1px solid #263138;min-width:110px}.qc-rld-window-count span,.qc-rld-income span,.qc-rld-buybox span{display:block;color:#89949c;font-size:10px}.qc-rld-window-count strong,.qc-rld-income strong,.qc-rld-buybox strong{display:block;margin-top:3px;font-size:16px;color:#fff}.qc-rld-progress{height:6px;background:#20282e;border-radius:999px;overflow:hidden;margin:15px 0}.qc-rld-progress i{display:block;height:100%;background:linear-gradient(90deg,#a61016,#e3373d)}.qc-rld-buybox,.qc-rld-owner-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding:12px;border-radius:8px;background:#0c1216;border:1px solid #263138}.qc-rld-button-row{display:flex;gap:8px;flex-wrap:wrap}.qc-rld-notice{margin-top:15px;padding:11px;border-radius:7px;background:#151113;border:1px solid #4a2529;color:#c7b4b6}.qc-rld-hire>p{margin:0 0 12px}.qc-rld-hire-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qc-rld-hire-card{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:1px solid #27323a;border-radius:8px;background:#0c1216}.qc-rld-hire-card:hover{border-color:#4a3438}.qc-rld-hire-icon{width:34px;height:34px;border-radius:7px;display:grid;place-items:center;background:#2a1014;color:#e63c43;font-size:15px}.qc-rld-hire-info{min-width:0}.qc-rld-hire-info strong,.qc-rld-hire-info span,.qc-rld-hire-info b{display:block}.qc-rld-hire-info strong{font-size:12px}.qc-rld-hire-info span{font-size:10px;color:#87929a;margin-top:2px}.qc-rld-hire-info b{font-size:11px;color:var(--qc-gold);margin-top:3px}.qc-rld-hire-card .btn{padding:7px 10px!important;font-size:10px!important}.qc-rld-workers-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px}.qc-rld-worker-total{font-size:11px;color:#8c979f}.qc-rld-worker-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.qc-rld-worker-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border-radius:8px;border:1px solid #28343c;background:#0c1216}.qc-rld-worker-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#371217,#1b0d10);border:1px solid #5d2025;color:#ef444b}.qc-rld-worker-main{min-width:0}.qc-rld-worker-main strong,.qc-rld-worker-main span,.qc-rld-worker-main small{display:block}.qc-rld-worker-main span{font-size:11px;color:var(--qc-gold);margin-top:2px}.qc-rld-worker-main small{font-size:10px;color:#849098;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qc-rld-worker-actions{display:flex;gap:6px}.qc-rld-worker-actions .btn{padding:7px 9px!important;font-size:10px!important}.qc-empty-state{padding:20px;text-align:center;border:1px dashed #303b43;border-radius:8px;color:#89939b;background:#0c1115}
@media(max-width:1500px){.qc-rld-overview{grid-template-columns:1fr}.qc-rld-hire-grid{grid-template-columns:1fr}.qc-rld-worker-grid{grid-template-columns:1fr}.qc-quick-links{grid-template-columns:1fr!important}}


/* v2.4.3 compact header fix: logo left, timers center, navigation right */
.qc-hero-header,
.qc-topnav{display:none!important}

.qc-compact-header{
  width:100%;
  height:86px;
  min-height:86px;
  display:grid;
  grid-template-columns:300px minmax(420px,1fr) max-content;
  align-items:center;
  gap:14px;
  padding:8px 18px;
  background:radial-gradient(circle at 12% 50%,rgba(134,13,18,.16),transparent 28%),linear-gradient(180deg,#0c1013,#080b0d);
  border-bottom:1px solid #283239;
  position:sticky;
  top:0;
  z-index:45;
  box-shadow:0 5px 20px rgba(0,0,0,.25);
  overflow:hidden;
}

.qc-compact-logo{
  width:300px;
  height:68px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  overflow:hidden;
}
.qc-compact-logo img{
  display:block!important;
  width:auto!important;
  height:62px!important;
  max-width:295px!important;
  max-height:62px!important;
  object-fit:contain!important;
  object-position:left center!important;
}

.qc-header-timers{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  overflow:hidden;
}
.qc-header-timer{
  flex:0 0 82px;
  width:82px;
  height:48px;
  padding:6px 8px;
  border:1px solid #29343b;
  border-radius:7px;
  background:#0d1317;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:2px;
  transition:.15s;
}
.qc-header-timer:hover{background:#141c21;border-color:#485760}
.qc-header-timer span{font-size:8px;color:#89949c;text-transform:uppercase;letter-spacing:.55px;white-space:nowrap}
.qc-header-timer b{font-size:11px;color:#f1c44e;white-space:nowrap}
.qc-header-timer.ready{border-color:#1f5137}
.qc-header-timer.ready b{color:#3ddb7f}

.qc-header-nav{
  height:50px;
  display:flex;
  align-items:stretch;
  justify-content:flex-end;
  border:1px solid #29343b;
  border-radius:8px;
  overflow:hidden;
  background:#0c1115;
  white-space:nowrap;
}
.qc-header-nav a{
  min-width:86px;
  padding:0 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#cbd2d7;
  font-size:11px;
  font-weight:700;
  border-left:1px solid #263038;
}
.qc-header-nav a:first-child{border-left:0}
.qc-header-nav a:hover{background:#151c21;color:#fff}
.qc-header-nav a.active{background:linear-gradient(180deg,#b9141b,#8d0f14);color:#fff}
.qc-header-nav a span{font-size:12px}

.qc-app-grid{min-height:calc(100vh - 86px)!important}
.qc-leftbar,.qc-rightbar{top:96px!important}
.qc-guest-header{grid-template-columns:300px 1fr max-content}
.qc-guest-header .qc-header-nav{grid-column:3}

@media(max-width:1380px){
  .qc-compact-header{grid-template-columns:250px minmax(320px,1fr) max-content;gap:8px;padding-inline:10px}
  .qc-compact-logo{width:250px}
  .qc-compact-logo img{height:54px!important;max-width:245px!important;max-height:54px!important}
  .qc-header-timer{flex-basis:70px;width:70px;padding:5px 6px}
  .qc-header-timer span{font-size:7px}
  .qc-header-nav a{min-width:76px;padding:0 8px}
}

@media(max-width:1120px){
  .qc-compact-header{
    height:auto;
    min-height:120px;
    grid-template-columns:230px 1fr;
    grid-template-areas:'logo nav' 'timers timers';
    overflow:visible;
  }
  .qc-compact-logo{grid-area:logo;width:230px;height:56px}
  .qc-compact-logo img{height:50px!important;max-width:225px!important;max-height:50px!important}
  .qc-header-nav{grid-area:nav;justify-self:end}
  .qc-header-timers{grid-area:timers;justify-content:center;overflow-x:auto;padding-bottom:2px}
  .qc-app-grid{min-height:calc(100vh - 120px)!important}
}

@media(max-width:720px){
  .qc-compact-header{
    position:relative;
    grid-template-columns:1fr;
    grid-template-areas:'logo' 'nav' 'timers';
    min-height:auto;
    padding:8px;
  }
  .qc-compact-logo{width:100%;height:54px;justify-content:center}
  .qc-compact-logo img{height:48px!important;max-width:min(92vw,300px)!important;object-position:center!important}
  .qc-header-nav{justify-self:stretch;width:100%;height:44px}
  .qc-header-nav a{flex:1;min-width:0;padding:0 4px;font-size:9px}
  .qc-header-timers{justify-content:flex-start;width:100%}
  .qc-header-timer{flex:0 0 74px;width:74px}
  .qc-app-grid{min-height:auto!important}
}