.cheese-kitchen{background:linear-gradient(#bde9f4 0 45%,#f5d9a9 45% 65%,#b97b49 65%);gap:12px}.cheese-kitchen h1,.cheese-micro h1{font-size:clamp(1.8rem,5vw,3rem);z-index:1}.cheese-window{position:absolute;left:6%;top:8%;width:22%;height:24%;background:#dff7ff;border:9px solid white;border-radius:10px;box-shadow:0 0 0 4px #a86f42;font-size:2rem;opacity:.7}.cheese-message{max-width:560px;min-height:70px;width:100%;z-index:1;font-weight:700}.cheese-stage{position:relative;width:min(100%,700px);height:250px;display:grid;place-items:center}.cheese-pot{position:relative;width:min(60vw,300px);height:165px;background:#d6dbe0;border:7px solid #88939c;border-radius:20px 20px 70px 70px;box-shadow:inset 0 -18px #b9c1c7;transition:transform .12s,box-shadow .12s}.cheese-pot.hotdrop{transform:scale(1.06);border-color:#b17900;box-shadow:0 0 0 10px #ffd85aaa}.cheese-handle{position:absolute;top:35px;width:45px;height:25px;background:#8d969c;border-radius:20px}.cheese-handle.left{left:-40px}.cheese-handle.right{right:-40px}.cheese-milk{position:absolute;left:6%;right:6%;top:18px;height:70px;border-radius:50%;background:#9aa8b0;border:5px solid #bbc6ce;transition:.4s;overflow:hidden}.cheese-milk.filled{background:#fffdf1;border-color:#eef0df}.cheese-milk.filled.chocolate{background:#b68361}.cheese-milk.curd{background:radial-gradient(circle at 20% 40%,#fff 0 9px,transparent 10px),radial-gradient(circle at 65% 50%,#fff 0 13px,transparent 14px),radial-gradient(circle at 80% 25%,#fff 0 10px,transparent 11px),#e8d989}.pot-culture{display:block;font-size:25px;animation:float 1s infinite alternate}.pot-label{position:absolute;bottom:25px;left:0;right:0;font-weight:900;font-size:.9rem}.cheese-ingredients{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;width:min(100%,700px);z-index:2}.cheese-ingredients button{touch-action:none;user-select:none;min-height:86px}.cheese-ingredients button:disabled{opacity:.45;cursor:default}.cheese-ingredients .dragging{opacity:.25}.cheese-drag{position:fixed;z-index:100;pointer-events:none;width:100px;padding:12px;background:#fff9e9;border:4px solid #ffd85a;border-radius:20px;box-shadow:0 12px 30px #0004;transform:translate(-50%,-50%) rotate(-3deg);font-size:36px;text-align:center}.cheese-drag small{display:block;font-size:12px}.cheese-mouse{position:absolute;z-index:3;font-size:40px;bottom:4px;left:5%;animation:cheeseMouse 13s linear infinite;pointer-events:none}.cheese-mouse.scared{animation-duration:2s}.cheese-zoom{background:#467b70;color:#fff;animation:cheeseZoom .8s both}.cheese-zoom>span{font-size:6rem}.cheese-zoom h1{font-size:clamp(2rem,8vw,5rem)}.cheese-micro{background:#f3dc99;gap:12px}.cheese-hud{display:flex;align-items:center;gap:12px;width:min(100%,760px)}.cheese-hud .meter{flex:1;margin:0;background:#fff8e8;border-color:#543727}.cheese-hud .meter i{background:#e98565}.cheese-arena{position:relative;width:min(100%,760px);height:min(62vh,520px);min-height:280px;border:5px solid #c59b52;border-radius:28px;background:radial-gradient(circle,#fff7d6,#e9d07c);overflow:hidden;touch-action:none}.lactose{position:absolute;transform:translate(-50%,-50%);font-size:36px;line-height:1;color:#795234;text-shadow:1px 1px white}.lactose small{display:block;font-size:8px;font-weight:800}.bacteria-player,.bacteria-friend{position:absolute;transform:translate(-50%,-50%);font-size:52px;z-index:3;pointer-events:none}.bacteria-friend{font-size:32px;z-index:2;animation:cheeseFriend .8s ease-out}.cheese-protein{position:absolute;width:16px;height:16px;background:white;border-radius:50%;opacity:.85;transition:top 1s,left 1s}.cheese-arena .game-message{font-size:clamp(.7rem,2.5vw,.95rem);max-width:95%;white-space:normal;width:max-content;pointer-events:none}.cheese-final{gap:8px}.cheese-final .final-actions{margin-top:16px;flex-wrap:wrap;justify-content:center}.cheese-reward{position:relative;font-size:120px;line-height:1.3}.cheese-reward span{position:absolute;font-size:60px;right:-42px;bottom:0;animation:cheeseNibble .7s .7s both}.cheese-bite{position:absolute;width:30px;height:30px;border-radius:50%;background:#fff1c9;right:13px;top:65px;animation:cheeseBite .01s 1.4s both}.cheese-nhac{font-weight:800;animation:cheeseBite .3s 1.4s both}@keyframes cheeseMouse{0%,to{left:5%;transform:scaleX(-1)}45%{left:85%;transform:scaleX(-1)}50%{left:85%;transform:scaleX(1)}95%{left:5%;transform:scaleX(1)}}@keyframes cheeseZoom{0%{clip-path:circle(0 at 50% 50%)}to{clip-path:circle(100% at 50% 50%)}}@keyframes cheeseFriend{0%{opacity:0;scale:.2}to{opacity:1;scale:1}}@keyframes cheeseNibble{0%{transform:translate(100px);opacity:0}to{transform:none;opacity:1}}@keyframes cheeseBite{0%{opacity:0}to{opacity:1}}@media (max-width:600px){.cheese-kitchen{padding:16px;gap:8px}.cheese-window{top:3%;height:15%}.cheese-stage{height:210px}.cheese-ingredients{grid-template-columns:repeat(3,1fr);gap:10px;max-width:400px}.cheese-ingredients button{min-height:70px}.cheese-ingredients .ingredient>span{font-size:1.8rem}.cheese-message{font-size:.9rem}.cheese-final .final-actions{flex-direction:column}.cheese-final .big-button{font-size:.95rem}.cheese-hud{font-size:.85rem}}.game-picker{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px 20px;background:radial-gradient(circle at 12% 12%,#fff8df 0 9%,transparent 9.2%),linear-gradient(140deg,#fff0c8,#f9cf70)}.collection-brand{font-size:.85rem;font-weight:900;letter-spacing:.18em;color:#467b70}.game-picker h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.1;margin:20px 0 12px}.picker-intro{font-size:1.1rem}.game-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:min(100%,780px);margin:32px 0}.game-card{border:3px solid #503728;border-bottom-width:8px;border-radius:30px;padding:26px 20px;cursor:pointer;box-shadow:0 12px #603a2010;transition:transform .18s}.game-card:hover{transform:translateY(-6px) rotate(-1deg)}.bread-card{background:#bde8e5}.cheese-card{background:#ffe590}.card-art{display:block;font-size:clamp(4rem,10vw,7rem)}.game-card h2{font-size:2.8rem;line-height:1.1}.game-card p{margin:12px 0 22px}.card-action{display:block;background:#fff8e8;border-radius:12px;padding:12px;font-weight:900}.picker-footer{font-size:.9rem;color:#66523b}.game-nav{height:56px;display:flex;align-items:center;justify-content:space-between;padding:8px 18px;background:#fff8e8;border-bottom:2px solid #e1c79d;position:relative;z-index:20}.game-nav button,.text-button{background:transparent;border:0;cursor:pointer;font-weight:800;padding:8px}.game-nav span{font-weight:900}.game-shell .screen{min-height:calc(100dvh - 56px)}.game-shell .app{min-height:0}.text-button{margin-top:18px;text-decoration:underline}button:focus-visible{outline:4px solid #185aa5;outline-offset:4px}@media (max-width:520px){.game-picker{padding:24px 16px}.game-cards{gap:14px;margin:24px 0}.game-card{padding:18px 8px;border-radius:22px}.game-card h2{font-size:1.9rem}.game-card p{font-size:.85rem;min-height:40px;margin:10px 0}.card-action{font-size:.75rem;padding:10px 4px}.picker-footer{max-width:260px}}:root{font-family:"Baloo 2",Arial Rounded MT Bold,system-ui,sans-serif;color:#34271f;background:#f9c74f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button{font:inherit;color:inherit}.app{min-height:100vh}.screen{position:relative;min-height:100vh;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;text-align:center}.big-button{z-index:5;border:0;border-bottom:7px solid #b82e2e;border-radius:18px;padding:14px 26px;background:#f04747;color:#fff;font-size:clamp(1.05rem,4vw,1.4rem);font-weight:800;letter-spacing:.04em;box-shadow:0 8px 20px #5630133d;cursor:pointer;transition:.12s transform,.12s border}.big-button:hover{transform:translateY(-3px) rotate(-1deg)}.big-button:active{transform:translateY(4px);border-bottom-width:3px}.big-button:disabled{filter:grayscale(.7);opacity:.5;cursor:not-allowed}h1,h2,p{margin:.25em}.intro-screen{background:linear-gradient(#8ed8dc 0 62%,#e6b873 62%);justify-content:flex-start}.intro-screen h1{font-size:clamp(5rem,25vw,11rem);line-height:.85;margin-top:8vh;color:#fff4cf;text-shadow:7px 8px 0 #d94d38;transform:rotate(-4deg)}.tagline{font-size:1.15rem;background:#fff5;padding:3px 12px;border-radius:20px}.sun{position:absolute;left:8%;top:8%;font-size:4rem;color:#f9c74f}.shelf{position:absolute;right:5%;top:18%;font-size:2rem;border-bottom:8px solid #9b613c;padding:6px}.counter{margin-top:auto;width:120%;height:210px;background:repeating-linear-gradient(90deg,#da9159 0 50px,#d08651 50px 53px);border-top:12px solid #905436;display:flex;justify-content:center;align-items:flex-start}.intro-screen .big-button{margin-top:-24px;margin-bottom:5vh}.bowl-wrap{position:relative;width:210px;height:150px;margin:15px auto}.bowl{position:absolute;bottom:0;width:100%;height:105px;background:#ee5c4b;border-radius:15px 15px 90px 90px;border:7px solid #fff2dd;box-shadow:inset 0 -14px #bd3e38,0 10px #0002}.bowl span{display:block;margin-top:37px;color:#fff8df;font-size:1.25rem;font-weight:800;transform:rotate(-7deg)}.spoon{position:absolute;font-size:85px;right:-25px;top:-48px;transform:rotate(-28deg);transform-origin:bottom;z-index:0}.dough{position:absolute;z-index:2;left:17px;right:17px;bottom:70px;height:58px;border-radius:55% 55% 38% 38%;background:#edcf8c;border:4px solid #9d663d;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.dough.chips{background-color:#d8ae6c;background-image:radial-gradient(#6a392d 2px,transparent 3px);background-size:20px 18px}.kitchen-screen,.temp-screen{background:linear-gradient(#ffecbd 0 68%,#d99b61 68%)}header{position:absolute;top:16px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between}.mini-logo{font-weight:800;background:#f04747;color:#fff;padding:5px 12px;border-radius:9px;transform:rotate(-2deg)}.step{font-size:.85rem;letter-spacing:.08em}.ingredient-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;width:min(100%,600px);margin-top:52px}.ingredient{position:relative;border:3px solid #643e2d;border-bottom-width:6px;background:#fff8e8;border-radius:16px;padding:7px 3px;cursor:pointer;font-size:.8rem}.ingredient>span{display:block;font-size:2.1rem}.ingredient b{position:absolute;right:-5px;top:-7px;background:#f04747;color:#fff;width:22px;height:22px;border-radius:50%}.ingredient:active{transform:scale(.9)}.ingredient.flying{animation:fly .45s ease-in}.speech{min-height:45px;max-width:360px;background:white;border:3px solid #34271f;border-radius:20px;padding:7px 15px;font-size:1rem;display:flex;align-items:center;justify-content:center}.effect{position:absolute;z-index:4;top:45%;font-size:2.8rem;pointer-events:none}.effect-flour:after{content:"\2601\fe0f";animation:poof .5s}.effect-water,.effect-chocolate,.effect-yeast{animation:poof .5s}.shake{animation:shake .35s}.mixed .spoon{animation:stir .8s 2}.temp-screen h2{font-size:clamp(1.8rem,7vw,3rem);margin-top:40px}.temp-options{display:flex;gap:8px;width:min(100%,650px);margin:12px}.temp-options button{flex:1;border:3px solid #543727;border-bottom-width:6px;background:#fff8e8;border-radius:15px;padding:10px 5px;cursor:pointer;font-size:.75rem}.temp-options span{display:block;font-size:2rem}.temp-options button.selected{background:#f9c74f;transform:translateY(3px);border-bottom-width:3px}.result-screen{background:#ffe6aa}.clock{font-size:3.5rem;animation:clock .6s 3}.result-screen .bowl-wrap{transform:scale(1.2);margin:40px}.result-copy{min-height:100px}.result-copy h2{font-size:clamp(1.5rem,7vw,2.7rem)}.result-success .rise .dough,.result-chocolate .rise .dough{animation:rise 1.1s forwards}.result-cold .dough{animation:tinyRise 1.5s forwards}.result-hot{background:#ff9a56}.result-hot .dough{filter:sepia(1);animation:heat .3s infinite}.transition-screen{background:#8d4a59;color:#fff;padding:0}.transition-copy{position:absolute;z-index:5;top:16%;font-size:clamp(1.3rem,6vw,2.5rem)}.micro-world{position:absolute;width:170px;height:170px;border-radius:50%;background:#e5a062;box-shadow:0 0 0 20px #bd6e62,0 0 0 45px #743c54;animation:zoom 3s forwards}.micro-world i{position:absolute;width:15px;height:15px;border:2px solid #fff8;border-radius:50%;left:calc(8% + (var(--i) * 7%));top:calc(15% + (var(--i) * 17%)/4);animation:float 1s infinite alternate}.yeast-hello{z-index:4;display:flex;flex-direction:column;align-items:center;gap:15px;animation:pop .5s}.yeast-face{width:105px;height:92px;border-radius:48% 52% 44% 56%;background:#d89648;border:5px solid #5b3630;box-shadow:inset -12px -9px #b86c3e;display:grid;grid-template-columns:1fr 1fr;place-items:center;padding:25px 22px 10px;transform:rotate(-5deg)}.yeast-face i{width:10px;height:14px;background:#382a25;border-radius:50%}.yeast-face b{grid-column:1/3;font-size:1.4rem}.yeast-game{justify-content:flex-start;background:#743c54;color:#fff;padding-top:70px}.meter-label{font-weight:800}.meter{height:21px;width:min(90%,650px);background:#462b3b;border:3px solid white;border-radius:20px;overflow:hidden;margin-bottom:12px}.meter i{display:block;height:100%;background:linear-gradient(90deg,#f9c74f,#7bd86c);transition:.3s}.arena{position:relative;width:min(96vw,760px);height:min(70vh,560px);border:5px solid #f5b77d;border-radius:30px;background:radial-gradient(circle at 30% 20%,#c57b73,#99515f);overflow:hidden;touch-action:none;box-shadow:inset 0 0 45px #482538}.sugar{position:absolute;transform:translate(-50%,-50%);font-size:2.2rem;color:#fff5b5;text-shadow:0 2px #673946}.sugar small{display:block;font-size:.5rem}.player{position:absolute;transform:translate(-50%,-50%);transition:left .04s linear,top .04s linear;z-index:3}.player .yeast-face{width:70px;height:62px;padding:16px 13px 6px;border-width:4px}.bubble{position:absolute;width:42px;height:42px;border:2px solid #fff9;border-radius:50%;display:grid;place-items:center;font-size:.65rem;animation:float 1.2s infinite alternate}.game-message{position:absolute;bottom:15px;left:50%;transform:translate(-50%);background:#fff;color:#3b2930;padding:6px 14px;border-radius:20px;font-weight:800;white-space:nowrap}.controls{font-size:.8rem;opacity:.8}.yeast-game.complete{animation:bigshake .2s infinite}.final-screen{background:#fff1c9;padding-bottom:40px}.zoom-out{display:flex;align-items:center;gap:5px;font-size:2.5rem}.zoom-out span{animation:pop .4s backwards}.zoom-out span:nth-child(2){animation-delay:.2s}.zoom-out span:nth-child(3){animation-delay:.4s}.zoom-out span:nth-child(4){animation-delay:.6s}.final-screen h1{font-size:clamp(2rem,8vw,4rem);color:#bc403e}.final-copy{max-width:520px;font-size:1.1rem}.final-copy p{margin:.5em}.final-screen aside{max-width:550px;margin:18px;background:#f9c74f;padding:15px;border:3px solid #593c2d;border-radius:18px;font-size:1.05rem}.final-actions{display:flex;flex-direction:column;gap:10px}.secondary{background:#4c8c87;border-bottom-color:#285b58}.modal-backdrop{position:fixed;inset:0;background:#2b2020bb;z-index:10;display:grid;place-items:center}.modal{position:relative;background:#fff1c9;padding:50px;border:5px solid #55362b;border-radius:28px;animation:pop .3s}.modal>button{position:absolute;right:12px;top:5px;border:0;background:transparent;font-size:2rem;cursor:pointer}@keyframes fly{50%{transform:translateY(130px) scale(.6) rotate(20deg);opacity:.5}}@keyframes poof{50%{transform:scale(1.7);opacity:.6}to{opacity:0}}@keyframes shake{25%{transform:translate(-8px) rotate(-3deg)}75%{transform:translate(8px) rotate(3deg)}}@keyframes bigshake{50%{transform:translate(4px,-3px)}}@keyframes stir{to{transform:rotate(332deg)}}@keyframes clock{to{transform:rotate(360deg)}}@keyframes rise{to{height:170px;bottom:68px;transform:scale(1.4)}}@keyframes tinyRise{to{height:75px}}@keyframes heat{50%{transform:skew(3deg);filter:sepia(1) brightness(1.3)}}@keyframes zoom{0%{transform:scale(.3)}70%,to{transform:scale(8)}}@keyframes float{to{transform:translateY(-10px) scale(1.15)}}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.15)}}@media (min-width:700px){.ingredient-grid{grid-template-columns:repeat(6,1fr)}.kitchen-screen .bowl-wrap{margin:35px}.ingredient{font-size:.9rem}.final-actions{flex-direction:row}.screen{padding:30px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
