/* Closer Desktop 1.0: a true wide-screen composition, never applied to mobile Closer. */
:root{--closer-desktop-rail:#17253b;--closer-desktop-line:#ffffff20}
@media(min-width:960px){
 html,body{min-height:100%;background:#0c1525!important}
 body{overflow-x:hidden}
 #app{max-width:none!important;width:100%!important;margin:0!important;min-height:100vh!important;background:radial-gradient(ellipse at 85% -12%,#3a2a49 0%,transparent 35%),radial-gradient(ellipse at 4% 80%,#1b3949 0%,transparent 36%),#0c1525!important}
 #app>.shell{margin-left:272px!important;margin-right:24px!important;max-width:none!important;padding:110px 38px 90px!important;min-height:100vh}
 #app>.shell>.fadein{max-width:1200px;margin:0 auto}
 #app>.shell>.fadein>.heading{font-size:clamp(34px,3.3vw,51px)!important;line-height:1.12;letter-spacing:-1.6px;margin-bottom:9px}
 #app>.shell>.fadein>.subheading{font-size:15px;max-width:820px}
 .closer-sticky-top{position:fixed!important;left:0!important;top:0!important;right:0!important;height:78px!important;z-index:70!important;background:linear-gradient(90deg,#0e1f33f5,#18283cf0)!important;border-bottom:1px solid var(--closer-desktop-line)!important;backdrop-filter:blur(24px);opacity:1!important;transform:none!important;pointer-events:auto!important;visibility:visible!important}
 .closer-sticky-top .closer-sticky-inner{max-width:none!important;min-height:78px!important;margin:0!important;padding:0 34px 0 29px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
 .closer-sticky-top .logo{font-size:29px!important;letter-spacing:-1.4px!important}
 .closer-sticky-top .mini-menu{border-radius:13px!important;width:46px;height:44px}
 .closer-floating-dock{position:fixed!important;left:22px!important;top:100px!important;bottom:auto!important;width:228px!important;height:auto!important;max-height:calc(100dvh - 125px)!important;overflow:auto!important;display:flex!important;flex-direction:column!important;gap:9px!important;grid-template-columns:none!important;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;background:linear-gradient(160deg,#202d49e8,#142437f4)!important;border:1px solid #95a6ba2b!important;border-radius:23px!important;box-shadow:0 22px 60px #0004!important;padding:12px!important;backdrop-filter:blur(16px)!important;z-index:60!important}
 .closer-floating-dock button{width:100%!important;min-height:56px!important;display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:13px!important;text-align:left!important;padding:12px 15px!important;border-radius:15px!important;color:#c6d4df!important;font-size:15px!important;transition:background .18s ease}
 .closer-floating-dock button .ico{width:26px;font-size:23px!important;text-align:center}
 .closer-floating-dock button .label{font-size:14px!important;font-weight:740!important;letter-spacing:.1px!important}
 .closer-floating-dock button.active{background:linear-gradient(100deg,#834b70b2,#5b548db0)!important;color:#fff!important}
 .closer-floating-dock button:hover{background:#ffffff16}
 .closer-public-bottom-reveal,.closer-dock-reveal-area,.closer-dock-edge,.closer-dock-grab{display:none!important}
 .hero{min-height:255px;padding:36px!important;border-radius:27px!important}
 .hero h2{font-size:clamp(28px,3vw,42px)!important;max-width:600px!important}
 .section-heading,.section-title{font-size:20px}
 .studio-list,.v6-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important}
 .studio-item,.v6-activity{min-height:160px}
 .studio-game-grid,.v6-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
 .studio-win-grid,.v6-win-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .studio-tabs{max-width:690px!important}
 .studio-tabs button{font-size:13px!important;padding:14px 8px!important}
 .studio-chips{padding-bottom:14px}
 .studio-chips button{font-size:12px!important}
 .studio-question,.studio-offer{height:100%}
 .cloud-promo{max-width:none}
 .modal-backdrop{align-items:center!important}
 .modal{max-width:min(700px,94vw)!important}
 #closer-cloud .cloud-shell{max-width:960px!important}
 #closer-cloud .cloud-content{padding:32px 36px}
 #closer-cloud .cloud-nav button{font-size:12px}
 .intro{max-width:880px!important;margin-left:auto!important;margin-right:auto!important}
}
@media(min-width:1430px){
 #app>.shell{margin-left:272px!important;margin-right:334px!important;padding-left:44px!important;padding-right:32px!important}
 #closer-desktop-rail{position:fixed;right:24px;top:100px;bottom:24px;width:282px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;z-index:20;scrollbar-width:thin}
}
@media (min-width:960px) and (max-width:1429px){#closer-desktop-rail{display:none}}
@media(max-width:959px){#closer-desktop-rail{display:none}}
#closer-desktop-rail .desktop-rail-card{padding:22px 19px;border-radius:22px;background:linear-gradient(160deg,#1f2d47,#1b2b40);border:1px solid #9daabe36;box-shadow:0 14px 40px #02071335}
#closer-desktop-rail .desktop-rail-kicker{font-weight:830;color:#a9dfd5;letter-spacing:1.6px;font-size:10px;margin-bottom:9px}
#closer-desktop-rail .desktop-rail-card h3{font-size:20px;line-height:1.23;color:#fff;margin:0 0 12px;letter-spacing:-.3px}
#closer-desktop-rail .desktop-rail-card p{font-size:13px;color:#bdcfde;line-height:1.5;margin:0 0 16px}
#closer-desktop-rail button{color:#102d36;background:#b9e5db;padding:12px 13px;font-weight:750;border-radius:12px;border:0;width:100%;text-align:center;cursor:pointer}
#closer-desktop-rail button.secondary{background:#303850;color:#f6dfeb;border:1px solid #c499ba4a}
#closer-desktop-rail .desktop-rail-note{padding:15px 17px;color:#b9cad9;font-size:12px;line-height:1.5}
#closer-desktop-rail .desktop-rail-note::before{content:"♡";color:#efa9bc;font-size:22px;display:block}
@media(prefers-reduced-motion:reduce){.closer-floating-dock button{transition:none!important}}


/* Connected desktop companion panel */
#closer-desktop-rail .desktop-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
#closer-desktop-rail .desktop-shortcuts button{min-width:0;font-size:11px;line-height:1.25;padding:10px 8px}
#closer-desktop-pair-status{min-height:42px}