/* Touch layouts share the same game at every screen width. */
html{overflow-x:clip}body{min-width:280px}img,svg{max-width:100%}button{overflow-wrap:anywhere}dialog{max-height:90dvh;overflow:auto;overscroll-behavior:contain}.page-shell,.home-grid,.shop-grid,.secondary,.room-card,.right-column{min-width:0}input,select,textarea{max-width:100%}
@media(max-width:720px){
#phoneMenuToggle{display:flex;align-items:center;gap:4px;flex-shrink:0;padding:10px 8px;border:1px solid #d7c8ab;background:#efe8d6;border-radius:10px;font-size:13px;color:#77634e;min-height:44px}body .sidebar{position:fixed;inset:64px auto 0 0;width:min(285px,86vw);height:calc(100dvh - 64px);z-index:100;padding:12px 12px max(24px,env(safe-area-inset-bottom));transform:translateX(-105%);transition:transform .18s ease;border-right:1px solid #d5c5a9;border-top:0;overflow:auto;background:#f5eedff7;box-shadow:8px 0 20px #74634a30}.phone-menu-open .sidebar{transform:translateX(0)}body .sidebar .brand{display:none}body .sidebar nav{display:flex;flex-direction:column;justify-content:flex-start;margin:0;height:auto;gap:3px}body .sidebar .nav,body .sidebar .settings{display:flex;width:100%;flex-direction:row;justify-content:flex-start;gap:12px;font-size:13px!important;min-height:45px;padding:10px 14px;margin:0;border-radius:10px}body .sidebar .nav.active{background:#e3e9d4!important}body .sidebar .nav span{font-size:20px}body .sidebar .settings{margin-top:12px}.sidebar-footer{display:none}body main{margin:0}.topbar{position:sticky;top:0;z-index:110;height:64px;padding:7px 10px;gap:8px;justify-content:space-between;background:#fff9eff5;backdrop-filter:blur(10px)}.topbar .island{min-width:0;width:calc(100% - 110px);max-width:235px;padding:6px 10px;font-size:10px;height:42px;margin:0;overflow:hidden}.topbar .island>svg,.topbar .island>div:first-child{flex-shrink:0}.topbar .top-right{position:static;flex-shrink:0}.topbar .avatar{width:32px;height:32px}.page-shell{padding:18px 12px 30px!important}.greeting{align-items:center}.greeting h1{font-size:20px;line-height:1.6}.greeting p{font-size:10px;line-height:1.7}.greeting .eyebrow{font-size:7px;letter-spacing:1px}.balance{min-width:65px;flex-shrink:0}.balance .currency-icon{width:21px!important;height:21px!important}.home-grid{display:flex;flex-direction:column;gap:16px}.room-card{width:100%}.room{height:clamp(250px,68vw,340px)!important}.room .big-pet{width:155px!important;height:155px!important;left:calc(50% - 77px)!important;bottom:16px!important}.room .bubble{font-size:10px!important;top:38%!important;left:19%!important;max-width:65%!important}.room-heading>span{display:none!important}.care-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 12px;padding:12px 0}.care-actions button{min-height:78px}.care-actions b{font-size:11px}.care-actions small{font-size:9px}.pet-overview{padding:16px 15px 0}.pet-overview h2{font-size:16px}.stats{padding:16px 15px;gap:10px}.room-card #roomDecorator{margin:10px;padding:12px}.room-decor-actions button,.room-shortcuts button,.room-selection button{min-height:44px}.room-inventory{max-height:260px!important}.room-stock{min-height:100px}.guide-toggle{padding:8px}.guide-toggle input{width:20px;height:20px}.shop-grid,.premium-grid,.recipe-grid,.roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.shop-item{min-width:0}.product-art{min-height:130px!important;height:145px!important}.product-art>svg,.product-art>svg[viewBox="0 0 200 200"]{max-width:100%!important;height:130px!important;width:140px!important;max-height:140px!important;transform:none!important}.product-info{padding:12px!important}.product-info h3{font-size:12px!important;line-height:1.6}.product-info p,.product-meta{font-size:10px!important;line-height:1.7}.product-footer{flex-direction:column;align-items:flex-start;gap:10px}.product-footer>div{width:100%}.product-footer button{width:100%;min-height:42px;font-size:11px}.product-tag{font-size:8px!important}.shop-tabs{display:flex;overflow:auto;flex-wrap:nowrap;max-width:100%;gap:5px}.shop-tab{white-space:nowrap;min-height:44px;flex-shrink:0;padding:9px}.surprise-grid{grid-template-columns:1fr!important;gap:16px}.surprise-card-info h3{font-size:17px}.surprise-card-info p{font-size:12px}.surprise-card-info button{min-height:44px}.season-premium{padding:14px!important}.season-store-banner{padding:18px!important;min-height:180px!important}.season-store-banner h2{font-size:23px!important}.season-premium .co-actions button{min-width:0;flex:1}.season-dates{gap:5px 10px}.season-dates span{width:100%}.season-premium .festival-gift{max-width:90px}.home-store-links{display:grid;grid-template-columns:1fr;gap:12px}.home-store-links button{min-height:44px}.winter-teaser{padding:16px!important}.winter-teaser>div:last-child{max-width:100px}.secondary{padding:16px!important}dialog{width:calc(100vw - 16px)!important;max-width:540px;margin:auto;padding:20px 14px!important;border-radius:17px!important;max-height:90dvh}#closeDialog{min-width:42px;min-height:42px;top:4px;right:4px;z-index:5}.modal-pet>svg{height:125px}.blind-box-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px}.blind-box{min-width:0;padding:6px!important}.blind-box>svg{width:100%!important;height:90px!important}.blind-box span{font-size:7px}.co-actions,.wardrobe-footer{flex-wrap:wrap;gap:10px}.co-actions button,.wardrobe-footer button{min-height:44px}.wardrobe-owned{grid-template-columns:repeat(2,minmax(0,1fr))}.wardrobe-preview>svg{width:130px;height:130px}.draw-journal article{flex-direction:column;gap:8px}.draw-journal article>div:last-child{text-align:left}.toast{max-width:92vw;bottom:18px;left:50%}.phone-preview{max-width:100%}.travel-routes,.co-grid,.social-grid{grid-template-columns:1fr!important}.modal-field input,.modal-field select,input[type=text],input[type=tel],input[type=date]{font-size:16px!important}.placed-furniture.room-interactive{min-width:42px}#musicToggle{font-size:10px;max-width:180px;bottom:12px;right:12px}.checkin-days{grid-template-columns:repeat(4,minmax(0,1fr))!important}.checkin-day{min-width:0}.topbar .island .pet-tail{animation:none!important}
}
@media(min-width:721px) and (max-width:1000px){.home-grid{grid-template-columns:minmax(0,1fr)!important}.right-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{overflow-y:auto}.page-shell{padding-left:20px;padding-right:20px}}
.recharge-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}.recharge-grid article{min-width:0;padding:12px!important}.recharge-grid .gem-art{height:45px}.recharge-grid .gem-art .currency-icon{width:36px!important;height:36px!important}.recharge-grid h3{font-size:13px!important;margin:8px 0!important}.recharge-grid button{font-size:11px!important;padding:9px 5px!important;min-height:42px}.first-charge-gift{display:flex;gap:18px;padding:20px;margin:20px 0;border:1px solid #cdbbdb;background:#eee6f2;border-radius:17px}.first-charge-gift p{font-size:12px;line-height:1.9;color:#8a7591}.first-charge-gift h3{font-size:17px}.first-charge-gift small{font-size:10px;color:#9d89a6}.first-charge-gift b{font-size:12px;color:#8b749a}.first-charge-preview{width:140px;flex-shrink:0}.first-charge-preview svg{width:100%}#welcomeGiftCard{display:flex;align-items:center;gap:12px;background:#e7edde;border:1px solid #becaaa;border-radius:12px;padding:14px;margin:15px;font-size:12px}#welcomeGiftCard h3{font-size:14px}#welcomeGiftCard p{font-size:11px;line-height:1.8}#welcomeGiftCard small{font-size:9px;color:#899773}#welcomeGiftCard button{min-height:42px;padding:8px;border:1px solid #b6c29d;background:#f8faed;border-radius:9px;flex-shrink:0}@media(max-width:720px){.recharge-grid{gap:5px!important}.recharge-grid article{padding:7px 3px!important;border-radius:9px!important}.recharge-grid h3{font-size:10px!important}.recharge-grid .gem-art .currency-icon{width:28px!important;height:28px!important}.recharge-grid .gem-art{height:32px}.recharge-grid button{font-size:9px!important}.first-charge-gift{padding:14px;gap:8px}.first-charge-preview{width:95px}.first-charge-gift h3{font-size:14px}.first-charge-gift p{font-size:11px}#welcomeGiftCard{flex-wrap:wrap}}
.recharge-grid .gem-art{display:flex;align-items:center;justify-content:center;line-height:1;margin:0 auto 10px;flex-shrink:0}.recharge-grid h3{line-height:1.5!important}.recharge-grid article>b{display:block;margin:9px 0 12px}.recharge-grid .currency-icon{flex-shrink:0}@media(max-width:720px){.recharge-grid .gem-art{margin-bottom:7px}.recharge-grid article>b{margin:7px 0 9px;font-size:12px}}