:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}
.touch-stick{display:none}.install-dialog{width:min(420px,calc(100vw - 28px));padding:32px 24px;background:#192631;color:#f1e0bc;border:1px solid #806b47;border-radius:14px}.install-dialog h2{margin:12px 0;font-size:23px}.install-dialog ol{padding-left:22px;line-height:1.9}.install-dialog p{font-size:14px;line-height:1.8;color:#c9c3b1}.install-dialog .app-icon{display:block;width:64px;height:64px;border-radius:14px;image-rendering:pixelated}.install-dialog .close{position:absolute;top:8px;right:8px}.install-dialog button{min-height:44px}.install-dialog [hidden]{display:none!important}.install-dialog .install-note{font-size:12px;color:#b0b8b7}.app-update{border:1px solid #d8bf8a77!important;color:#f0d494!important}#room canvas{touch-action:none}
@media(pointer:coarse){
 .walking-active .touch-stick{display:grid;place-items:center;position:absolute;left:calc(16px + var(--safe-left));bottom:calc(82px + var(--safe-bottom));width:108px;height:108px;border:1px solid #c9c2aa55;border-radius:50%;background:radial-gradient(circle,#1d303963,#14222e2b);box-shadow:inset 0 0 0 12px #19303a24;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;}
 .touch-stick:before,.touch-stick:after{content:'';position:absolute;left:50%;top:50%;background:#dfd8bd33;pointer-events:none}.touch-stick:before{width:54px;height:1px;transform:translate(-50%,-50%)}.touch-stick:after{height:54px;width:1px;transform:translate(-50%,-50%)}
 .touch-stick-thumb{width:42px;height:42px;z-index:1;border:1px solid #d8c08d99;border-radius:50%;background:#ba9c6677;box-shadow:0 3px 10px #0003;pointer-events:none;will-change:transform}.touch-stick.active{background:#233a4480;border-color:#dbbc7eaa}.touch-stick.active .touch-stick-thumb{background:#d5ba84aa}
 .store-inside .walk-pad{display:block;width:44px;height:44px;left:calc(132px + var(--safe-left));bottom:calc(82px + var(--safe-bottom));background:none;pointer-events:none}.walk-pad [data-walk]{display:none}.walk-pad #walkRun{width:44px;height:44px;min-height:44px;pointer-events:auto;font-size:11px!important}
 body:has(#mobileShelfNav:not([hidden])) .touch-stick,body:has(#mobileShelfNav:not([hidden])) .walk-pad{bottom:calc(132px + var(--safe-bottom))}
}
@media(max-width:700px),(pointer:coarse) and (max-height:500px){
 html,body{height:var(--viewport-height,100dvh);overscroll-behavior:none}header{box-sizing:border-box}.store-inside header{background:linear-gradient(#15232ce8,#15232c99 80%,transparent)}
 .store-inside:not(.catalog-open) footer,.catalog-open footer{border:1px solid #c6b68a24;border-bottom:0;border-radius:16px 16px 0 0;background:#162733f2}.store-inside:not(.catalog-open) footer #categories>select[data-cuisine-select],.store-inside:not(.catalog-open) footer #regionControl .region-open,.store-inside:not(.catalog-open) footer #mobileToolsButton{border-radius:9px;background:#263945;border-color:#c6b68a22}
 .mobile-tools-dialog .mobile-tools-grid{gap:10px}.mobile-tools-dialog .mobile-tools-grid button{min-height:48px;background:#263743;border-color:#b9a57533;border-radius:10px}.mobile-tools-dialog{background:#192933!important}.mobile-tools-dialog>p{line-height:1.8}.owner-dialog,.install-dialog{box-sizing:border-box;max-height:calc(var(--viewport-height,100dvh) - var(--safe-top) - var(--safe-bottom) - 24px);max-width:calc(100vw - var(--safe-left) - var(--safe-right) - 24px);overflow:auto;overscroll-behavior:contain}.owner-dialog input:not([type=checkbox]),.install-dialog input{font-size:16px}
 .store-inside .host-shortcut{background:#203541cc;border-radius:14px}.store-inside .walk-interact,body:has(#mobileShelfNav:not([hidden])) .walk-interact{bottom:calc(139px + var(--safe-bottom));max-width:min(164px,43vw);border-radius:12px;background:#203541e8}
 body:has(#mobileShelfNav:not([hidden])) .walk-interact{bottom:calc(191px + var(--safe-bottom))}.store-outside .intro{top:calc(92px + var(--safe-top));left:calc(22px + var(--safe-left));width:calc(100vw - 44px - var(--safe-left) - var(--safe-right))}.store-outside .intro h1{font-size:26px;line-height:1.35;letter-spacing:2px}.store-outside .intro h1 em,.store-outside .intro>p,.store-outside .intro-rule,.store-outside .intro .stats,.store-outside .intro .sample-note{display:none}.store-outside .intro .eyebrow{font-size:10px;letter-spacing:1px}.store-outside .intro .enter-store{margin-top:10px;min-height:46px;border-radius:10px}.store-outside .bell-toggle{top:calc(70px + var(--safe-top));right:calc(16px + var(--safe-right));min-height:44px;border-radius:10px;font-size:12px}
 .journal-dialog[open]{padding-top:calc(64px + var(--safe-top));padding-bottom:calc(72px + var(--safe-bottom))}.journal-dialog .page-controls{border-radius:14px}.journal-dialog .close,.journal-dialog .journal-edit{border-radius:12px}.catalog .search-wrap,.record-card{border-radius:12px}.catalog{background:#172833f7}.record-card{background:#243743}.catalog-heading h2{font-size:24px}.catalog-heading p{margin:5px 0 16px}.record-card .card-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
@media(pointer:coarse) and (max-height:500px) and (orientation:landscape){
 .store-outside .intro{top:calc(74px + var(--safe-top));max-width:240px}.store-outside .intro h1{font-size:21px;margin:6px 0}.store-outside .intro .eyebrow{display:none}.store-outside .intro .enter-store{margin-top:5px}.store-outside .bell-toggle{top:calc(70px + var(--safe-top))}.walking-active .touch-stick{width:96px;height:96px;bottom:calc(78px + var(--safe-bottom))}.store-inside .walk-pad{left:calc(120px + var(--safe-left));bottom:calc(78px + var(--safe-bottom))}body:has(#mobileShelfNav:not([hidden])) .touch-stick,body:has(#mobileShelfNav:not([hidden])) .walk-pad{bottom:calc(124px + var(--safe-bottom))}.store-inside .walk-interact{bottom:calc(132px + var(--safe-bottom))}.journal-dialog[open]{padding-top:calc(58px + var(--safe-top));padding-bottom:calc(60px + var(--safe-bottom))}
}
@media(prefers-reduced-motion:reduce){.touch-stick-thumb{will-change:auto}}
@media(max-width:700px),(pointer:coarse) and (max-height:500px){
 .store-outside .intro h1 br{display:block}.store-outside .intro h1{max-width:230px;margin:12px 0;font-size:25px}.store-outside #toast{top:auto;bottom:calc(146px + var(--safe-bottom));border-radius:12px}.store-inside #toast{top:calc(70px + var(--safe-top));bottom:auto;border-radius:12px;max-height:76px}
}
@media(pointer:coarse) and (max-height:500px) and (orientation:landscape){.store-outside .intro h1 br{display:none}.store-outside .intro h1{font-size:21px;margin:5px 0}.store-outside #toast{bottom:calc(142px + var(--safe-bottom));max-width:310px;margin:auto}.store-inside #toast{max-width:400px;margin:auto}}