html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#06464d}*{box-sizing:border-box}button,a{-webkit-tap-highlight-color:transparent}#game{--ma-game-style:magic-hats;position:relative;isolation:isolate;width:100%;height:100dvh;overflow:hidden}#background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}#workspace,#game .stage{position:absolute;inset:0;touch-action:manipulation}#rail{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible;pointer-events:none}#game .hat{position:absolute;background:none;border:0;padding:0;cursor:pointer;touch-action:manipulation;filter:drop-shadow(0 5px 4px #002c3999);border-radius:50%;isolation:isolate;transform-origin:center}#game .hat:disabled{cursor:default}#game .hat>img,#game .aperture,#game .aperture>img,#game .toy-fit{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#game .aperture{clip-path:ellipse(32.5% 33.7% at 50% 48%);overflow:hidden}#game .closed-interior{clip-path:inset(0 0 0% 0);transition:clip-path 650ms ease}#game .hat.lift .closed-interior{clip-path:inset(0 0 100% 0)}#game .hat.selected>.capsule-body,#game .hat:active:not(:disabled)>.capsule-body{filter:brightness(1.08)}#game .open-interior.completed{animation:kitchen-completion-glow 850ms ease both}#game .toy-fit{z-index:3}#game .shine-clip{position:absolute;inset:18% 20%;overflow:hidden;border-radius:40%}#game .toy-fit .ma-match-shine{position:absolute;left:-40%;top:0;width:40%;height:100%;background:linear-gradient(90deg,transparent,#fffdf0,transparent);--shine-travel:clamp(80px,14vw,230px);--shine-mid:175%}#game .toy-fit .ma-match-glint{position:absolute;width:7%;aspect-ratio:1;background:#fffbe8;clip-path:polygon(50% 0,63% 37%,100% 50%,63% 63%,50% 100%,37% 63%,0 50%,37% 37%)}.corner-button{position:absolute;z-index:2000;display:block;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.celebration-screen{position:absolute;inset:0;z-index:30}.celebration-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.has-brand-finale #workspace,.has-brand-finale .corner-button{visibility:hidden}#brand-final-confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#game .celebration-content{position:relative;inset:auto;min-height:0}#game .celebration-screen{display:flex;align-items:center;justify-content:center}#game .finish-actions{position:relative;z-index:2;display:flex;flex-direction:column;flex:none}#game .brand-final-mascots{position:relative;z-index:1;min-height:0;pointer-events:none}#game .celebration-screen[hidden]{display:none!important}#game #level-progress{position:absolute;left:50%;top:85%;transform:translate(-50%,-50%);z-index:1400;display:flex;align-items:center;gap:10px;padding:6px 10px;margin:0;list-style:none;pointer-events:none;border:2px solid #bc9562;border-radius:24px;background:linear-gradient(#256c70,#073b43);box-shadow:inset 0 2px 2px #aad7c55c,0 3px 4px #002b3699}#game #level-progress li{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid #725d41;background:radial-gradient(circle at 35% 25%,#29585b,#073439 78%);box-shadow:inset 0 2px 3px #001e2988;position:relative;color:#a4bcba;font:700 13px/1 system-ui,sans-serif;text-shadow:0 1px 1px #001d23}#game #level-progress li::after{content:"";position:absolute;width:13px;height:6px;left:5px;top:3px;background:linear-gradient(#ffffff75,#fff0);border-radius:50%}#game #level-progress li.done{color:#f5ffff;border-color:#83d4be;background:radial-gradient(circle at 36% 28%,#69ffe1,#00ad9c 65%,#04726d);box-shadow:inset 0 2px 2px #d8fff6a8,0 0 5px #36e3c870}#game #level-progress li.current{color:#fff8dc;border-color:#ffd28a;background:radial-gradient(circle at 35% 25%,#ffe07c,#fda326 60%,#b65d0b);box-shadow:inset 0 2px 2px #fff5ca99,0 0 7px #ffb1328c;animation:level-lamp-pulse 2.4s ease-in-out infinite}@keyframes level-lamp-pulse{50%{box-shadow:inset 0 2px 2px #fff5ca99,0 0 10px #ffb132b0}}@media(max-height:500px){#game #level-progress{transform:translate(-50%,-50%) scale(.85)}}
