/* Inner pages only. Homepage hero, scene and shared tokens remain untouched. */
.sm-inner .v3-phero{min-height:360px;padding:120px 0 44px;isolation:isolate}
.sm-inner .v3-pagehead h1{font-size:clamp(48px,6.2vw,88px);line-height:1;letter-spacing:-.015em;text-wrap:balance}
.sm-inner .v3-pagehead p.v3-lead{max-width:56ch;line-height:1.65;font-size:17px}
.sm-inner .v3-section{padding-block:56px 72px}
.sm-inner .v3-strata{height:18px}
.sm-inner .v3-support-wrap{max-width:1200px}
.sm-inner .v3-support-grid{gap:24px;align-items:stretch}
.sm-inner .v3-support-card{padding:32px;display:flex;flex-direction:column;gap:16px;border-top:2px solid #2ee6f0}
.sm-inner .v3-support-card h2{font:750 30px/1.15 var(--font-display);letter-spacing:.01em}
.sm-inner .v3-support-card p{line-height:1.7;color:#afc3d1;margin:0 0 12px}
.sm-inner .v3-support-card .v3-btn{margin-top:auto;align-self:flex-start}
.sm-inner .v3-modes{gap:24px;align-items:stretch}
.sm-inner .v3-modes .v3-realm{display:flex;flex-direction:column;padding:32px;min-width:0}
.sm-inner .v3-modes .v3-realm p{line-height:1.65}
.sm-inner .v3-modes .v3-realm-cta{margin-top:auto;padding-top:24px}
.sm-inner .container-md:has(.v3-lbcard){max-width:1160px}
.sm-inner .v3-lb-top{gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
.sm-inner .v3-lbcard{padding:28px;background:linear-gradient(135deg,#172b39,#101e29);border:1px solid #304755}
.sm-inner .pl-search-board{padding-bottom:24px;margin-bottom:20px;border-bottom:1px solid #304755}
.sm-inner .v3-bt-stats{gap:8px;margin-bottom:22px;flex-wrap:wrap}
.sm-inner .v3-bt-stats button{min-height:40px;padding:9px 14px;font-size:15px}
.sm-inner .lb-table{font-variant-numeric:tabular-nums;font-size:14px}
.sm-inner .lb-table td{padding-block:14px}
.sm-inner .lb-table th{padding-block:14px;color:#afc3d1;letter-spacing:.07em}
.sm-inner .lb-allwrap{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-color:#4b7185 #101e29}
.sm-inner .lb-all{min-width:640px}
.sm-inner .lb-row:hover{background:rgba(46,230,240,.055)}
.sm-inner .dn-page{padding-top:calc(var(--nav-h,72px) + 56px);padding-bottom:80px}
.sm-inner .dn-hero{margin-bottom:36px}
.sm-inner .dn-hero h1{font-size:clamp(42px,5vw,64px);line-height:1.05;max-width:16ch;text-wrap:balance}
.sm-inner .dn-lead{line-height:1.7;color:#afc3d1}
.sm-inner .dn-card{padding:28px;border-top:2px solid #2ee6f0}
.sm-inner .dn-card h2{font-size:28px;margin-bottom:24px}
.sm-inner .dn-l{margin-top:20px;color:#bfced8}
.sm-inner .dn-empty{padding:24px 16px;border:1px dashed #426071;line-height:1.6}
.sm-inner .dn-custom:focus-within{outline:2px solid #2ee6f0;outline-offset:3px}
.sm-inner :is(input,select,textarea){font-size:16px}
.sm-inner :is(a,button,input,textarea,select):focus-visible{outline:2px solid #8af5fa;outline-offset:4px}
.sm-inner :is(button,.v3-btn){transition:background-color .18s,border-color .18s,transform .18s}
.sm-inner :is(button,.v3-btn):active{transform:translateY(1px)}
.sm-inner [role="alert"]:not(:empty){padding:14px 16px;border-left:3px solid #ff8a94;background:#341f2a;color:#ffdce1;line-height:1.6;overflow-wrap:anywhere}
@media(max-width:760px){
 .sm-inner .v3-phero{min-height:300px;padding:110px 0 32px}
 .sm-inner .v3-pagehead h1{font-size:clamp(42px,11vw,64px);overflow-wrap:anywhere}
 .sm-inner .v3-pagehead p.v3-lead{font-size:15px;max-width:34ch}
 .sm-inner .v3-section{padding-block:32px 48px}
 .sm-inner .v3-support-grid{grid-template-columns:1fr;gap:18px}
 .sm-inner .v3-support-card,.sm-inner .v3-modes .v3-realm,.sm-inner .dn-card{padding:24px}
 .sm-inner .v3-lbcard{padding:16px}
 .sm-inner .v3-bt-stats button{min-height:44px;padding:8px 12px}
 .sm-inner .dn-page{padding-top:calc(var(--nav-h,72px) + 32px)}
 .sm-inner .dn-grid{gap:20px}
}
@media(prefers-reduced-motion:reduce){.sm-inner *, .sm-inner *::before,.sm-inner *::after{animation:none!important;transition:none!important}}
.sm-inner .skeleton{display:inline-block;border-radius:3px;background:#294454!important;animation:sm-loading 1.5s ease-in-out infinite}
.sm-inner #dn-don>.st-pm-lbl{min-height:120px;padding:24px;background:linear-gradient(90deg,#172b39,#254354,#172b39);background-size:200% 100%;animation:sm-loading 1.5s ease-in-out infinite}
.sm-inner #dn-don>.st-note{padding:16px;border-left:3px solid #ff8a94;background:#341f2a;color:#ffdce1;line-height:1.7}
@keyframes sm-loading{50%{opacity:.45}}
@media(max-width:760px){.sm-inner .lb-allwrap::before{content:'Swipe to see all stats →';display:block;position:sticky;left:0;width:max-content;max-width:100%;padding:0 0 14px;font:500 12px/1.5 var(--font-text);color:#b6cddc}}
@media(prefers-reduced-motion:reduce){.sm-inner .skeleton,.sm-inner #dn-don>.st-pm-lbl{animation:none}}

/* Mobile reading layout: desktop hero composition remains unchanged. */
@media(max-width:760px){
 .v3-tour .v3-stop:not(.v3-finale){min-height:auto;padding-block:72px 40px;scroll-margin-top:90px}
 .v3-tour .v3-beat{min-height:0;padding-block:0;display:block}
 .v3-tour .v3-beat-copy{display:block;max-width:none;opacity:1;transform:none;will-change:auto;pointer-events:auto!important}
 .v3-tour .v3-beat-copy>h2,.v3-tour .v3-beat-head h2{font-size:clamp(48px,16vw,86px);line-height:.95;clip-path:none;opacity:1;transform:none;white-space:normal;overflow-wrap:anywhere}
 .v3-tour .v3-pr .v3-beat-copy>h2{font-size:clamp(44px,13vw,72px)}
 .v3-tour .v3-beat-head{margin-bottom:20px}
 .v3-tour .v3-beat-num{display:none}
 .v3-tour .v3-stop-card{width:100%;max-width:none;min-width:0;margin:16px 0 0;padding:24px!important;opacity:1;transform:none;pointer-events:auto!important}
 .v3-tour .v3-stop-card .v3-stop-facts{display:grid;gap:0;margin:16px 0}
 .v3-tour .v3-stop-card .v3-realm-line{font:600 18px/1.5 var(--font-text);text-wrap:balance}
 .v3-tour .v3-finale{min-height:70svh;padding-block:72px 40px;gap:28px}
 .v3-tour .v3-finale .v3-legend,.v3-tour .v3-finale .v3-join-ip{opacity:1;transform:none;pointer-events:auto}
 .v3-tour .v3-legend-title{clip-path:none;font-size:clamp(54px,18vw,96px);white-space:normal}
 .v3-tour .v3-foot-spacer{height:32px}
 body:has(.v3-tour) .footer{margin-top:0}
 .v3-tour .v3-stage::after{background:linear-gradient(0deg,rgba(10,17,23,.94),rgba(10,17,23,.5) 60%,rgba(10,17,23,.1))}
 .fx-tag{display:none}
 .sm-inner .v3-phero{min-height:270px;padding-block:100px 28px}
 .sm-inner .v3-modes{gap:18px}
 .sm-inner .v3-modes .v3-realm{padding:24px;box-shadow:4px 4px 0 #060c11}
 .sm-inner .v3-modes .v3-realm h2{font-size:42px!important;line-height:1!important}
 .sm-inner .v3-cta-band{align-items:flex-start;gap:24px;flex-direction:column}
 .sm-inner .v3-lb-top{gap:12px}
 .sm-inner .v3-lbcard .pl-search-row{flex-wrap:wrap}
 .sm-inner .v3-lbcard .pl-search-row input{flex-basis:100%}
 .sm-inner .lb-all .lb-name{min-width:142px}
 .sm-inner .lb-all .lb-rank{min-width:36px}
 .sm-inner .lb-all td,.sm-inner .lb-all th{padding-inline:10px}
 .sm-inner .v3-bt-stats{gap:6px;display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:10px;scrollbar-width:thin}
 .sm-inner .v3-bt-stats button{flex:none;font:600 14px/1.2 var(--font-text);text-transform:none}
 .sm-inner .v3-support-card h2{font-size:32px}
 .sm-inner .dn-card{padding:22px}
 .sm-inner .dn-card h2{font-size:27px}
 .sm-inner .dn-amts{gap:8px}.sm-inner .dn-amt{min-width:58px;min-height:46px}
 .sm-inner .dn-custom{flex:1;min-width:110px}
 .sm-inner .dn-custom input{width:100%;min-width:0}
 .sm-inner .dn-upi>div{min-width:0;width:100%}
 .sm-inner :is(input,textarea,select){font-family:var(--font-text);font-size:16px;line-height:1.6}
 .nav,.footer{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
 .nav-links a{min-height:48px}
 .v3-btn{min-height:46px}
}
@media(min-width:761px) and (max-width:1100px){.sm-inner .v3-support-grid{gap:18px}.sm-inner .v3-support-card{padding:24px}.sm-inner .v3-modes{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.v3-cue i,.v3-golem,.fx-ico{animation:none!important}.v3-beat-copy,.v3-legend{will-change:auto!important}}
@media(max-width:760px){
 html.nav-scrolled .nav{background:#0c1822!important;box-shadow:0 1px 0 #2b414f!important}
 .sm-inner .v3-rhero{padding:110px 0 36px;min-height:0}
 .sm-inner .v3-rhero h1{font-size:clamp(48px,14vw,76px);line-height:1;overflow-wrap:anywhere}
 .sm-inner .v3-rhero .v3-realm-line{font-size:19px;line-height:1.5}
 .sm-inner .v3-board-split{grid-template-columns:1fr;gap:24px}
 .sm-inner .v3-rules-groups{grid-template-columns:1fr;gap:16px}
 .sm-inner .v3-rule-group{padding:20px}
 .sm-inner .v3-rule-group summary{min-height:44px;line-height:1.4}
 .sm-inner .v3-head h2{font-size:38px;line-height:1.1}
 .sm-inner .v3-kitpop{max-width:calc(100vw - 56px)}
}
/* Unpadded routes need their own nav clearance. */
.sm-inner:not(.page)>.v3-phero,.sm-inner:not(.page)>.v3-rhero{margin-top:0}
@media(max-width:760px){
 .sm-inner:not(.page)>.v3-phero,.sm-inner:not(.page)>.v3-rhero{padding-top:calc(var(--nav-h,72px) + 32px)}
 .sm-inner .v3-modes .v3-realm{opacity:1!important;transform:none!important}
 .sm-inner .v3-lbcard .pl-search-row{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
 .sm-inner .pl-search-row input{width:100%;max-width:100%;box-sizing:border-box}
 .sm-inner .lb-all{table-layout:fixed;min-width:580px}
 .sm-inner .lb-all th:first-child{width:40px}.sm-inner .lb-all th:nth-child(2){width:150px}
 .sm-inner .lb-all td:nth-child(2){overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:760px){.sm-inner .v3-modes .v3-realm{padding-top:48px!important}}

/* A solid scroll surface wins over the old compact-nav gradient. */
html.nav-scrolled body:has(#main.sm-inner):not(.ticket-theme) .nav{background:#0c1822!important;box-shadow:0 1px 0 #304755!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.nav-scrolled body:has(#main.sm-inner):not(.ticket-theme) .nav .nav-inner{height:var(--nav-h)!important;opacity:1!important}
html.nav-scrolled body:has(#main.sm-inner):not(.ticket-theme) .nav .nav-mark{width:40px!important;height:40px!important}
.dn-payment-details{margin:16px 0;color:#b9ccd8;overflow-wrap:anywhere}.dn-payment-details summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.dn-payment-details code{user-select:all}.dn-payment-details p{line-height:1.6}.dn-upi-copy{justify-content:space-between}.dn-upi-copy .st-cp-copy{min-height:44px}
.scene-canvas{touch-action:pan-y}
@media(max-width:767px){
 .lb-allwrap{-webkit-overflow-scrolling:touch;isolation:isolate}
 .sm-inner .lb-all :is(th,td):nth-child(1){position:sticky;left:0;z-index:2;background:#132532}
 .sm-inner .lb-all :is(th,td):nth-child(2){position:sticky;left:40px;z-index:2;background:#132532;box-shadow:2px 0 #304755}
 .v3-card,.v3-support-card,.dn-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:#10212d}
}
@media(min-width:768px) and (max-width:1024px){.sm-inner .v3-modes,.sm-inner .v3-support-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sm-inner .v3-realm{min-width:0}.sm-inner .v3-modes .v3-realm h3{font-size:34px}}
@media(max-width:900px){.nav-links{max-height:calc(100dvh - var(--nav-h));overscroll-behavior:contain}}

/* Tablets use the same readable story structure, with the island above the copy. */
@media(min-width:761px) and (max-width:1024px){
 .v3-tour .v3-stop:not(.v3-finale){min-height:100svh;padding-block:42svh 40px;scroll-margin-top:80px}
 .v3-tour .v3-beat{min-height:0;padding-block:0;display:block}
 .v3-tour .v3-beat-copy{max-width:560px;opacity:1;transform:none;will-change:auto;pointer-events:auto!important}
 .v3-tour .v3-beat-num,.v3-tour .v3-rail,.fx-tag{display:none}
 .v3-tour .v3-beat-copy h2{font-size:72px;line-height:1;clip-path:none;white-space:normal}
 .v3-tour .v3-stop-card{max-width:560px;width:100%;min-width:0;margin:16px 0 0;opacity:1;transform:none;pointer-events:auto!important}
 .v3-tour .v3-beat-head{margin-bottom:20px}
 .v3-tour .v3-stage::after{background:linear-gradient(0deg,rgba(10,17,23,.94),rgba(10,17,23,.18) 65%)}
}
.v3-stop:not(.is-on) .v3-beat-copy{will-change:auto}
