/* PHIZERO mobile refinement: brand, language and playable remain native. */
@media(max-width:900px){
 :root{--mobile-gutter:clamp(16px,4vw,28px);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
 .navigation{padding:calc(10px + var(--safe-top)) var(--mobile-gutter) 8px;gap:8px;flex-wrap:wrap;background:linear-gradient(#080d13 75%,#080d13e8)}
 .brand{font-size:13px;letter-spacing:3px;gap:7px}.mark{width:20px;height:26px}.mark img{width:44px;left:-11px;top:-2px}
 .nav-right{gap:8px;margin-left:auto}.contact-open{min-height:44px;padding:8px 10px;font-size:11px;max-width:140px;white-space:normal;line-height:1.4}
 .language-picker summary{min-height:44px;padding:10px;font-size:11px;gap:6px}.language-options{min-width:170px}.language-options button{min-height:44px;font-size:14px}
 .navigation nav{order:3;width:100%;display:flex;justify-content:center;gap:24px}.navigation nav button{min-height:44px;padding:10px 12px;font-size:13px}.navigation nav button span{font-size:10px}
 .intro-topline{top:calc(132px + var(--safe-top));left:var(--mobile-gutter);font-size:10px}.intro-topline b{font-size:11px}
 .intro-copy{left:var(--mobile-gutter);right:var(--mobile-gutter);bottom:35%;max-width:none}.intro-copy .tiny{font-size:10px;letter-spacing:2px;margin-bottom:16px}
 h1{font-size:clamp(34px,7vw,58px);line-height:1.22;letter-spacing:-1px;overflow-wrap:anywhere}
 .intro-caption{left:var(--mobile-gutter);right:var(--mobile-gutter);bottom:calc(100px + var(--safe-bottom));font-size:14px;line-height:1.7;max-width:450px}.intro-caption small{display:none}
 .logo-fallback{left:0;top:0;width:100%;height:85%}
 .category-nav{top:calc(116px + var(--safe-top));left:var(--mobile-gutter);right:var(--mobile-gutter);gap:12px;overflow-x:auto;padding:0 0 6px;scrollbar-width:thin;scroll-padding-inline:8px;overscroll-behavior-x:contain}
 .category-nav button{flex:none;min-height:44px;padding:8px 10px;font-size:13px;gap:6px;color:#a7bac6}.category-nav button small{font-size:10px;color:#97b2c2}
 .case-layout,.case-scene[data-category="5"] .case-layout{inset:calc(176px + var(--safe-top)) var(--mobile-gutter) calc(76px + var(--safe-bottom));display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:24px;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scroll-padding-block:16px;padding:25px 3px 24px}
 .case-visual{flex:none;padding:0;perspective:none;width:100%}.case-info{flex:none;padding:0;width:100%}
 .case-scene:not([data-category="5"]) .showcase-frame{width:100%;max-height:none;aspect-ratio:1.6;transform:none!important;transform-style:flat}
 .frame-top{font-size:8px;letter-spacing:.6px;top:-20px}.case-info h2{font-size:clamp(28px,5vw,38px);line-height:1.3;margin:8px 0 12px;overflow-wrap:anywhere}.case-subtitle{font-size:16px;line-height:1.6;margin-bottom:12px}
 .case-info .description{font-size:15px;line-height:1.8;max-width:620px;color:#b6c6d0}.case-tag{font-size:11px;letter-spacing:1px}.case-details{margin-top:20px;padding-top:16px;gap:16px}.case-details small{font-size:10px;color:#9cb8c9}.case-details span{font-size:13px;line-height:1.6}.case-info .case-footnote{font-size:12px;line-height:1.7;color:#9fb3c1}
 .visual-toolbar,.case-scene[data-category="5"] .visual-toolbar{gap:8px;margin:16px 0 0!important;flex-wrap:wrap}.visual-toolbar button,.visual-toolbar .file-label{min-height:44px;padding:10px 12px;font-size:12px}
 .case-selector{gap:12px;margin-top:20px}.case-selector button{width:44px;height:44px}.case-selector span{font-size:12px}
 .detail-overlay{opacity:1;background:linear-gradient(transparent 40%,#02080ea8);justify-content:flex-end;padding:0 12px 16px;gap:8px}.detail-overlay button,.detail-overlay .detail-play{min-height:44px;padding:10px 18px;font-size:13px}
 .case-scene[data-category="5"] .showcase-frame{width:clamp(215px,48vw,290px);aspect-ratio:320/584;max-height:none;flex-shrink:0}.case-scene[data-category="5"] .frame-top{font-size:8px;white-space:normal;gap:8px}.case-scene[data-category="5"] .load-note{font-size:12px;line-height:1.6;max-width:440px}
 .bottom-ui{left:var(--mobile-gutter);right:var(--mobile-gutter);bottom:calc(8px + var(--safe-bottom));gap:8px;background:#080d13ed;border-top:1px solid #ffffff18;padding-top:6px}.scene-status{display:none}.scene-dots{gap:8px}.scene-dots button{min-width:44px;height:44px;font-size:11px}.scene-dots i{display:none}.scroll-next{min-height:44px;font-size:11px;letter-spacing:0;gap:8px}.scroll-next b{width:32px;height:32px;flex:none}.motion{min-width:44px;min-height:44px}
 .case-detail-dialog{padding-top:calc(16px + var(--safe-top));padding-bottom:calc(12px + var(--safe-bottom))}.detail-top #detail-close{min-height:44px}.detail-controls{flex-wrap:wrap;gap:8px;flex-basis:auto;min-height:96px}.detail-controls>button,#detail-auto{width:44px;height:44px}.detail-controls #detail-dots{order:5;width:100%;justify-content:center;margin:0;gap:2px}.detail-controls #detail-dots button{width:28px;height:32px}.detail-controls #detail-dots button:after{left:4px;right:4px}.detail-controls #detail-hint{display:none}.detail-controls #detail-counter{margin-left:auto;font-size:12px}
 .case-zoom .case-zoom-close{width:44px;height:44px}.case-zoom{padding-top:64px}
}
@media(max-width:400px){.brand{letter-spacing:2px;font-size:12px}.contact-open{max-width:113px;font-size:10px}.language-picker summary{font-size:10px;padding-inline:8px}.scroll-next>span{max-width:112px;line-height:1.4}.intro-copy .tiny{font-size:9px}}
@media(max-width:900px) and (max-height:600px){.intro-topline{display:none}.intro-copy{top:130px;bottom:auto;right:44%}h1{font-size:30px}.intro-caption{left:60%;bottom:100px;font-size:13px}.case-layout,.case-scene[data-category="5"] .case-layout{top:170px}.case-detail-dialog{overflow-y:auto}.case-detail-dialog #detail-carousel{min-height:600px}.case-detail-dialog .detail-project{min-height:470px}}