/* Phone layout is scoped to preview08. No floating controls or hidden overflow. */
.mobile-toolbar{display:none}
@media(max-width:700px), (max-width:1000px) and (pointer:coarse){
 html{scroll-padding-top:16px}
 .design-hybrid .shell,.design-hybrid .site-footer{width:calc(100% - 28px)}
 .design-hybrid .prototype-strip{min-height:36px;padding:9px 14px;gap:12px;justify-content:space-between;font-size:11px}
 .design-hybrid .prototype-strip>span{font-size:10px}
 .design-hybrid .main-nav{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:18px 0 16px;margin-top:0}
 .design-hybrid .brand{font-size:23px;white-space:nowrap;align-self:flex-start}
 .design-hybrid .brand small{font-size:8px}
 .design-hybrid .mobile-toolbar{display:flex;order:1;min-height:44px}
 .design-hybrid .mobile-toolbar .hm-language-switcher{position:relative;top:auto;right:auto;width:100%;justify-content:flex-end;gap:10px;z-index:100}
 .design-hybrid .mobile-toolbar .hm-language-switcher__home{display:none}
 .design-hybrid .mobile-toolbar .hm-language-switcher__trigger{height:46px;min-width:96px;box-shadow:none;border-radius:12px}
 .design-hybrid .mobile-toolbar .hm-preview-theme{position:static;top:auto;width:46px;min-height:46px;padding:10px;border-radius:12px;box-shadow:none}
 .design-hybrid .mobile-toolbar .hm-language-switcher__panel{top:56px;right:0;width:calc(100vw - 28px);max-height:min(520px,calc(100dvh - 170px));padding:14px}
 .design-hybrid .hm-language-switcher__close{width:44px;height:44px}
 .design-hybrid .main-nav nav{order:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px}
 .design-hybrid .main-nav nav a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 5px;border:1px solid var(--line);background:var(--panel);border-radius:10px;font-size:13px;white-space:normal;text-align:center;line-height:1.3}
 .design-hybrid .hybrid-intro{display:block;margin:24px 0 28px}
 .design-hybrid .hybrid-intro h1{font-size:clamp(36px,10.8vw,46px);line-height:1.1;letter-spacing:-1.2px;margin-bottom:0}
 .design-hybrid .hero-count{margin:20px 0;gap:14px}
 .design-hybrid .hero-count>strong{flex-basis:86px;height:84px;font-size:62px}
 .design-hybrid .hero-count-copy>span{font-size:21px}
 .design-hybrid .hero-count-copy>small{font-size:13px;line-height:1.45}
 .design-hybrid .hero-discord{padding:16px;gap:12px;min-height:94px}
 .design-hybrid .hero-discord-copy>strong{font-size:19px}
 .design-hybrid .hero-discord-copy>span{font-size:13px}
 .design-hybrid .showcase{margin-top:24px;border-radius:16px}
 .design-hybrid .showcase-art{touch-action:pan-y}
 .design-hybrid .showcase-art img{height:360px;object-position:center 25%}
 .design-hybrid .showcase-caption{padding:12px;gap:8px}
 .design-hybrid .showcase-caption h2{font-size:20px;line-height:1.25}
 .design-hybrid .showcase .project-build{gap:8px;flex-wrap:wrap}
 .design-hybrid .showcase .project-status,.design-hybrid .showcase .project-chapter{font-size:12px;min-height:30px;padding:6px 8px}
 .design-hybrid .showcase-controls{height:auto;min-height:114px;padding:10px;gap:8px}
 .design-hybrid #showcase-select{font-size:16px;height:46px;padding:8px}
 .design-hybrid .showcase-controls button{height:46px;min-width:44px}
 .design-hybrid #showcase-open{font-size:15px;min-height:46px}
 .design-hybrid .cinema-dispatch{padding:16px;border-radius:18px;margin:0 0 30px}
 .design-hybrid .cinema-dispatch .news-header{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:0;margin-bottom:16px}
 .design-hybrid .cinema-dispatch .news-header h2{font-size:26px;line-height:1.2;letter-spacing:-.6px;flex:1;min-width:0}
 .design-hybrid .cinema-dispatch .dispatch-scroll-controls{position:static;margin:0 0 16px;float:none;justify-content:flex-end;gap:8px}
 .design-hybrid .cinema-dispatch .dispatch-scroll-controls button{width:46px;height:46px}
 .design-hybrid .cinema-dispatch .news-tabs{display:flex;flex-wrap:wrap;gap:5px;padding:5px}
 .design-hybrid .cinema-dispatch .news-tabs button{flex:1 1 90px;min-height:46px;font-size:13px;padding:10px 8px;line-height:1.3}
 .design-hybrid .cinema-dispatch .news-game-select select{height:48px;font-size:16px}
 .design-hybrid .cinema-dispatch .news-grid{gap:12px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-bottom:16px}
 .design-hybrid .cinema-dispatch .news-card{flex:0 0 calc(100% - 18px);height:460px;max-width:340px}
 .design-hybrid .cinema-dispatch .news-card .news-visual{height:150px}
 .design-hybrid .cinema-dispatch .news-card .news-body{padding:14px}
 .design-hybrid .cinema-dispatch .news-card .news-body h3{font-size:20px;line-height:1.3;-webkit-line-clamp:3}
 .design-hybrid .cinema-dispatch .news-game-name{font-size:13px;line-height:1.4}
 .design-hybrid .cinema-dispatch .news-actions{display:grid;grid-template-columns:1fr;gap:8px;padding-top:10px}
 .design-hybrid .cinema-dispatch .news-game-action,.design-hybrid .cinema-dispatch .news-link{min-height:44px;font-size:13px;padding:10px;justify-content:center;text-align:center}
 .design-hybrid .cinema-dispatch .news-more-card{flex-basis:calc(100% - 18px);height:460px;max-width:340px;font-size:16px}
 .design-hybrid .catalog-section{margin:32px 0}
 .design-hybrid .section-heading{gap:12px;margin-bottom:18px}
 .design-hybrid .section-heading h2{font-size:32px}
 .design-hybrid .small-count{margin-left:auto;font-size:15px}
 .design-hybrid .catalog-filter-toggle{min-height:48px;font-size:16px}
 .design-hybrid .catalog-filter{padding:16px;border-radius:16px}
 .design-hybrid .catalog-search input,.design-hybrid .catalog-sort select{font-size:16px;min-height:50px}
 .design-hybrid .catalog-tabs button{min-height:48px;font-size:15px}
 .design-hybrid .catalog-tag-options span{font-size:14px;min-height:44px}
 .design-hybrid .catalog-group{padding:12px;border-radius:18px}
 .design-hybrid .catalog-group .group-heading{gap:10px;align-items:center;padding-bottom:16px;margin-bottom:16px}
 .design-hybrid .catalog-group .group-heading>div{flex:1;min-width:0}
 .design-hybrid .catalog-group .group-heading h3{font-size:24px;line-height:1.2}
 .design-hybrid .catalog-group .group-count{font-size:14px;padding:7px 9px;gap:5px}
 .design-hybrid .catalog-group .group-count strong{font-size:23px}
 .design-hybrid .catalog-group .catalog-grid{gap:16px}
 .design-hybrid .catalog-group .catalog-copy{padding:16px}
 .design-hybrid .catalog-group .catalog-copy h3{font-size:24px;margin:18px 0 14px;line-height:1.25}
 .design-hybrid .catalog-group .catalog-copy p{font-size:15px;line-height:1.55;margin-bottom:20px}
 .design-hybrid .themed-card .project-build{padding:10px;gap:8px}
 .design-hybrid .themed-card .project-build .project-status{font-size:12px;gap:7px}
 .design-hybrid .themed-card .project-chapter{font-size:12px;gap:6px;padding-left:9px}
 .design-hybrid .themed-card .text-link{max-width:100%;min-height:48px;font-size:15px;padding:12px 16px;gap:12px;line-height:1.4;white-space:normal}
 .design-hybrid .site-footer{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:20px 0 calc(20px + env(safe-area-inset-bottom));font-size:13px}
 .design-hybrid .site-footer a{display:inline-flex;align-items:center;min-height:44px}
 .design-hybrid button,.design-hybrid a{-webkit-tap-highlight-color:#a4b99533}
}