/* Stable phone layout: Safari toolbar changes must not resize the GPU canvas. */
html{-webkit-text-size-adjust:100%}.cosmos{inset:0 0 auto;height:100vh;height:100lvh}.page-frame,main{min-width:0}body{min-height:100svh}.pixel-walkway{height:160px;margin:14px 0 0}.pixel-buddy{bottom:30px}
@media(max-width:760px){
 :root{--phone-header:68px}html{scroll-padding-top:calc(var(--phone-header) + env(safe-area-inset-top,0px) + 12px)}
 .play-header{position:sticky;top:0;z-index:9;min-height:calc(var(--phone-header) + env(safe-area-inset-top,0px));padding:6px 12px;padding-top:calc(6px + env(safe-area-inset-top,0px));gap:6px;background:var(--bg)}
 .play-brand{font-size:20px;flex-shrink:0;padding-block:10px}.play-brand span{font-size:14px}.play-header nav{flex:1;min-width:0;gap:0;justify-content:center;font-size:11px}.play-header nav a{min-height:44px;min-width:44px;justify-content:center;padding:8px 2px;white-space:nowrap}.play-header .theme-toggle{width:44px;min-width:44px;height:44px;padding:12px;border:0;border-left:1px solid var(--line);border-radius:0}
 .experience{height:calc(100svh - var(--phone-header) - env(safe-area-inset-top,0px));min-height:540px;max-height:740px;touch-action:pan-y pinch-zoom}.hero-copy{padding:30px 7% 0;width:100%}.hero-intro{font-size:10px}.hero-copy h1{font-size:clamp(76px,22vw,108px);margin:24px 0 16px;display:block;line-height:.91}.hero-note{font-size:15px;line-height:1.4}.scene-bottomline{bottom:calc(18px + env(safe-area-inset-bottom,0px));left:7%;right:7%;align-items:center;gap:14px}.interaction-hint{font-size:10px;max-width:128px;line-height:1.7}.warp-toggle{font-size:10px;padding:10px 12px;min-height:48px;gap:9px}.warp-toggle>span{font-size:18px}.sky-label{font-size:7px;right:3%;top:48%}.celestial-fallback{width:84%;right:7%;top:42%}
 .work-playground{padding:44px 6%}.section-top{align-items:start;gap:20px;margin-bottom:24px}.section-top h2{font-size:42px;line-height:1.05}.section-caption{font-size:10px}.section-aside{display:none}.project-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:18px}.project-wide{grid-row:auto}.project-art,.project-wide .project-art{height:190px}.project-caption{min-height:74px;padding:16px 18px}.project-placeholder h3{font-size:24px}.project-caption .placeholder-status{font-size:10px}.project-caption>div{gap:14px}.signal-action{left:18px;bottom:13px;font-size:10px;min-height:44px}
 .about-placeholder{min-height:300px;padding:40px 7%;align-items:center}.about-placeholder p{font-size:56px;margin:18px 0}.placeholder-note{font-size:10px;max-width:220px;display:block;line-height:1.7}.about-sky{width:100%;opacity:.38;right:-35%;top:0}.section-top h2,.about-copy{animation:none!important;opacity:1;transform:none}
 .music-section{padding:32px 6% 10px}.pixel-walkway{height:136px;margin:10px 0 0}.pixel-buddy{bottom:25px}.walkway-message{left:6%;bottom:12px;font-size:9px}.play-footer{padding:20px 6%;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));gap:8px 18px}.footer-social{order:3;width:100%;gap:22px;flex-wrap:wrap}.footer-social a{font-size:11px;min-height:44px}.footer-social img{width:18px;height:18px}.footer-name{font-size:20px}.motion-toggle{font-size:10px;min-height:44px}
}
@media(max-width:360px){.play-header{padding-inline:8px;gap:4px}.play-brand{font-size:18px}.play-brand span{font-size:13px}.play-header nav{font-size:10px}.play-header .theme-toggle{width:40px;min-width:40px;padding-inline:10px}.hero-intro{font-size:9px}.hero-copy h1{font-size:22vw}.hero-note{font-size:14px}.interaction-hint{font-size:9px;max-width:110px}.warp-toggle{font-size:9px;padding:10px;gap:7px}.about-placeholder p{font-size:50px}.footer-social{gap:18px}.footer-social a{font-size:10px}}
@media(max-width:760px) and (max-height:720px){.experience{min-height:470px}.hero-copy{padding-top:22px}.hero-copy h1{display:flex;flex-wrap:wrap;gap:0 .18em;font-size:16vw;line-height:1;margin:18px 0 12px}.hero-note{font-size:14px}.hero-intro{font-size:9px}.scene-bottomline{bottom:calc(14px + env(safe-area-inset-bottom,0px))}}
@media(display-mode:standalone){.play-header{position:sticky;top:0;z-index:9}.page-frame{margin:0}}