/* All overrides are scoped to touch-sized screens. Desktop styles remain untouched. */
#mobileMenuToggle,#mobileMenuShade{display:none}
@media(max-width:1180px), (hover:none) and (pointer:coarse){
 html{scroll-padding-top:16px}body{overflow-x:clip}body.mobile-menu-open{overflow:hidden}
 .app{display:block!important;width:100%;max-width:100%}main{padding:20px!important;min-width:0}
 .topbar{height:auto!important;min-height:0;position:relative!important;display:flex;flex-wrap:wrap;gap:12px!important;padding:12px 20px!important;align-items:center}
 #mobileMenuToggle{display:block;min-height:44px;padding:9px 12px;flex:0 0 auto}
 .topbar .brand{margin-right:auto;min-width:0}.topbar .brand-quest-logo{width:36px;height:42px}.topbar .gamehud{display:none!important}
 .topbar .clock{font-size:12px!important;max-width:none!important;margin-left:0;line-height:1.5}
 .topbar .timecontrols{min-width:200px;gap:6px}.topbar #next{font-size:14px!important;min-height:44px;padding:9px 14px!important}
 .topbar #skipForm{justify-content:flex-end;flex-wrap:wrap}.topbar #skipForm button{min-height:40px}.topbar #skipMonths{font-size:16px;width:60px}
 .sidebar{display:none!important;position:fixed!important;inset:0 auto 0 0!important;width:min(320px,86vw)!important;height:100dvh!important;max-height:100dvh;overflow-y:auto;z-index:110!important;padding:20px 14px!important;background:#0d1119!important;backdrop-filter:none!important;border-right:2px solid #6683af}
 body.mobile-menu-open .sidebar{display:flex!important;gap:22px}.sidebar nav{display:flex!important;flex-direction:column!important;overflow:visible!important;gap:10px!important}.sidebar .nav{width:100%;white-space:normal!important;min-height:50px!important;padding:12px!important;font-size:15px!important}.sidebar .nav span{font-size:15px!important}.sidebar .sidebottom{display:flex!important}.sidebar .eyebrow{display:block!important}.setup-nav-arrow{display:none!important}
 body.mobile-menu-open #mobileMenuShade{display:block;position:fixed;inset:0;z-index:109;background:#000b;border:0;border-radius:0}
 input,select,textarea{font-size:16px!important;min-height:44px;max-width:100%}button,summary{touch-action:manipulation}button{min-height:44px}button:focus-visible,summary:focus-visible{outline:2px solid #88b5ff}
 .panel,.stat{min-width:0}.pageheading,.sectionheading{flex-wrap:wrap;gap:12px}.pageheading h1{font-size:26px}.pageheading .actions{flex-wrap:wrap}
 .overviewgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:start}.player-dashboard{grid-template-columns:minmax(0,1fr) minmax(230px,.7fr)!important}
 .marketlayout{grid-template-columns:1fr!important}.detail{position:static!important;max-height:none!important}.markettools{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.markettools>label:first-child{grid-column:1/-1}
 .investmentworkspace{display:block!important}.investmentworkspace .workspacelist{position:static!important;max-height:230px;overflow-y:auto;margin-bottom:18px;width:100%!important}.investmentworkspace .workspacelist button{grid-template-columns:32px minmax(0,1fr) auto!important;min-height:56px}.investmentworkspace .workspacelist button .asset-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .investmentworkspace .brokergrid{display:flex!important;flex-direction:column!important}.investmentworkspace .terminalmain{display:block!important;width:100%}.investmentworkspace .broker-sidebar{order:1!important;position:static;width:100%}.broker-sidebar .ticketpanel{position:static!important}.chartpanel .assetpricechart{width:100%;height:300px;max-height:340px}
 .finance-form,.lifestyle-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}.debt-order{display:flex;flex-wrap:wrap;gap:10px}.debt-order>span{flex-basis:100%}
 dialog[open],.amenity-dialog[open]{position:fixed!important;inset:0!important;transform:none!important;margin:auto!important;width:calc(100vw - 32px)!important;max-width:1000px!important;max-height:calc(100dvh - 32px)!important;height:fit-content;overflow-y:auto!important;padding:22px!important}
 dialog .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}dialog .overviewgrid,dialog .retirement-grid{grid-template-columns:1fr!important}.tablewrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .news-broadcast{grid-template-columns:minmax(210px,.65fr) minmax(0,1fr)!important}.broadcast-stories{height:auto!important;min-height:0!important}.broadcast-stories #news{height:auto!important}.broadcast-stories #news>.latest-news{max-height:none!important}.headline-feed{max-height:230px!important}
 .calendar-press-layout,.calendar-layout{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .shop-products{grid-template-columns:repeat(2,minmax(0,1fr))!important}.shop-product{min-width:0!important;height:auto!important;min-height:220px}.shop-product .shop-price-action{flex-wrap:wrap}.shop-product .shop-price-action button{min-height:44px}
}
@media(max-width:700px){
 main{padding:16px 12px!important}.panel{padding:16px!important;margin-bottom:16px}.topbar{padding:10px 12px!important;gap:8px!important}.topbar .brand{flex:1}.brand .mission-title{font-size:18px!important}.brand .mission-kicker{font-size:9px!important}.brand small{font-size:8px!important}.topbar .brand-quest-logo{width:30px;height:36px}
 .topbar .clock{width:100%;order:2;font-size:12px!important}.topbar .timecontrols{width:100%;order:3;display:grid;grid-template-columns:1fr 1fr;align-items:start;min-width:0}.topbar #skipForm{gap:4px;font-size:11px;justify-content:flex-end}.topbar #skipForm input{width:46px;padding:5px}.topbar #skipForm button{padding:7px!important;font-size:12px}.topbar #skipProgress{grid-column:1/-1}.topbar #next{font-size:13px!important}
 .topbar #soundToggle,.topbar .music-controls{font-size:11px;min-height:36px}.pageheading{margin-bottom:18px}.pageheading h1{font-size:23px!important}.pageheading button{font-size:12px;padding:8px}
 .player-dashboard,.overviewgrid,.market-intro,.news-broadcast,.wellbeing-grid,.living-item-grid,.amenity-grid,.purchase-grid,.personal-assets-grid,.fiscal-intro,.calendar-press-layout,.calendar-layout{grid-template-columns:1fr!important}
 .player-dashboard #stats,.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.stat{padding:14px!important;min-height:0!important}.stat strong{font-size:23px!important}.stat .stat-tag{font-size:9px}.stat p,.stat small{font-size:12px!important}.stat .stat-link{font-size:12px!important}.player-portrait{width:min(100%,340px);justify-self:center}.player-dashboard{gap:16px!important}
 .overviewgrid{gap:0!important}.overviewgrid #portfolio{height:auto!important;max-height:none!important}.holding-list{max-height:500px;overflow-y:auto}.overview-wellbeing{width:100%!important}.overview-wellbeing-row{flex-wrap:nowrap!important}
 .assetgrid,.bank-grid,.card-application-grid,#creditCards .card-accounts,.health-plans,.plan-grid,.lifechoices,.education-options,.credit-term-grid{grid-template-columns:1fr!important}.markettools,.finance-form,#personalCreditForm{grid-template-columns:1fr!important}.markettools>label:first-child{grid-column:auto}.market-broker-card{max-width:300px}.terminalbalances{grid-template-columns:1fr 1fr!important}.terminalbalances>.stat:last-child{grid-column:1/-1}.terminaltabs,.chartcontrols{display:flex;flex-wrap:wrap}.terminaltabs button{min-width:70px;font-size:12px}.researchmetrics,.statementgrid{grid-template-columns:1fr 1fr!important;gap:12px}.researchmetric strong{font-size:16px!important}.terminalswitch{width:100%}
 .news-anchor{max-width:300px;justify-self:center}.news-data-section #macro{grid-template-columns:1fr 1fr!important}.economic-value>strong{font-size:24px!important}.economic-delta{font-size:15px!important}.economic-delta small{font-size:11px}.monthly-editions{grid-template-columns:1fr 1fr!important}.calendar-month{height:auto!important;max-height:480px;overflow:auto}.calendar-press{position:static!important}
 .purchase-item-heading{gap:12px}.purchase-item-heading img{width:64px;height:56px;flex-basis:64px}.shop-products{grid-template-columns:1fr 1fr!important}.shop-product-heading{gap:8px!important;flex-wrap:wrap}.shop-product-art{width:40px!important;height:40px!important;flex-basis:40px!important}.shop-product h3{font-size:15px!important}.shop-product{padding:12px!important}.shop-price-action .shop-price{font-size:17px!important}.shop-product .shop-price-action button{width:100%!important}.shop-expanded .shop-products{grid-template-columns:1fr 1fr!important}.shop-badge{font-size:10px!important}.chips{gap:7px}.chips button{font-size:13px!important;padding:8px 11px!important}.shop-subscriptions .minirow{flex-wrap:wrap}
 dialog[open],.amenity-dialog[open]{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;padding:16px!important}dialog .credit-funding-equation{display:flex;flex-direction:column;align-items:stretch}dialog .grid,dialog .amenity-options,dialog .amenity-grid{grid-template-columns:1fr!important}.start-gate{padding:18px 12px!important}.start-gate-content{width:100%}.start-gate h1{font-size:26px!important}.start-play-actions{flex-direction:column}.start-play-actions button{width:100%}.start-disclaimer{padding:18px!important}.start-disclaimer p{font-size:14px;line-height:1.8}.start-acknowledgement{align-items:flex-start}.start-acknowledgement input{width:24px;flex:0 0 24px}
}
@media(prefers-reduced-motion:reduce){#mobileMenuShade,.sidebar{transition:none}}
#mobileMenuClose{display:none}
@media(max-width:1180px), (hover:none) and (pointer:coarse){
 #mobileMenuClose{display:block;width:100%;margin-bottom:16px;min-height:44px}
 .topbar .brand .brandname{display:flex!important;flex-direction:column;align-items:flex-start;gap:0}.topbar .brand .brandname>span{display:block!important;margin:0!important;line-height:1.2}
 dialog[open],.amenity-dialog[open]{display:block!important;min-width:0!important}dialog[open]>.amenity-choice-grid{width:100%!important;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .lifestyle-comforts .shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:270px;--shop-row:270px}
 .lifestyle-meters,.living-essential-grid,.calendarupcoming{grid-template-columns:repeat(2,minmax(0,1fr))!important}.calendarupcoming>aside{grid-column:1/-1;max-width:340px;justify-self:center}
 .amenity-open{font-size:0!important}.amenity-open::after{content:'แตะเพื่อเลือก / เปลี่ยน';font-size:14px}
 .calendarupcoming>*,.living-essential-grid>*{min-width:0}
}
@media(max-width:700px){
 .lifestyle-meters,.living-essential-grid,.amenity-choice-grid,.calendarupcoming,.fiscal-layout,.lifegrid{grid-template-columns:1fr!important}
 dialog[open]>.amenity-choice-grid{grid-template-columns:1fr!important;width:100%!important}
 .lifestyle-comforts .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:280px;--shop-row:280px;gap:10px;--shop-gap:10px}
 .shop-expanded .shop-grid{grid-auto-rows:minmax(330px,auto)!important}
 .shop-toolbar{gap:8px}.shop-toolbar button{min-height:44px}
 .calendarupcoming .calendarpress{position:static!important}.calendarupcoming>.panel{height:auto!important;max-height:480px;overflow:auto}
 .health-lifestyle-options{grid-template-columns:1fr!important}.health-lifestyle-options button{min-height:90px}
 .topbar .brand .mission-title{font-size:18px!important}.topbar .brand .mission-kicker{font-size:8px!important}
}
@media(min-width:701px) and (max-width:1180px){
 .topbar .timecontrols{width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.topbar #skipForm{flex-wrap:nowrap}.topbar #skipProgress{max-width:160px}
 .assetgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:700px){
 .investmentworkspace>.workspaceassets{display:none!important}
 .investmentworkspace>.workspaceassets+div{min-width:0}
 .terminalswitch label{font-size:13px}.terminalswitch select{min-height:48px}
 .investmentworkspace .brokergrid .chartpanel{padding:12px!important}
 .player-portrait,.news-anchor,.market-broker-card{max-width:100%}
}