/* Mobile layout and touch pass, October 2026. Desktop composition stays unchanged. */
@media(max-width:760px){
 :root{scroll-padding-top:96px}
 .floating-header{top:calc(8px + env(safe-area-inset-top,0px));height:64px;padding:8px 12px}
 .header-line{display:none}
 .pixel-logo,.pixel-logo img,.menu-toggle{width:44px;height:44px}
 .top-radio{top:calc(8px + env(safe-area-inset-top,0px));right:80px;width:144px;height:64px;padding:0 0 20px;gap:0;background:transparent;backdrop-filter:none;box-shadow:none;color:#eee}
 .top-radio>img,.radio-label>span{display:none}
 .radio-label{flex:1}
 .radio-label strong{font-size:9px;line-height:1.2;max-width:48px}
 .small-control{width:44px;height:44px;color:#eee;font-size:16px}
 .top-radio input{left:0;right:0;bottom:0;width:100%;height:20px;accent-color:#eee}
 .study-label{top:94px}
 .hero{min-height:640px}
 .hero-copy{bottom:120px;gap:22px}
 .hero h1{font-size:clamp(40px,11.4vw,78px)}
 .hero-description{font-size:15px;line-height:1.45;max-width:310px}
 .hero-details{font-size:10px;gap:2px 10px;padding-top:10px;bottom:14px}
 .hero-details a{min-height:44px;display:flex;align-items:center}
 .hero-details a:last-child{justify-content:flex-end}
 .section-tag{font-size:10px;gap:14px}
 .eyebrow,.tiny-number{font-size:11px}
 .story-note p,.portrait-info>p,.reserve-copy>p,.reserve-foot p,.community-origin p{font-size:15px;line-height:1.65}
 .text-link{font-size:11px;min-height:44px;line-height:1.5}
 .portrait-info .small-note,.artwork-tier,.mint-details span,.gallery-hint{font-size:11px}
 .mint-details{gap:16px;flex-wrap:wrap}
 .mint-details strong{font-size:24px}
 .browser-heading{font-size:11px}
 .browser-heading button{min-height:44px;font-size:12px}
 .thumb-name{font-size:11px}
 .allocation b,.allocation-small,.round-link{font-size:11px}
 .allocation p{font-size:14px;line-height:1.6}
 .allocation{gap:22px}
 .allocation>div{min-width:0}
 .allocation-small{flex-wrap:wrap;gap:18px}
 .soundtrack p{font-size:15px}
 .track-meta{font-size:10px}
 .community-heading .eyebrow,.community-heading .text-link,.community-credit{font-size:11px}
 .mosaic-caption{font-size:12px;line-height:1.4}
 .resource-label h4{font-size:18px}
 .resource-label p{font-size:14px}
 .resource-soon{font-size:10px}
 .join-links a{min-height:52px;font-size:16px}
 footer,.reserve-footer{font-size:11px;line-height:1.6;gap:10px 20px}
 footer a,.reserve-footer a{min-height:44px;display:inline-flex;align-items:center}
 #testMenu{padding:16px 20px;overscroll-behavior:contain}
 #testMenu nav{gap:4px;margin:24px 0}
 #testMenu nav a{min-height:44px;display:flex;align-items:center;font-size:clamp(23px,6.3vw,40px)}
 #testMenu sup{flex:none;font-size:10px;margin-left:10px}
 .menu-top button,.menu-bottom button{min-height:44px;font-size:12px}
 .menu-reserve-links{font-size:12px;gap:6px 16px}
 .menu-reserve-links a{display:flex;align-items:center;min-height:44px}
 .menu-bottom{gap:8px 20px;padding-top:16px}
 .reserve-content .sec,.community-universe,.community-resources,.reserve-content .token-details,.token-details .dash-section{scroll-margin-top:96px!important}
 .winter-hero-inner{padding-top:235px}
 .winter-hero-image{top:64px}
 .reserve-content .winter-hero-copy .eyebrow{font-size:10px}
 .reserve-content .winter-hero-copy .lede{font-size:15px;line-height:1.6}
 .winter-hero-inner .reserve-contents{gap:4px 14px;font-size:11px;padding-top:12px}
 .reserve-contents a{min-height:44px;display:flex;align-items:center}
 .reserve-content .card p,.reserve-content .alloc-row p,.reserve-content .after p,.reserve-content .step p,.reserve-content .wolf-reserve-banner p{font-size:15px;line-height:1.65}
 .reserve-content .vaddr{min-width:0;overflow-wrap:anywhere}
 .vlinks{gap:8px 18px;font-size:11px}
 .vlinks a{display:flex;min-height:44px;align-items:center}
 .reserve-content .reserve-activity-art{padding-top:220px}
 .market-status>span,.market-kpis span,.market-kpis small,.interval-toolbar>span:first-child,#pulseCoverage,.chart-readout,.reserve-content .market-sources,.reserve-content .chart-method{font-size:11px}
 .market-status{flex-wrap:wrap}
 .interval-options{display:flex;flex-wrap:wrap}
 .interval-options button,.market-status button{min-width:44px;min-height:44px;font-size:12px}
 .market-kpis>div{grid-template-columns:minmax(0,1fr) auto}
 .market-kpis strong{font-size:27px}
 .scenario-selector{grid-template-columns:1fr;gap:8px}
 .scenario-selector button{min-height:64px;display:grid;grid-template-columns:30px 1fr;gap:4px 12px;text-align:left}
 .scenario-selector button>span{min-height:0;grid-column:2;font-size:12px}
 .scenario-selector button>b{grid-row:1/3;align-self:center}
 .scenario-selector strong{font-size:22px;grid-column:2}
 .stress-comparison summary{min-height:48px;font-size:11px}
 .token-details .hero-row{flex-wrap:wrap}
 .token-details .hero-row>div{flex:1;min-width:190px}
 .token-details .hero-tools .pill,.token-details .small-button{min-height:44px;font-size:12px}
 .token-details .periods{flex-wrap:wrap;border-radius:8px}
 .token-details .periods button{min-width:44px;min-height:44px;padding:8px 12px;font-size:12px}
 .token-details .tabs{gap:20px;padding:8px 0}
 .token-details .tabs a{display:flex;align-items:center;min-height:44px;font-size:11px}
 .token-details .custom-dates input{font-size:16px;min-height:44px;max-width:100%;min-width:0}
 .token-details .metric-label{font-size:10px;letter-spacing:.05em}
 .token-details .metric small,.token-details .coverage p,.token-details .source-note,.reserve-content .token-details .source-note,.token-details .source-status,.token-details .section-head p{font-size:12px;line-height:1.6}
 .token-details .metric strong{font-size:23px;overflow-wrap:anywhere}
 .token-details .coverage{display:block}
 .token-details .coverage button{margin-top:12px}
 .token-details .panel-head{flex-wrap:wrap}
 .token-details .panel-head h3,.token-details .panel-head span{font-size:11px}
 .token-details .chart-summary{gap:6px 14px;font-size:11px}
 .token-details .chart-view{min-height:0}
 .token-details .table-scroll,.table-wrap{overscroll-behavior-inline:contain;scrollbar-width:thin}
 .token-details .table-scroll:before{content:'Swipe sideways to see all columns →';display:block;position:sticky;left:0;font-size:12px;color:#626262;margin-bottom:16px;white-space:normal}
 .token-details .table-scroll a{display:inline-flex;align-items:center;min-height:44px}
 .token-details .filter-row button{min-height:44px;min-width:44px}
 .token-details .address{overflow-wrap:anywhere}
}
@media(max-width:600px){
 .story-grid{grid-template-columns:minmax(0,1fr);gap:32px}
 .story-art{grid-column:auto;margin-bottom:4px}
 .story-note h3{font-size:34px;margin:18px 0}
 .story-note p{max-width:100%}
 .second-note{margin-top:0}
 .steps{grid-template-columns:1fr}
 .step{padding:24px}
 .step .n{margin-bottom:14px}
 .community-mosaic{grid-auto-rows:180px}
 .community-origin{grid-row:span 3}
 .community-origin figcaption{padding:20px}
 .mosaic-caption{left:8px;bottom:8px;padding:7px 9px;max-width:calc(100% - 16px)}
 .token-details .hero-row>div{min-width:160px}
}
@media(max-width:360px){
 .hero-copy{left:18px;right:18px}
 .hero h1{font-size:10.8vw}
 .hero-details{font-size:9px}
 .section-pad{padding-inline:18px}
 .reserve-content .wrap{width:calc(100% - 32px)}
 .reserve-content .winter-hero-copy .title{font-size:32px}
 .market-kpis>div{display:block}
 .market-kpis strong{margin:8px 0}
 .token-details .metric-grid{grid-template-columns:1fr}
 .token-details .metric{min-height:0;padding:16px}
}
@media(min-width:761px) and (max-height:500px){
 .reserve-page .reserve-winter-hero{min-height:550px;height:auto}
 .winter-hero-inner{min-height:550px}
}

@media(max-width:760px){
 .floating-header,.top-radio{height:68px}.top-radio{padding-bottom:24px}.top-radio input{height:24px}
 .motion-ready .reveal{opacity:1;transform:none;transition:none}
 .portrait-info .small-note,.artwork-tier,.mint-details span,.gallery-hint,.resource-label p,.community-heading .eyebrow,.community-credit{color:#555550}
 .reserve-content .chart-heading h4,.chart-heading>span{font-size:11px}
 .interactive-chart svg text{font-size:11px}
 .token-details .table-scroll{padding-bottom:8px}
 .token-details .filter-row button{font-size:12px}
}

.reserve-content .wolf-reserve-banner{width:100%;max-width:100%;min-width:0}