body{font-family:ui-rounded,'Arial Rounded MT Bold',system-ui,sans-serif;background:radial-gradient(circle at 5% 10%,#fff4ad 0,transparent 30%),radial-gradient(circle at 95% 80%,#efdcff 0,transparent 32%),#e2f6ff;color:#26395d}
body:not(.playing) .app{max-width:1220px;gap:14px;padding:14px;overflow:hidden}body:not(.playing) .hero{position:relative;isolation:isolate;flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 30px;border:3px solid #fff;border-radius:28px;background:linear-gradient(115deg,#5b42c4,#7853dc 65%,#9e6ce9);box-shadow:0 6px 0 #44339a,0 12px 30px #48328325;text-align:left;overflow:hidden}.hero:after{content:'';position:absolute;right:-40px;top:-130px;width:350px;height:350px;border:40px solid #ffffff0b;border-radius:50%;z-index:-1}.hero .hero-intro{min-width:0}.hello-label{font-size:10px;font-weight:850;color:#e9ddff;letter-spacing:1.8px}.hero h1{color:white;font-size:clamp(25px,3vw,39px);line-height:1.12;letter-spacing:-1px;margin:6px 0!important}.hero h1 em{font-style:normal;color:#ffdf6c;display:inline}.hero p{color:#f0eaff;font-size:14px;margin:5px 0}.hero .stats{margin:0;display:grid;grid-template-columns:repeat(2,auto);gap:7px;flex:none}.hero .stat{background:#ffffffed;color:#4c378d;border:0;font-size:12px;padding:9px 13px;text-align:center;box-shadow:0 3px 0 #39297b55;white-space:nowrap}.hero .stats label{grid-column:1/-1;font-size:12px;padding:7px}.hero-spark{position:absolute;color:#ffdf6c;font-size:60px;right:25%;top:-14px;transform:rotate(15deg);opacity:.7;pointer-events:none;animation:star-turn 8s ease-in-out infinite}.home-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:2px 4px 10px}.home-heading h2{margin:0;color:#314467;font-size:clamp(15px,1.6vw,20px)}.home-heading>span{font-size:12px;color:#6a7794;white-space:nowrap}.cards{flex:1;gap:16px;min-height:0}.tile.world-card{position:relative;isolation:isolate;display:block;border:3px solid white;padding:0!important;border-radius:25px;color:white;overflow:hidden;box-shadow:0 6px 0 var(--edge),0 9px 18px #314d5d12;transition:transform .18s,box-shadow .18s;animation:card-arrive .45s both;animation-delay:var(--delay);text-align:left;touch-action:manipulation}.world-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,var(--shade) 0%,var(--shade) 8%,transparent 83%);pointer-events:none}.world-art{position:absolute;inset:0 auto auto 0;width:100%;aspect-ratio:1;z-index:-2;background-image:url('/assets/worlds-3d-v1.webp');background-size:300% 200%;background-repeat:no-repeat;transition:transform .35s;transform-origin:center 40%}.world-0{--edge:#b46a40;--shade:#683728}.world-1{--edge:#299c90;--shade:#095d61}.world-2{--edge:#9352c5;--shade:#582e80}.world-3{--edge:#3d973f;--shade:#235d2e}.world-4{--edge:#c79c30;--shade:#715117}.world-5{--edge:#3157b3;--shade:#192f73}.world-0 .world-art{background-position:0 0}.world-1 .world-art{background-position:50% 0}.world-2 .world-art{background-position:100% 0}.world-3 .world-art{background-position:0 100%}.world-4 .world-art{background-position:50% 100%}.world-5 .world-art{background-position:100% 100%}.world-pill{position:absolute;top:12px;left:12px;background:#fff8e9f5;border-radius:20px;padding:6px 9px;font-size:8px!important;letter-spacing:.7px;font-weight:900;color:#4e3c59;box-shadow:0 2px 0 #00000015}.world-number{position:absolute;top:10px;right:10px;font-size:12px!important;font-weight:850;border:1px solid #ffffff7a;color:#fff;background:#20305155;border-radius:50%;width:29px;height:29px;display:grid;place-items:center}.world-copy{position:absolute;bottom:0;left:0;width:100%;display:flex;flex-direction:column;align-items:flex-start;padding:18px 17px 14px;gap:3px}.tile .world-copy strong{font-size:clamp(18px,1.9vw,24px);color:white;text-shadow:0 2px 4px #00000030;line-height:1.15}.world-description{font-size:12px!important;color:#ffffffd9}.world-bottom{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}.world-progress{font-size:10px!important;color:#fff7d9;font-weight:700}.world-go{display:inline-flex;background:#fff8dc;color:#49334c;border-radius:13px;padding:8px 12px;align-items:center;font-size:12px!important;font-weight:900;box-shadow:0 3px 0 #382f4b50;white-space:nowrap}.world-card:hover,.world-card:focus-visible{transform:translateY(-4px);box-shadow:0 10px 0 var(--edge),0 15px 26px #314d5d22}.world-card:hover .world-art,.world-card:focus-visible .world-art{transform:scale(1.045) rotate(1deg)}.world-card:active{transform:translateY(3px);box-shadow:0 2px 0 var(--edge)}
.playing #play{background:linear-gradient(135deg,#fffef9,#f2fbff);border:3px solid #fff;box-shadow:0 7px 0 #b3d9df}.playing .toolbar{background:#edf5ff;border-radius:14px;padding:3px 5px}.playing #gameTitle{color:#5b4197}.playing .toolbar .btn{background:#fff;color:#54448a;border:1px solid #dcd9f6;box-shadow:0 2px 0 #b9b2df}.playing .bar{background:linear-gradient(90deg,#7b55d8,#b58bf4,#f5be5d)}.playing .shelf{background:linear-gradient(140deg,#34a3a4,#296a91);box-shadow:0 4px 0 #1d526e}.playing .cake{background:linear-gradient(150deg,#fffef8,#fff0c9);border:2px solid #fff;box-shadow:0 3px 0 #bdd1d4;transition:transform .15s,background .15s}.playing .cake:nth-child(2n){background:linear-gradient(150deg,#fffef8,#ffe3eb)}.playing .cake:nth-child(3n){background:linear-gradient(150deg,#fffef8,#e8e0ff)}.playing .cake:hover{background:#fff3aa;transform:translateY(-3px)}.playing .cake:active{transform:translateY(2px) scale(.97)}.playing .tray{border-color:#c4b5ed;background:linear-gradient(100deg,#f5ecff,#fff8de);color:#65498d}.playing .tray-item{border:1px solid #e0cff6;background:#fff}.playing .bakery-controls .btn{font-weight:850;border:2px solid #fff;border-radius:16px;letter-spacing:.1px}.playing #undo{background:#dcefff;color:#23587d;box-shadow:0 4px 0 #8ebbd7}.playing #clear{background:#ffe4e9;color:#94455f;box-shadow:0 4px 0 #db9caf}.playing .bakery-controls #serve{background:linear-gradient(#ffda66,#ffc34d);color:#67410e;box-shadow:0 4px 0 #c38b2a}.playing #serve.ready{animation:ready-glow 3s ease-in-out infinite}.playing #repeat{background:#e6e1fb;color:#61469c;box-shadow:0 3px 0 #b3a5db}.playing #next{background:#6b4cc4;color:#fff;box-shadow:0 3px 0 #45307f;border:2px solid #c9b8ff}.playing .choice{border:2px solid #d4c9ec;box-shadow:0 4px 0 #bdb0d2;background:linear-gradient(150deg,#fff,#f1f0ff);transition:transform .15s}.playing .choice:nth-child(2){background:linear-gradient(150deg,#fff,#fff3ce)}.playing .choice:nth-child(3){background:linear-gradient(150deg,#fff,#e3f6f1)}.playing .choice:nth-child(4){background:linear-gradient(150deg,#fff,#ffe5ec)}.playing .choice:active{transform:translateY(3px)}.playing .choice.correct{background:#bbf2d5;border-color:#35aa77;box-shadow:0 4px 0 #25875d}.playing .choice.wrong{background:#ffe1dd;border-color:#dc887d;box-shadow:0 4px 0 #bb6d63}.playing .feedback{color:#6550a2;font-weight:850}.playing #quiz .stage{background:radial-gradient(circle at 50% 30%,#fff,#e1f7ff 65%,#ccecf0)}
.take-bubble{position:absolute;left:18%;top:30%;z-index:5;border:3px solid #fff;border-radius:50%;background:#ffd95a;color:#745018;width:48px;height:48px;display:grid;place-items:center;font-size:22px;font-weight:900;box-shadow:0 4px 0 #b88937;pointer-events:none;animation:take-bubble .9s both}.game-celebration{position:fixed;inset:0;z-index:1100;pointer-events:none;overflow:hidden}.party-piece{position:absolute;left:var(--x);top:-30px;width:11px;height:16px;background:var(--color);border-radius:4px;animation:party-fall var(--duration) ease-in var(--lag) forwards}.party-star{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font-size:clamp(65px,15vw,130px);filter:drop-shadow(0 6px 0 #d6992c80);animation:prize-pop 1.4s both}.playing .order{transition:box-shadow .2s}.playing .bakery-scene.receiving .order{box-shadow:0 0 0 5px #ffdb6a80,0 4px 0 #c6ad81}.playing .bakery-scene.delivering:after{content:'♥';position:absolute;right:12%;top:30%;font-size:50px;color:#ff6b9c;text-shadow:0 3px 0 #fff;animation:heart-float 1.4s both}.motion-paused *{animation-play-state:paused!important}
@keyframes card-arrive{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}@keyframes star-turn{50%{transform:rotate(50deg) scale(.85)}}@keyframes ready-glow{50%{box-shadow:0 4px 0 #c38b2a,0 0 0 4px #ffd76b44}}@keyframes take-bubble{0%{opacity:0;transform:translateY(12px) scale(.6)}30%{opacity:1;transform:translateY(-8px) scale(1.1)}100%{opacity:0;transform:translateY(-45px) scale(.95)}}@keyframes party-fall{to{transform:translate(var(--drift),105dvh) rotate(580deg);opacity:0}}@keyframes prize-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-20deg)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.1) rotate(8deg)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-65%) scale(.8)}}@keyframes heart-float{0%{opacity:0;transform:scale(.2) translateY(20px)}30%{opacity:1;transform:scale(1)}100%{opacity:0;transform:translateY(-55px) scale(1.2)}}
@media(max-width:700px) and (orientation:portrait){body:not(.playing) .app{padding:9px;gap:10px}.hero .hero-intro{width:100%}body:not(.playing) .hero{padding:13px 14px;display:block;border-radius:23px}.hello-label{font-size:8px;letter-spacing:1px}.hero h1{font-size:27px}.hero h1 em{display:block}.hero p{font-size:11px;line-height:1.2}.hero .stats{display:flex;gap:5px;margin-top:8px;justify-content:flex-start}.hero .stat,.hero .stats label{padding:6px 8px;font-size:10px;min-height:0}.hero-spark{right:5%;top:12px;font-size:55px}.home-heading{padding:0 2px 7px}.home-heading h2{font-size:13px}.home-heading>span{font-size:9px}.cards{gap:10px}.tile.world-card{border-radius:19px;border-width:2px;box-shadow:0 4px 0 var(--edge)}.world-art{top:-7%}.world-pill{top:7px;left:6px;font-size:6px!important;letter-spacing:.3px;padding:4px 5px;max-width:calc(100% - 33px)}.world-number{top:6px;right:6px;width:21px;height:21px;font-size:9px!important}.world-copy{padding:10px 9px 9px;gap:3px}.tile .world-copy strong{font-size:16px;line-height:1.1}.world-description{display:none}.world-bottom{margin-top:5px;gap:3px}.world-go{padding:5px 7px;font-size:9px!important;border-radius:9px}.world-progress{font-size:8px!important}.playing .bakery-controls .btn{border-radius:12px;font-size:13px;min-height:44px;padding:6px 3px}.playing .bakery-controls #serve{font-size:15px}.playing .toolbar{padding:1px 3px}.take-bubble{width:35px;height:35px;font-size:17px}}
@media(orientation:portrait) and (max-height:650px){body:not(.playing) .hero{padding:9px 12px}.hero h1{font-size:22px}.hero h1 em{display:inline}.hero p{display:none}.hero .stats{margin-top:6px}.home-heading>span{display:none}.tile .world-copy strong{font-size:14px}.world-pill{display:none}.world-art{top:-15%}.world-copy{padding:7px}.world-bottom{margin-top:3px}.world-progress{font-size:7px!important}.world-go{font-size:8px!important;padding:4px 5px}}
@media(orientation:landscape) and (max-height:520px){body:not(.playing) .app{padding:7px;gap:7px}body:not(.playing) .hero{padding:8px 14px}.hello-label,.hero p,.hero .stats,.hero-spark{display:none!important}.hero h1{font-size:24px;margin:0!important}.hero h1 em{display:inline}.home-heading{padding-bottom:5px}.home-heading h2{font-size:13px}.home-heading>span{font-size:10px}.cards{gap:9px}.world-pill,.world-number,.world-description,.world-progress{display:none}.world-copy{padding:7px}.tile .world-copy strong{font-size:15px}.world-bottom{margin-top:3px}.world-go{padding:4px 7px;font-size:9px!important}.playing .bakery-controls .btn,.playing .bakery-controls #serve{min-height:38px;font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.world-card:hover .world-art{transform:none}.game-celebration,.take-bubble{display:none}}

.world-card .world-art{animation:world-breathe 7s ease-in-out infinite;animation-delay:var(--delay)}.world-card:hover .world-art,.world-card:focus-visible .world-art{animation-play-state:paused}@keyframes world-breathe{50%{transform:translateY(-3px) scale(1.018)}}@media(prefers-reduced-motion:reduce){.world-card .world-art{animation:none!important}}