html{height:100%;overscroll-behavior:none}body{overscroll-behavior:none}#world-nav .world-label{touch-action:none;user-select:none;-webkit-user-select:none}.project-panel,dialog{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.project-panel{touch-action:pan-y pinch-zoom}.search input{font-size:16px}.image-expand,.info-planet,.system-core{touch-action:manipulation}#image-dialog .image-close{position:sticky;top:0;z-index:1;background:#080d16;min-width:88px}#image-full{touch-action:pan-x pan-y pinch-zoom}
@media(max-width:800px){
 :root{--mobile-top:calc(92px + env(safe-area-inset-top,0px));--mobile-system-height:clamp(230px,35dvh,310px)}
 header{padding-top:calc(20px + env(safe-area-inset-top,0px))}footer{bottom:calc(14px + env(safe-area-inset-bottom,0px))}.travel{background:#080e1be8}.travel button{min-width:44px;min-height:44px}#reset{min-width:120px}
 .project-open #sound,.project-open .star-legend{display:none}#project-system{inset:var(--mobile-top) 0 auto;height:var(--mobile-system-height);min-height:0}.system-heading{top:0;left:6%;max-width:88%}.system-heading h2{font-size:clamp(20px,5vw,26px);overflow-wrap:anywhere}.system-heading>span{letter-spacing:.08em}.solar-stage{inset:80px 4% 8px}.system-core{left:50%;top:50%;width:45px;height:45px;min-height:44px}.info-planet{width:86px;min-height:62px;gap:6px}.planet-sphere{width:31px}.planet-caption strong{font-size:12px}.info-planet:nth-child(1){left:17%;top:18%}.info-planet:nth-child(2){left:50%;top:13%}.info-planet:nth-child(3){left:83%;top:18%}.info-planet:nth-child(4){left:28%;top:81%}.info-planet:nth-child(5){left:72%;top:81%}
 .project-open .project-panel{top:calc(var(--mobile-top) + var(--mobile-system-height));bottom:0;width:100%;max-height:none;border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom,0px);transform:translateY(0);overflow-y:auto}.project-open .panel-back{position:sticky;top:0;z-index:3;background:#0a111cf5;backdrop-filter:blur(14px);min-height:48px;padding:12px 22px;border-bottom:1px solid #ffffff12;width:100%}.project-open .panel-back>span{display:none}.project-open .panel-content{padding:12px 22px 24px}.detail-body p{overflow-wrap:anywhere}.next-world{gap:12px;flex-wrap:wrap}.project-frame.portrait .image-expand{width:min(240px,100%)}
 dialog{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:20px}.filter-group{gap:6px}.filter-group button{min-height:44px}.list-item{grid-template-columns:24px minmax(0,1fr);padding:15px 0}.list-item .list-state{grid-column:2;white-space:normal;text-align:left;font-size:11px}.list-item strong{overflow-wrap:anywhere}.command-trigger kbd{display:none}.command-trigger{min-height:44px}#image-dialog{padding:12px}#image-full{max-height:calc(100dvh - 150px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.intro{max-width:88vw}.intro h1{font-size:clamp(44px,10.5vw,66px);letter-spacing:-3px}.intro h1 em{letter-spacing:-2px}.navigation-help{display:none}
}
@media(max-width:600px){
 .brand{font-size:36px;gap:0;letter-spacing:-3px}.brand>span{margin-left:0;margin-right:12px}.brand small{font-size:9px;letter-spacing:0;line-height:1.6}header nav{gap:8px;align-items:center;padding-top:0}#index-open,#about-open{font-size:0}#index-open>span{display:none}#index-open:before{content:'Projeler';font-size:12px}#about-open:after{content:'Hakkımda ↗';font-size:12px}.travel{padding:0 5px}.travel button{padding:8px 4px}#reset{min-width:105px;font-size:10px}.command-trigger{font-size:11px;letter-spacing:0}.command-trigger kbd{display:none}.coordinate{display:none}.navigation-help{display:flex;bottom:calc(88px + env(safe-area-inset-bottom,0px));font-size:0;left:50%;width:max-content}.navigation-help>span{display:none}.navigation-help:after{content:'SÜRÜKLE · İKİ PARMAKLA YAKLAŞ';font:10px/1.6 var(--mono);letter-spacing:.5px}.project-open .navigation-help{display:none}
}
@media(max-width:380px){.command-trigger{font-size:0}.command-trigger:after{content:'Projeler';font-size:11px}.system-heading h2{font-size:21px}.planet-caption strong{font-size:11px}}
@media(max-height:540px) and (max-width:1000px) and (orientation:landscape){
 :root{--mobile-top:72px}header{padding:12px 3%}.brand{font-size:36px}.brand small{font-size:10px}.project-open #project-system{inset:72px 51% 10px 0;height:auto;min-height:0}.solar-stage{inset:70px 3% 0}.system-heading{left:7%}.system-heading h2{font-size:20px}.system-heading>span{display:none}.system-heading p{font-size:9px}.project-open .project-panel{top:72px;width:51%;bottom:0;border-radius:14px 0 0}.project-open .panel-content{padding:10px 18px}.panel-content #system-detail h2{font-size:26px}.system-instruction{display:none}.info-planet{min-height:58px;width:78px;gap:4px}.planet-sphere{width:28px}.planet-caption em,.planet-caption small{display:none}.planet-caption strong{font-size:11px}.project-open header nav,.project-open footer{display:none}.project-open .panel-back{padding:8px 18px}
}