/* Desktop composition follows the owner's mock-up. Mobile geometry is untouched. */
.desktop-how,.desktop-town-shortcut{display:none}
@media(max-width:820px){.offer-grid>.ad-card:nth-child(n+3){display:none}}
@media(min-width:821px){
 .app-shell{width:min(100%,1280px);padding:0 32px 24px}
 .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin:12px 0 0;padding:14px 18px;min-height:0}
 .topbar .brand{grid-column:1;grid-row:1;gap:12px}
 .topbar .brand-copy strong{font-size:clamp(23px,3.1vw,44px);letter-spacing:-.025em}
 .topbar .brand-mark{width:44px;height:44px}
 .topbar .header-actions{grid-column:2;grid-row:1;display:flex;gap:12px}
 .topbar .header-actions .desktop-how{display:flex;align-items:center;justify-content:center;order:-1}
 .topbar .header-actions>.header-cta{display:none}
 .topbar .header-actions .btn{font-size:14px;min-height:44px;padding:10px 14px;white-space:nowrap}
 .topbar .desktop-nav{grid-column:1/-1;grid-row:2;margin:0;gap:8px!important}
 .topbar .desktop-nav button{min-height:42px;font-size:14px}
 .home-view{padding-top:0}
 .home-view .hero{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);grid-template-rows:auto auto auto;column-gap:50px;row-gap:20px;padding:30px 0 32px;min-height:0;overflow:visible;align-items:start}
 .hero-copy{grid-column:1;grid-row:1;max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:18px;row-gap:0}
 .hero-title{grid-column:1/-1;font-size:clamp(72px,8.1vw,112px);line-height:.94;letter-spacing:-.035em;margin:0 0 12px;white-space:normal}
 .hero-title>span{display:block}
 .hero-subtitle{grid-column:1/-1;font-size:40px;line-height:1.12;margin:0 0 18px;white-space:nowrap;max-width:100%}
 .hero-vibe{grid-column:1/-1;font-size:clamp(17px,1.65vw,23px);line-height:1.45;margin:0 0 20px;max-width:100%;text-wrap:pretty}
 .hero-stat-slates{grid-column:1;grid-row:4;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0;align-items:stretch}
 .hero-stat-slates>div{padding:15px 12px;gap:7px;border-radius:10px;min-width:0}
 .hero-stat-slates strong{font-size:clamp(23px,2.1vw,30px)}
 .hero-stat-slates span{font-size:14px;line-height:1.25}
 .hero-actions{grid-column:2;grid-row:4;display:flex;margin:0;align-items:stretch;gap:0}
 .hero-actions>[data-go="privacy"]{display:none}
 .hero-actions>[data-open-wheel]{width:100%;min-width:0;padding:14px 10px;font-size:clamp(18px,1.7vw,24px)}
 .home-count{grid-column:1;grid-row:2;width:100%;margin:0;padding:12px 16px;gap:7px;border-radius:12px}
 .home-count .counter-caption{font-size:14px}
 .home-count .counter-digits{font-size:clamp(24px,2.7vw,38px);gap:5px}
 .hero-wheel{grid-column:2;grid-row:1/3;align-self:center;justify-self:end;width:100%;max-width:560px;margin:26px 0 0}
 .hero-group-banner{grid-column:1/-1;grid-row:3;padding:18px 20px;margin-top:12px;gap:16px;flex-wrap:nowrap}
 .hero-group-banner p{font-size:18px;flex:1}
 .hero-group-banner .btn{font-size:14px;min-height:44px;padding:10px 14px}
 .setup-section{padding:18px 0 24px}
 .setup-section .section-intro{max-width:none;text-align:center;margin:0 0 34px}
 #setupTitle{font-size:clamp(24px,3.35vw,48px);white-space:nowrap;line-height:1.2;margin-bottom:18px}
 #setupTitle>span{display:inline}
 #setupTitle>span+span::before{content:' '}
 .section-intro>p:last-child{font-size:clamp(19px,1.7vw,24px);margin:0}
 .setup-layout{grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:28px}
 .district-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
 .night-filter{width:100%;margin:22px 0 28px;padding:24px}
 .home-view>.ad-zone{width:100%;margin:28px 0 0;display:block}
 .ad-zone>h2{text-align:center;font:700 clamp(28px,2.8vw,40px)/1.2 'MADE Tommy Soft';margin:0 0 12px}
 .ad-zone>small{display:block;text-align:center;font-size:18px;line-height:1.4}
 .ad-controls{margin:14px 0;gap:10px}
 .ad-controls [data-ad-pause]{display:none}
 .ad-track{width:100%;scrollbar-width:none}
 .ad-track::-webkit-scrollbar{display:none}
 .ad-track>.ad-card{min-width:0;flex-basis:100%}
 .ad-track .ad-card img{height:clamp(220px,21vw,300px)}
 .ad-track .ad-copy{padding:24px 28px}
 .ad-track .ad-copy h3{font:500 30px/1.2 'Akira Expanded';margin:10px 0}
 .ad-track .ad-copy p{font-size:22px;line-height:1.4}
 .ad-track .ad-copy small{font-size:17px}
 .offer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px}
 .offer-grid>.ad-card{min-width:0;height:100%}
 .offer-grid .ad-card img{height:clamp(130px,13vw,185px)}
 .offer-grid .ad-copy{padding:18px}
 .offer-grid .ad-copy h3{font-size:22px;line-height:1.2;margin:12px 0 8px}
 .offer-grid .ad-copy p{font-size:16px;line-height:1.45}
 .offer-grid .ad-copy small{font-size:14px;line-height:1.5}
 .desktop-town-shortcut{display:none;position:relative;width:260px;height:260px;margin:28px auto;color:#c8f23b;text-decoration:none}
 body[data-view="home"] .desktop-town-shortcut{display:block}
 .desktop-town-shortcut>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
 .desktop-town-shortcut text{font:700 24px 'MADE Tommy Soft';fill:#c8f23b;letter-spacing:1px}
 .town-orbit{position:absolute;inset:62px 39px 16px;display:grid;place-items:center;border-radius:50%;filter:drop-shadow(0 0 10px #c3ee3133)}
 .town-orbit img{width:154px;height:154px}
 .town-orbit::after{content:'';position:absolute;inset:0;border-radius:50%;padding:3px;background:conic-gradient(transparent 15%,#648629 65%,#c5f238 86%,#f5ffd0 96%,transparent);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:town-orbit 3s linear infinite;pointer-events:none}
 .desktop-town-shortcut:focus-visible{outline:2px solid #d5ff82;outline-offset:5px;border-radius:20px}
 .community-support{width:100%;max-width:none;margin:20px auto 0!important;padding:24px 0!important;justify-items:center;gap:12px}
 .community-support .responsible-footer{max-width:850px}
 .community-support .social-share{justify-content:center;padding:12px 0;margin:0}
 .site-footer{width:100%;margin:8px 0 0!important;padding:22px 0!important;gap:20px}
 .footer-brand{font-size:14px}.footer-links{gap:12px}.site-footer>p{font-size:12px}
}
@media(min-width:821px) and (max-width:1100px){
 .app-shell{padding-inline:28px}.topbar .brand-copy strong{font-size:26px}.topbar .brand-mark{width:34px;height:34px}.topbar .header-actions .btn{font-size:12px;padding:9px}
 .home-view .hero{column-gap:28px}.hero-stat-slates{gap:10px}.hero-copy{column-gap:10px}.hero-stat-slates>div{padding:12px 8px}.hero-stat-slates span{font-size:12px}
 .hero-group-banner p{font-size:16px}.hero-group-banner .btn{font-size:12px}.setup-layout{gap:18px}.district-list{gap:0 12px}.offer-grid{gap:12px}.offer-grid .ad-copy{padding:12px}.offer-grid .ad-copy h3{font-size:19px}
 .site-footer{grid-template-columns:1fr;text-align:center}.footer-links{justify-content:center}
}
@keyframes town-orbit{to{transform:rotate(360deg)}}

@media(min-width:821px){html[data-wheel-motion] .desktop-how::before{content:none!important;animation:none!important}}

@media(min-width:821px) and (max-height:800px){
 .home-view .hero{padding-top:22px;row-gap:14px}
 .hero-title{font-size:clamp(64px,12.5vh,100px)}
 .hero-subtitle{margin-bottom:12px}.hero-vibe{margin-bottom:16px}
 .home-count{padding-block:9px}
 .hero-wheel{width:min(100%,calc(100vh - 210px));margin-top:20px}
}