/* Café Days extras: a camera-first phone screen and optional premium previews. */
:root{--cook-dock-height:188px}.shop-nav svg{color:#ba9658}.nav-item.shop-nav.active{background:#f1e9d5;color:#9b793d}.cooking-dock{position:relative}.preview-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 20px;background:#f6edda;border-bottom:1px solid #e9dbc0;color:#937b4a}.preview-bar>div{min-width:0}.preview-bar b{font-size:12px;font-weight:800}.preview-bar small{display:block;font-size:10px;color:#a0906b;margin-left:12px;margin-top:2px}.preview-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#c6a354;margin-right:7px;vertical-align:middle}.preview-bar button{min-width:54px;min-height:36px;padding:8px 12px;border-radius:9px;border:1px solid #e3d3b4;background:#fff9e9;font-size:11px;font-weight:800;color:#97824c}.plus-tools{display:flex;gap:9px;padding:0 20px 17px}.plus-tools button{min-height:40px;flex:1;background:#ede9f4;border:1px solid #ded5ed;border-radius:10px;padding:8px 12px;color:#8a76a5;font-size:12px;font-weight:800}
.shop-availability{display:flex;align-items:center;gap:16px;padding:14px 17px;border-radius:13px;background:#f4ecda;border:1px solid #e8d9b9;margin:0 0 23px}.shop-availability>span{font-size:11px;font-weight:900;white-space:nowrap;background:#e7d6ac;color:#8c743c;border-radius:7px;padding:6px 9px}.shop-availability p{font-size:12px;color:#9d895b;margin:0;line-height:1.6}.plus-card{display:grid;grid-template-columns:1.15fr 1fr;background:#255b4a;color:#fffef3;border:1px solid #1c4d3e;border-radius:24px;overflow:hidden;position:relative;margin:0 0 35px}.plus-copy{position:relative;z-index:1;padding:34px 36px}.plus-eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:900;color:#bed1ad}.plus-copy h3{font:600 41px/1.1 var(--display);margin:10px 0 8px;letter-spacing:-.5px}.plus-copy h3 i{font-style:normal;color:#e8ce91}.plus-copy>p{font-size:14px;color:#c6d5ba;margin:0 0 20px}.plus-copy ul{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:9px}.plus-copy li{font-size:13px;color:#d3dfc6}.plus-copy li:before{content:'✓';color:#c7d99e;margin-right:9px}.plus-price{font:600 36px/1.1 var(--display);color:#fff3cf}.plus-price span{font:600 13px var(--font);color:#c5d2b7}.billing-note{display:block;max-width:330px;margin:8px 0 20px;font-size:10px;line-height:1.6;color:#b6c8aa}.plus-preview{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:46px;width:100%;max-width:330px;border:1px solid #edd49b;background:#f0daaa;color:#6c633e;border-radius:11px;padding:11px 15px;font-size:13px;font-weight:900}.plus-preview:hover{background:#fae6bd}.plus-preview>span{font-size:20px;line-height:1}.checkout-unavailable{display:block;background:transparent;color:#a6bda0;min-height:38px;padding:8px 0;font-size:10px;opacity:.8!important}.plus-art{position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 70% 35%,#63917644,transparent 70%);min-height:370px;overflow:hidden}.plus-art:before,.plus-art:after{content:'';position:absolute;width:300px;height:300px;border:1px solid #ffffff0b;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.plus-art:after{width:390px;height:390px}.plus-art>span{position:absolute;top:36px;right:43px;color:#e8cf8c;font-size:45px;transform:rotate(10deg)}.plus-art img{position:absolute;object-fit:contain;filter:drop-shadow(0 15px 10px #09261d25)}.plus-art img:first-of-type{width:300px;height:250px;top:37px;left:-5px;transform:rotate(-4deg)}.plus-art img:nth-of-type(2){width:230px;height:245px;right:-20px;top:70px;transform:rotate(6deg)}.plus-art b{font:600 29px/1.2 var(--display);color:#d9e4cd;position:absolute;bottom:32px;left:28px;transform:rotate(-6deg);text-align:center}.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px}.collection-heading h3{font-size:22px;font-weight:800;margin:0}.collection-heading>span{font-size:11px;color:#8c987f}.premium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.premium-pack{background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden;min-width:0}.premium-art{height:185px;position:relative;overflow:hidden;background:var(--pack-bg)}.premium-art:before{content:'';position:absolute;width:155px;height:155px;border:1px solid #ffffffa0;border-radius:50%;left:calc(50% - 77px);top:28px}.premium-art>span{position:absolute;top:15px;left:17px;font-size:7px;font-weight:900;color:var(--pack-accent);letter-spacing:1.7px}.premium-art img{position:absolute;object-fit:contain;filter:drop-shadow(0 8px 5px #5548290c)}.premium-art img:first-of-type{width:200px;height:160px;left:-5px;top:24px;transform:rotate(-5deg)}.premium-art img:nth-of-type(2){width:135px;height:135px;right:0;top:43px;transform:rotate(5deg)}.premium-art i{position:absolute;right:20px;top:22px;font-size:29px;color:var(--pack-accent);font-style:normal}.premium-pack-body{padding:21px}.pack-tag{font-size:10px!important;color:var(--pack-accent)!important;margin:0 0 7px!important}.premium-pack h3{font-size:21px;line-height:1.2;margin:0 0 11px;font-weight:800;letter-spacing:-.3px}.premium-pack-body>p{font-size:12px;line-height:1.65;color:#87927a;margin:0 0 19px;min-height:59px}.pack-price{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:17px}.pack-price>b{font-size:21px;font-weight:900;color:#7f6d42}.pack-price>span{font-size:9px;color:#9ba58c}.premium-pack-body>button{min-height:45px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;border:1px solid #dfe6d3;border-radius:11px;padding:10px 12px;background:#eff3e7;color:#6b8256;font-size:11px;font-weight:800}.premium-pack-body>button:hover{background:#e4edd8}.premium-pack-body>button>span{font-size:19px;line-height:1}.shop-footnote{font-size:11px;color:#9ba58e;line-height:1.8;text-align:center;margin:24px auto 0;max-width:760px}.layout-slots{display:grid;gap:12px;margin:22px 0 8px}.layout-slots article{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid #dde5d1;background:#f4f7ec;border-radius:13px}.layout-slots article>span{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;background:#e5ecd8;color:#8a9f70;font-size:13px;font-weight:900}.layout-slots article>div{flex:1}.layout-slots h3{font-size:14px;margin:0 0 3px;font-weight:800}.layout-slots p{font-size:11px;margin:0}.layout-slots button{min-height:40px;border:1px solid #d9e2cb;background:#edf2e1;color:#78905b;border-radius:9px;font-size:11px;font-weight:800;padding:9px 12px}
@media(max-width:1050px){.nav-item{padding-left:9px;padding-right:9px}.plus-copy{padding:28px}.plus-art img:first-of-type{width:250px;left:-18px}.plus-art img:nth-of-type(2){width:180px;right:-12px}.premium-grid{gap:14px}.premium-pack-body{padding:17px}.premium-pack h3{font-size:19px}.premium-art img:first-of-type{width:170px;left:-12px}.premium-art img:nth-of-type(2){width:110px}.premium-pack-body>p{min-height:78px}.pack-price{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){
 :root{--cook-dock-height:190px}.nav-rail{grid-template-columns:repeat(5,minmax(0,1fr));height:calc(72px + env(safe-area-inset-bottom));padding-left:8px;padding-right:8px;gap:3px}.nav-item{font-size:10px;gap:4px}.nav-item svg{width:21px;height:21px}.shop-nav{color:#ac9263}.nav-item.shop-nav.active{background:#f1e9d6;color:#95743c}
 body:is([data-view=cafe],.placing){height:100dvh;overflow:hidden;background:#d5e3c6}
 body:is([data-view=cafe],.placing) .topbar{position:fixed;inset:0 0 auto;height:calc(72px + env(safe-area-inset-top));background:transparent;border:0;backdrop-filter:none;padding-top:env(safe-area-inset-top);padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));gap:8px;z-index:40}
 body:is([data-view=cafe],.placing) .brand{flex:0 1 auto;margin-right:auto;padding:8px 11px 8px 6px;border-radius:15px;background:#fffefae8;border:1px solid #ffffffa0;box-shadow:0 3px 13px #36522d09;font-size:25px;gap:4px}.brand-cup{flex-shrink:0}body:is([data-view=cafe],.placing) .brand-cup{width:31px;height:31px}body:is([data-view=cafe],.placing) .brand-cup img{width:44px;height:36px}body:is([data-view=cafe],.placing) .wallet{background:#fff4d9ef;box-shadow:0 3px 13px #36522d09;border-color:#f4e7c2;padding:10px 9px}body:is([data-view=cafe],.placing) #settingsButton{background:#fffefae8;border:1px solid #ffffffa0;box-shadow:0 3px 13px #36522d09;border-radius:14px;width:43px;height:45px}
 body:is([data-view=cafe],.placing) main{position:fixed;inset:0;width:100%;max-width:none;margin:0;padding:0;min-height:0;pointer-events:none}
 body:is([data-view=cafe],.placing) .cafe-heading{display:flex!important;position:absolute;top:calc(76px + env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));right:18px;z-index:5;margin:0;pointer-events:auto}.cafe-heading .eyebrow{display:none}body:is([data-view=cafe],.placing) .cafe-heading h1{font-size:26px;line-height:1.2;color:#365640;text-shadow:0 1px 7px #f4fae7cc}.cafe-heading .edit-name{color:#7c9271}
 body:is([data-view=cafe],.placing) .phone-status{position:absolute;top:calc(111px + env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));right:18px;z-index:5;margin:0;pointer-events:none;font-size:12px}.phone-status>span:first-child{gap:4px;color:#607e4c}.phone-status small{color:#7b9167}body:is([data-view=cafe],.placing) #appCacheStatus{color:#7e936d;font-size:9px}
 body:is([data-view=cafe],.placing) .play-layout{position:absolute;inset:0;display:block!important;pointer-events:auto;width:100%;height:100%;margin:0;gap:0}
 body:is([data-view=cafe],.placing) .game-panel{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}
 body:is([data-view=cafe],.placing) .scene-wrap{position:absolute;inset:0;width:100%;height:100%;min-height:0;aspect-ratio:auto;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 42%,#e0eacc,#c1d4aa 82%);overflow:hidden}
 body:is([data-view=cafe],.placing) .scene-top{top:calc(146px + env(safe-area-inset-top));left:18px;right:18px;z-index:3}.pill{box-shadow:0 3px 12px #36522d08}.weather{background:#f8fbe8c9}
 body:is([data-view=cafe],.placing) .scene-footer{position:fixed;left:0;right:0;bottom:calc(80px + env(safe-area-inset-bottom) + var(--cook-dock-height));z-index:20;height:40px;min-height:40px;padding:0 14px;border:0;background:transparent;pointer-events:auto;gap:9px}
 body:is([data-view=cafe],.placing) .scene-footer>span{background:#fffefae8;border:1px solid #ffffffb0;border-radius:12px;min-height:36px;padding:6px 9px;box-shadow:0 3px 15px #36522d0b;font-size:10px;gap:4px}.scene-footer #counterSummary{font-size:9px}.view-controls{background:#fffefae8;border:1px solid #ffffffb0;border-radius:12px;box-shadow:0 3px 15px #36522d0b}.view-controls button{min-width:31px;height:36px}#resetCamera{font-size:10px!important;min-width:80px!important;padding:0 7px;font-weight:800}
 body:is([data-view=cafe],.placing) .cooking-dock{position:fixed;bottom:calc(72px + env(safe-area-inset-bottom));left:0;right:0;z-index:30;border:1px solid #f9fbf1;border-width:1px 0 0;border-radius:22px 22px 0 0;background:#fffef9f2;backdrop-filter:blur(20px);box-shadow:0 -5px 22px #36522d0e;overflow:hidden;pointer-events:auto}
 body:is([data-view=cafe],.placing) .kitchen-heading{padding:12px 16px 8px}.kitchen-heading h2{font-size:15px}.kitchen-heading>span{font-size:11px}
 body:is([data-view=cafe],.placing) .phone-stoves{padding:0 14px 10px;gap:8px;scrollbar-width:none}.phone-stoves::-webkit-scrollbar{display:none}body:is([data-view=cafe],.placing) .phone-stove{flex-direction:row;align-items:center;min-width:112px;min-height:65px;padding:8px 6px 8px 2px;gap:0;border-radius:12px;background:#f3f5ed;border-color:#e1e7d6}.phone-stove>img{width:41px;height:42px}.stove-copy{align-items:flex-start;gap:3px;text-align:left}.stove-copy b{font-size:11px;line-height:1.2;overflow-wrap:normal}.stove-copy small{font-size:10px;line-height:1.3;white-space:normal}.phone-stove.cooking{background:#faf0d8;border-color:#ead8ae}.phone-stove.ready{background:#e4efd4;border-color:#aec58d}.phone-stove.dirty{background:#f9e9df;border-color:#e5c8b6}
 body:is([data-view=cafe],.placing) .kitchen-actions{padding:0 14px 13px;gap:8px;grid-template-columns:1fr 1fr 1.3fr}.kitchen-actions button{font-size:12px;min-height:45px}.kitchen-actions #batchCook{box-shadow:0 2px 7px #18453010}
 body:is([data-view=cafe],.placing) .right-sidebar,body:is([data-view=cafe],.placing) .page-footer,body:is([data-view=cafe],.placing) .phone-gesture-hint{display:none}
 body:is([data-view=cafe],.placing) .other-tab-banner{position:fixed;top:calc(145px + env(safe-area-inset-top));left:14px;right:14px;z-index:60;pointer-events:auto;box-shadow:0 5px 20px #36522d15}
 body:is([data-view=cafe],.placing) .placement-hint{bottom:calc(126px + env(safe-area-inset-bottom) + var(--cook-dock-height));position:fixed;z-index:25;pointer-events:auto;max-width:calc(100% - 28px)}
 .preview-bar{padding:10px 14px;gap:8px}.preview-bar b{font-size:11px}.preview-bar small{font-size:9px;margin-left:12px}.preview-bar button{min-height:36px;padding:7px 11px}.plus-tools{padding:0 14px 12px;gap:8px}.plus-tools button{font-size:12px;min-height:41px;padding:8px 10px}
 body:is([data-view=cafe],.placing) .toast-container{bottom:calc(85px + env(safe-area-inset-bottom) + var(--cook-dock-height));z-index:70}.toast{pointer-events:none}
 .shop-availability{display:block;padding:13px 14px;margin-bottom:18px}.shop-availability>span{font-size:10px;display:inline-block;padding:4px 7px;margin-bottom:7px}.shop-availability p{font-size:11px;line-height:1.6}.plus-card{grid-template-columns:1fr;border-radius:20px;margin-bottom:28px}.plus-copy{padding:24px 22px 12px}.plus-eyebrow{font-size:8px;letter-spacing:1.4px}.plus-copy h3{font-size:36px;margin-top:9px}.plus-copy>p{font-size:13px;margin-bottom:18px}.plus-copy li{font-size:12px}.plus-price{font-size:32px}.plus-price span{font-size:12px}.billing-note{font-size:10px;max-width:none;margin-bottom:17px}.plus-preview{font-size:13px;max-width:none;min-height:48px}.checkout-unavailable{font-size:10px;min-height:38px}.plus-art{min-height:175px;height:175px;display:block}.plus-art img:first-of-type{width:185px;height:160px;left:7px;top:0}.plus-art img:nth-of-type(2){width:130px;height:150px;right:2px;top:9px}.plus-art>span{font-size:25px;right:19px;top:0}.plus-art b{font-size:17px;bottom:12px;left:calc(50% - 65px);transform:rotate(-5deg);line-height:1.05}.collection-heading{display:block;margin-bottom:16px}.collection-heading h3{font-size:21px;margin-bottom:5px}.collection-heading>span{font-size:11px}.premium-grid{grid-template-columns:1fr;gap:19px}.premium-art{height:180px}.premium-art img:first-of-type{width:220px;height:175px;left:0;top:16px}.premium-art img:nth-of-type(2){width:135px;height:140px;right:10px;top:35px}.premium-art>span{font-size:8px;top:16px;left:18px}.premium-pack-body{padding:21px}.premium-pack h3{font-size:23px;margin-bottom:10px}.premium-pack-body>p{min-height:0;font-size:13px;margin-bottom:18px}.pack-tag{font-size:11px!important}.pack-price{flex-direction:row;align-items:center;margin-bottom:16px}.pack-price>b{font-size:22px}.pack-price>span{font-size:10px}.premium-pack-body>button{font-size:13px;min-height:48px;padding:11px 14px}.shop-footnote{font-size:11px;text-align:left;line-height:1.7;margin-top:22px}.layout-slots article{flex-wrap:wrap;gap:9px;padding:13px}.layout-slots article>div{min-width:calc(100% - 52px)}.layout-slots button{flex:1;min-height:44px;font-size:12px}.layout-slots p{font-size:11px}.layout-slots h3{font-size:14px}
}
@media(max-width:359px){body:is([data-view=cafe],.placing) .topbar{padding-left:10px;padding-right:10px;gap:5px}body:is([data-view=cafe],.placing) .brand{font-size:22px;padding-right:8px;gap:2px}body:is([data-view=cafe],.placing) .brand-cup{width:25px}body:is([data-view=cafe],.placing) .wallet{padding:9px 7px;gap:4px}body:is([data-view=cafe],.placing) .wallet strong{font-size:15px}body:is([data-view=cafe],.placing) #settingsButton{width:39px}.scene-footer>span{gap:3px!important}.scene-footer .footer-divider,.scene-footer #counterSummary{display:none}body:is([data-view=cafe],.placing) .phone-stove{min-width:101px}.stove-copy b{font-size:11px}.stove-copy small{font-size:10px}.phone-stove>img{width:36px}.kitchen-actions button{font-size:11px}.nav-item{font-size:9px}}
@media(max-width:700px) and (max-height:520px) and (orientation:landscape){body:is([data-view=cafe],.placing) .cafe-heading,body:is([data-view=cafe],.placing) .phone-status{display:none!important}body:is([data-view=cafe],.placing) .topbar{height:55px}.scene-top{display:none}body:is([data-view=cafe],.placing) .cooking-dock{left:auto;right:8px;bottom:calc(62px + env(safe-area-inset-bottom));width:190px;border-radius:17px;border-width:1px}.kitchen-heading{padding:10px 12px 6px!important}.kitchen-heading>span{display:none}.phone-stoves{display:flex!important;flex-direction:column;padding:0 10px 8px!important;gap:5px!important;max-height:150px;overflow-y:auto}.phone-stove{min-height:42px!important;padding:4px!important}.phone-stove>img{width:33px;height:29px}.phone-stove b{font-size:11px}.phone-stove small{font-size:9px}.kitchen-actions{display:grid!important;grid-template-columns:1fr!important;padding:0 10px 10px!important;gap:5px!important}.kitchen-actions button{min-height:34px;font-size:10px}.kitchen-actions #cleanAll,.kitchen-actions #serveAll:disabled{display:none}.scene-footer{left:10px!important;right:210px!important;bottom:calc(75px + env(safe-area-inset-bottom))!important;padding:0!important}.scene-footer>span{display:none!important}.nav-rail{height:62px}.preview-bar small{display:none}.preview-bar b{font-size:10px}.plus-tools{padding:0 10px 10px;gap:4px;flex-direction:column}.plus-tools button{min-height:32px;font-size:10px}}

.weather{pointer-events:auto;cursor:pointer;border:0;font-family:inherit}.weather>span{font-size:14px}.reward-dialog-actions{display:grid;gap:12px;margin-top:23px}.reward-dialog-actions button{display:flex;align-items:center;gap:15px;min-height:75px;background:#f1f4e9;border:1px solid #dce5d1;border-radius:14px;padding:14px;text-align:left}.reward-dialog-actions button>span{font-size:28px}.reward-dialog-actions b{font-size:14px}.reward-dialog-actions small{display:block;font-size:12px;color:#859879;margin-top:3px}@media(max-width:700px){.weather{min-height:40px;padding:7px 10px}.weather>span{font-size:15px}}