body{background:radial-gradient(ellipse at 10% 5%,#fff4d4,transparent 45%),linear-gradient(135deg,#ddf7f3,#eaf2ff 60%,#fff0dd);color:#30465a}
.app{max-width:1100px}.hero{background:#fffdf5;border:2px solid #fff;border-radius:30px;padding:24px 16px;box-shadow:0 8px 0 #c6dedb,0 16px 40px #31495712}.hero h1{color:#254f59;letter-spacing:-1.3px}.hero p{color:#60747a;font-weight:650}.world-label{color:#b66a3c;font-size:11px;font-weight:900;letter-spacing:2px;margin-bottom:8px}.stat{border:1px solid #e5e9df;font-size:14px;background:#fff}.cards{gap:18px;align-items:stretch}.tile{border:3px solid #fff;box-shadow:0 7px 0 #b9cfce,0 12px 25px #254f5910;transition:transform .16s,box-shadow .16s;overflow:hidden}.tile:hover{transform:translateY(-3px)}.tile:active{transform:translateY(3px);box-shadow:0 3px 0 #b9cfce}.tile.bakery-feature{position:relative;grid-column:span 2;min-height:300px;padding:0;text-align:left;background:#346d6c!important;isolation:isolate}.bakery-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:-2}.bakery-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#173d42f5 0%,#173d4290 30%,transparent 64%);z-index:-1}.feature-badge{position:absolute;top:15px;left:15px;background:#fff7d9;color:#7b4d25;padding:8px 12px;font-size:10px;font-weight:900;letter-spacing:1px;border-radius:24px;box-shadow:0 3px 0 #d6ba7c}.feature-copy{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:125px 20px 20px;color:#fff}.tile .feature-copy strong{font-size:27px}.feature-copy>span{font-size:14px!important}.feature-play{background:#ffd56a;color:#513918;padding:10px 15px;border-radius:14px;font-weight:850;box-shadow:0 4px 0 #a9752f;margin-top:4px}.panel{background:#fffdf7;border:3px solid white;box-shadow:0 7px 0 #b7cfce;padding:20px}.toolbar{color:#36565e}.btn{box-shadow:0 4px 0 #b9cdcd;border:1px solid #dce6e1;color:#335a60}.btn.primary{background:#ffcf62;border-color:#ffdc8e;color:#66420e;box-shadow:0 4px 0 #bf8c32}.bakery-scene{position:relative;aspect-ratio:3/2;max-height:500px;overflow:hidden;border-radius:22px;background:#9bd3c7;isolation:isolate;border:3px solid #fff;box-shadow:0 5px 0 #c3d1ba}.bakery-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1}.scene-label{position:absolute;top:14px;left:15px;border-radius:20px;padding:7px 10px;background:#fff9e9e8;color:#6e4d2d;font-weight:900;font-size:10px;letter-spacing:1px}.bakery-scene .order{position:absolute;top:18%;left:31%;width:38%;max-width:none;min-height:100px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:12px 8px;border:3px solid white;background:#fffcf2f7;border-radius:22px;box-shadow:0 5px 0 #c9a66e70;color:#553f30;text-align:center;font-size:clamp(17px,2.5vw,25px)}.order-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#b16b40}.bakery-scene .bear{position:absolute;left:11%;top:44%;width:21%;height:29%;font-size:0;animation:none}.bakery-scene .bear.serve:after{content:'⭐';position:absolute;inset:0;display:grid;place-items:center;font-size:55px;animation:bear-thanks .8s 2}.bear-speech{position:absolute;bottom:5%;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;text-align:center;color:#fff;background:#275c58f0;border:2px solid #ffffffb0;border-radius:16px;padding:9px 16px;font-weight:800;font-size:14px;box-shadow:0 3px 0 #19413d70}.bakery-hint{text-align:center;font-size:14px;font-weight:750;margin:20px 0 8px;color:#577477}.shelf{background:linear-gradient(155deg,#437a75,#255852);padding:15px;gap:12px;border:3px solid #c3e6d8;box-shadow:0 5px 0 #b6c9c0;margin-top:10px}.cake{position:relative;background:linear-gradient(#fffef7,#ffe7b9);border:3px solid #fffaf0;border-radius:18px;box-shadow:0 5px 0 #b39360;padding:8px 5px 10px;font-size:14px;transition:transform .13s;min-width:0}.cake:hover{transform:translateY(-3px)}.cake:active{transform:translateY(4px);box-shadow:0 1px 0 #b39360}.pastry{display:inline-block;flex:none;width:110px;height:110px;background-image:url('/assets/pastries-3d-v1.webp');background-size:300% 200%;background-repeat:no-repeat;filter:drop-shadow(0 6px 3px #905a241a)}.pastry-0{background-position:0% 0%}.pastry-1{background-position:50% 0%}.pastry-2{background-position:100% 0%}.pastry-3{background-position:0% 100%}.pastry-4{background-position:50% 100%}.pastry-5{background-position:100% 100%}.tray{border:3px solid #cfb99a;background:linear-gradient(#fffdf7,#f7e9d3);box-shadow:inset 0 4px 8px #a3804a16,0 4px 0 #dbc6a7;color:#715335}.tray-icons{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px;padding:7px;min-height:68px}.tray-item{display:inline-flex}.tray-item .pastry{width:52px;height:52px}.empty-tray{font-size:14px;color:#8c7e67;font-weight:500}.flying-pastry{position:fixed;z-index:1000;pointer-events:none;width:64px;height:64px;will-change:transform,opacity}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.feedback{color:#30685d}.level{border-color:#d4e3dc}.level.current{border-color:#c89531}.caption{color:#607a7c}.bar{background:linear-gradient(90deg,#51b99b,#8ed0a3)}
@keyframes bear-thanks{0%,100%{opacity:0;transform:translateY(0) scale(.5)}50%{opacity:1;transform:translateY(-40px) scale(1.3)}}
@media(min-width:800px){.tile.bakery-feature{grid-row:span 2;min-height:410px}.feature-copy{padding-top:255px}.bakery-scene{aspect-ratio:1.9/1}.bakery-art{object-position:center 47%}}
@media(max-width:660px){.app{padding:10px}.hero{padding:20px 11px}.hero h1{font-size:29px;line-height:1.15}.hero p{font-size:13px;margin-top:10px}.stats{gap:5px}.stat{padding:8px 9px;font-size:12px}.cards{gap:12px;margin-top:20px}.tile.bakery-feature{min-height:270px}.feature-copy{padding:140px 16px 16px}.tile .feature-copy strong{font-size:25px}.tile{border-radius:23px}.panel{padding:10px}.toolbar{font-size:12px;gap:7px}.toolbar .btn{padding:9px;font-size:12px}.bakery-scene{border-radius:17px;aspect-ratio:1.35/1}.bakery-art{object-fit:cover}.scene-label{top:8px;left:8px;font-size:8px;padding:5px 8px}.bakery-scene .order{top:17%;left:29%;width:42%;min-height:75px;padding:8px 5px;gap:4px;border-width:2px;font-size:16px;border-radius:15px}.order-label{font-size:9px;letter-spacing:.5px}.bear-speech{bottom:3%;font-size:11px;padding:7px 9px}.shelf{padding:9px;gap:8px}.pastry{width:80px;height:80px}.cake{font-size:11px;padding:3px 1px 7px;border-width:2px;border-radius:13px}.controls{gap:7px}.controls .btn{font-size:12px;padding:10px}.tray-item .pastry{width:45px;height:45px}.bakery-hint{font-size:12px;margin-top:15px}}
@media(max-width:360px){.pastry{width:66px;height:66px}.bakery-scene .order{font-size:14px}.hero h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}