.cake-game{height:100dvh;min-height:0;box-sizing:border-box;display:flex;flex-direction:column;padding:8px;gap:8px;background:#244e44;overflow:hidden}
.cake-game .topbar{flex:none;margin:0}
.cake-game .cake-viewport{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:18px;background:#eee1c4}
.cake-scene{position:absolute;left:50%;top:50%;width:1600px;height:900px;transform-origin:center;isolation:isolate;background:url('assets/cake-machine/bakkerij.webp') center/cover;color:#244a3e;font-family:system-ui,sans-serif}
.cake-instruction{position:absolute;left:60px;right:60px;top:25px;margin:0;padding:18px;text-align:center;background:#fff5dff2;border:3px solid #bf914f;border-radius:20px;font-size:34px;box-shadow:0 4px 15px #573b2825}
.cake-rig{position:absolute;left:0;top:150px;width:760px;height:570px}
.cake-rig img{position:absolute;object-fit:contain;pointer-events:none}
.cake-base{inset:0;width:100%;height:100%}
.cake-current,.cake-next{left:37.5%;top:32%;width:50%;height:50%}
.cake-next[hidden]{display:none}
.cake-head{left:53%;top:12%;width:38%;height:38%;transform-origin:center}
.cake-finish-stars{position:absolute;left:36%;top:5%;font-size:46px;letter-spacing:14px;color:#d99b22;opacity:0;text-shadow:0 2px white}
.cake-scene[data-phase=finished] .cake-finish-stars{opacity:1}
.cake-progress{position:absolute;left:130px;top:720px;display:flex;gap:16px;padding:16px 22px;margin:0;list-style:none;background:#fff3dfe8;border:3px solid #bf914f;border-radius:30px}
.cake-progress li{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#ddd2bd;color:#5d5d4d;font-size:25px;font-weight:bold}
.cake-progress li.done{background:#467d53;color:white}.cake-progress li.next{outline:3px solid #c59c4c;outline-offset:3px}
.cake-step{position:absolute;left:55px;top:805px;width:640px;margin:0;text-align:center;font-size:24px;font-weight:700;background:#fff3dfe8;padding:10px;border-radius:12px}
.cake-console{position:absolute;left:770px;right:45px;top:170px;bottom:45px;border:6px solid #b48d53;border-radius:30px;background:linear-gradient(130deg,#fff7e7f5,#e7dabdf5);box-shadow:0 10px 30px #593d2840}
.cake-game .workshop-screens{position:absolute;left:25px;right:25px;top:48px;height:230px;display:grid;grid-template-columns:repeat(var(--screens,4),minmax(0,1fr));gap:12px}
.cake-game .workshop-screen{position:relative;min-width:0;min-height:0;padding:35px 6px 8px;border:4px solid #a88b59;border-radius:15px;background:#fffdf8;color:#244a3e;opacity:1!important}
.cake-position{position:absolute;left:12px;top:3px;font:bold 24px system-ui}
.cake-correct{position:absolute;right:10px;top:2px;font:bold 26px system-ui;color:#2c783c}
.cake-photo{position:relative;display:grid;place-items:center;height:100%;min-height:0;font:60px system-ui;color:#b6ac97}
.cake-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.cake-game .workshop-screen.active{border-color:#cc972a;box-shadow:0 0 0 4px #ffe0a0}
.cake-game .workshop-screen.correct{border-color:#4e8a5d}
.cake-game .workshop-screen.wrong{border-color:#c77752}
.cake-game .workshop-repeat{position:absolute;left:200px;right:200px;top:315px;height:65px;border:3px solid #b48d53;border-radius:18px;background:#fff3d9;color:#244a3e;font:bold 23px system-ui;display:flex;align-items:center;justify-content:center;gap:10px}
.cake-game .workshop-repeat:disabled{opacity:.5}
.cake-game .workshop-choices{position:absolute;left:25px;right:25px;top:435px;height:190px;display:flex;justify-content:center;gap:14px}
.cake-game .workshop-card{flex:1;max-width:175px;position:relative;min-width:0;padding:6px;border:4px solid #b48d53;border-radius:14px;background:white;box-shadow:0 5px 0 #aa8452}
.cake-game .workshop-card img{width:100%;height:100%;object-fit:contain}
.cake-game .workshop-card:disabled{visibility:hidden}
.cake-game button{cursor:pointer;touch-action:manipulation}
.cake-game button:disabled{cursor:default}
.cake-game button:focus-visible{outline:5px solid #e7a833;outline-offset:4px}
.cake-intro{grid-column:1/-1;align-self:center;text-align:center;font-size:30px;line-height:1.6}
.cake-actions{position:absolute;top:450px;left:15px;right:15px;display:flex;justify-content:center;gap:16px}
.cake-actions:empty{display:none}
.cake-actions button{background:#2d6856;color:#fff7df;border:3px solid #cda562;border-radius:18px;padding:18px;font:bold 25px system-ui;min-height:76px;display:flex;align-items:center;justify-content:center;gap:10px}
.cake-live{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.cake-game .child-action-icon{width:36px;height:36px;flex:none}
.cake-game .cake-actions [data-home] .bakery-sign-icon{width:80px;object-fit:contain}
.cake-game .score{white-space:nowrap}
.bakery-games button[data-game="remember"]{background:#ead4a3 url('assets/cake-machine/menu.webp') center/cover no-repeat}
@media(prefers-reduced-motion:reduce){.cake-game *{animation:none!important;transition:none!important}}