/* Phone shell: retain every route, account session and neon control. */
.phone-tabs{display:none}
.phone-filter-toggle{display:none}
@media(max-width:760px){
 :root{--phone-bar:calc(66px + env(safe-area-inset-bottom,0px))}
 html{scroll-padding-bottom:calc(var(--phone-bar) + 16px)}
 body{min-height:100vh;min-height:100dvh;padding-bottom:var(--phone-bar)}
 header.menu-ready{padding:calc(10px + env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));gap:8px}
 header.menu-ready .brand{font-size:25px}
 header.menu-ready .menu-toggle{min-height:44px;padding:8px 12px}
 header.menu-ready.menu-open nav{max-height:60vh;max-height:60dvh;overflow-y:auto;overscroll-behavior:contain;padding:4px}
 .phone-tabs{position:fixed;z-index:30;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;margin:0;padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#091e29;border-top:1px solid #46ffb580;box-shadow:0 -3px 18px #0005}
 body .phone-tabs a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:52px;padding:4px 2px;border:1px solid transparent;border-radius:10px;color:#c2d7df;font-size:11px;font-weight:750;text-decoration:none;line-height:1.15;white-space:nowrap}
 .phone-tabs svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 body .phone-tabs a[aria-current=page]{color:#84ffd0;background:#13372f;border-color:#50ffb9;box-shadow:-2px 0 8px #ff354540,2px 0 8px #2dffac40}
 .wrap{width:100%;padding:20px 14px;min-width:0}
 .page.wrap>h1{font-size:27px;line-height:1.18;gap:9px;margin:5px 0 15px;overflow-wrap:anywhere}
 .page.wrap>h1:before{width:32px;height:32px}
 h2{font-size:21px}h3{font-size:17px}p{line-height:1.5}
 .panel{padding:17px;border-radius:15px;margin-bottom:15px}
 .two-col,.home-bottom{gap:15px;margin-top:16px}
 .two-col>*,.fields>*,.chat-layout>*,.community-layout>*,.market-board>*{min-width:0}
 input,select,textarea{font-size:16px;max-width:100%;scroll-margin-bottom:calc(var(--phone-bar) + 24px)}
 button,.button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
 img,video{max-width:100%}
 .hero{min-height:0;padding:27px 18px 30px;border-bottom-width:3px;background-position:60% center}
 .hero h1{font-size:clamp(30px,8vw,38px);line-height:1.08;letter-spacing:-1px;margin:12px 0}
 .hero p{font-size:14px;margin:10px 0}.hero .button{font-size:14px;padding:11px 13px;min-height:44px;margin:8px 5px 4px 0}
 .hero-sticker{display:none}.image-caption{font-size:9px;bottom:3px;right:8px}
 .eyebrow{font-size:10px;letter-spacing:1.5px}
 .community-switch{gap:7px;margin:14px 0}.community-switch a{font-size:13px;padding:9px 11px}
 .community-head{gap:8px}.community-head h1{font-size:28px;margin-top:4px}
 .community-layout{gap:14px;margin-top:14px}.community-author{gap:8px}
 .phone-filter-toggle{display:block;width:100%;text-align:left}
 .phone-filter-ready:not(.phone-filters-open) #phoneCommunityFilters{display:none}
 .phone-filter-ready{padding:10px;margin-bottom:0}
 .phone-filters-open #phoneCommunityFilters{padding:14px 6px 5px}
 .market-board{grid-template-columns:minmax(0,1fr);gap:13px}
 .market-card,.neon-widget,.price-widget{padding:16px}
 .price-widgets,.neon-widgets{gap:13px;margin:16px 0}
 .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .tiles>a{padding:15px;border-radius:15px;min-width:0}.tiles h2{font-size:18px;margin:12px 0 8px}.tiles p{font-size:13px}.tiles b{padding:8px;font-size:12px}
 .tile-icon{width:42px;height:42px}.tile-icon img{width:35px;height:35px}.tiles>a:after{width:65px;height:65px;right:4px;top:10px}
 .market-panel{padding:18px!important}
 #chatMessages{max-height:48vh;max-height:48dvh}
 footer{padding:18px 14px;gap:12px;font-size:11px}
 .toast,#appUpdateNotice{bottom:calc(var(--phone-bar) + 10px)}
 #watchBanner{scroll-margin-bottom:var(--phone-bar)}
}
@media(max-width:350px){.tiles{grid-template-columns:minmax(0,1fr)}.phone-tabs a{font-size:10px}.hero h1{font-size:29px}}
@media print{.phone-tabs{display:none}body{padding-bottom:0}}