body.baking-simulator-game{--font: system-ui, -apple-system, "Segoe UI", sans-serif;--font-title: Georgia, "Times New Roman", serif;--bg: #2c1810;--text: #fff8ee;--muted: rgba(255, 248, 238, .65);--panel: rgba(60, 30, 10, .88);--panel-strong: rgba(40, 20, 5, .95);--line: rgba(255, 248, 238, .14);--accent: #e8874a;--accent-soft: rgba(232, 135, 74, .18);--gold: #ffd700;--green: #4caf50;--red: #e53935;--hud-bg: rgba(44, 24, 16, .85);min-height:100dvh;margin:0;overflow:hidden;font-family:var(--font);color:var(--text);background:var(--bg)}body.baking-simulator-game main{overflow:hidden}.bs-scene-track{position:relative;width:100%;height:100%;min-height:100dvh;overflow:hidden;background:var(--bg)}.bs-screen-panel{width:min(100%,78rem);margin:0 auto;display:grid;gap:clamp(.6rem,2vw,1.2rem);padding:max(.8rem,env(safe-area-inset-top,0px)) max(.8rem,env(safe-area-inset-right,0px)) max(.8rem,env(safe-area-inset-bottom,0px)) max(.8rem,env(safe-area-inset-left,0px));box-sizing:border-box}.bs-start-panel{align-content:center;min-height:100dvh;text-align:center}.bs-game-panel{min-height:100dvh;grid-template-rows:auto auto 1fr}.bs-result-panel{align-content:center;min-height:100dvh;text-align:center}.bs-header{display:flex;align-items:center;gap:.8rem;padding:.5rem .8rem;background:var(--panel);border:1px solid var(--line);border-radius:1rem}.bs-title{margin:0;font-family:var(--font-title);font-size:clamp(1.8rem,5vw,3rem);letter-spacing:.04em;color:var(--gold);text-shadow:0 0 6px rgba(255,215,0,.4),0 0 18px rgba(255,215,0,.2)}.bs-title-small{font-size:clamp(1.1rem,3.5vw,1.6rem)}.bs-primary-btn,.bs-next-btn{appearance:none;font-family:var(--font-title);font-size:clamp(1rem,2.4vw,1.3rem);font-weight:700;letter-spacing:.06em;padding:.75rem 1.8rem;border-radius:1rem;border:0;cursor:pointer;color:var(--bg);background:var(--accent);box-shadow:0 0 1.2rem #e8874a66;transition:transform .12s ease-out,filter .16s ease-out}.bs-primary-btn:hover,.bs-next-btn:hover{filter:brightness(1.15)}.bs-primary-btn:focus-visible,.bs-next-btn:focus-visible{outline:3px solid #ffffff;outline-offset:3px}.bs-primary-btn:active,.bs-next-btn:active{transform:scale(.97)}.bs-next-btn{display:block;margin:.5rem auto;font-size:clamp(.9rem,2vw,1.1rem);padding:.6rem 1.4rem}.bs-menu-btn{appearance:none;font-family:var(--font);font-size:.85rem;font-weight:600;letter-spacing:.04em;padding:.5rem .8rem;border-radius:.7rem;border:1px solid var(--line);background:var(--panel-strong);color:var(--text);cursor:pointer;white-space:nowrap}.bs-menu-btn:focus-visible{outline:3px solid #ffffff;outline-offset:2px}.bs-subtitle{margin:0;color:var(--muted);font-size:clamp(.95rem,2.2vw,1.15rem)}.bs-hint{color:var(--muted);font-size:clamp(.85rem,1.8vw,1rem);margin:.4rem 0;text-align:center}.bs-start-hint{color:var(--muted);font-size:.85rem;margin:.3rem 0}.bs-start-actions{display:flex;justify-content:center;gap:.8rem;margin-top:1rem}.bs-hud-item{font-variant-numeric:tabular-nums;font-size:.85rem;color:var(--muted)}.bs-game-area{position:relative;display:flex;flex-direction:column;align-items:center;min-height:0;flex:1 1 auto}#pixi-stage{position:absolute;inset:0;width:100%;height:100%;border-radius:1rem;z-index:1}#pixi-stage canvas{display:block;width:100%;height:100%;border-radius:inherit}.bs-station-controls{position:absolute;bottom:clamp(1rem,3vh,3rem);left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:min(95%,32rem);background:var(--panel-strong);border:1px solid var(--line);border-radius:1rem;padding:.75rem 1rem;backdrop-filter:blur(4px)}.bs-station-controls.hidden{display:none}.bs-ingredient-grid{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.bs-ing-btn{appearance:none;font-family:var(--font);font-size:clamp(.75rem,1.6vw,.9rem);font-weight:600;padding:.45rem .7rem;border-radius:.6rem;border:2px solid var(--accent);background:#e8874a1f;color:var(--text);cursor:pointer;transition:transform .1s ease-out,background .12s ease-out;touch-action:manipulation}.bs-ing-btn:hover{background:#e8874a40}.bs-ing-btn:active{transform:scale(.95)}.bs-ing-btn.added{opacity:.4;pointer-events:none;text-decoration:line-through}.bs-progress-bar{width:100%;max-width:20rem;height:.65rem;background:#ffffff1f;border-radius:.4rem;overflow:hidden;position:relative}.bs-progress-fill{height:100%;width:0%;background:var(--green);border-radius:inherit;transition:width .2s ease-out}.bs-knead-area{width:min(85%,18rem);height:6rem;background:#a67c5226;border:2px dashed var(--line);border-radius:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);font-size:1rem;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:background .1s ease-out,border-color .1s ease-out}.bs-knead-area:hover{background:#a67c5240;border-color:var(--accent)}.bs-knead-area:active{background:#e8874a4d;transform:scale(.98)}.bs-knead-area.knead-hit{animation:kneadPop .1s ease-out}@keyframes kneadPop{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.bs-shape-choices{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.bs-shape-choices.hidden{display:none}.bs-shape-btn{appearance:none;font-family:var(--font);font-size:clamp(.75rem,1.6vw,.9rem);font-weight:600;padding:.5rem .9rem;border-radius:.7rem;border:2px solid var(--gold);background:#ffd7001a;color:var(--text);cursor:pointer;transition:transform .1s ease-out,background .12s ease-out;touch-action:manipulation}.bs-shape-btn:hover{background:#ffd70033}.bs-shape-btn:active{transform:scale(.95)}.bs-shape-area{width:min(85%,20rem);height:5rem;background:#a67c521f;border:2px dashed var(--line);border-radius:1rem;touch-action:none;cursor:grab}.bs-shape-area.hidden{display:none}.bs-slider-container{display:flex;align-items:center;gap:.5rem;width:100%;max-width:20rem}.bs-slider{flex:1;height:.65rem;background:linear-gradient(to right,#6bb3d9,#c30);border-radius:.4rem;position:relative;cursor:pointer}.bs-slider-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.3rem;height:1.3rem;border-radius:50%;background:var(--accent);border:2px solid white;transition:left 50ms ease-out}.bs-temp-label{font-variant-numeric:tabular-nums;font-weight:600;color:var(--gold);font-size:1rem;margin:.2rem 0}.bs-proof-status{font-size:.8rem;color:var(--green);margin:0}.bs-proof-status.overproofed{color:var(--red)}.bs-bake-controls{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.bs-heat-btn{appearance:none;font-family:var(--font);font-size:clamp(.8rem,1.6vw,.95rem);font-weight:600;padding:.5rem 1rem;border-radius:.7rem;border:1px solid var(--line);background:var(--panel-strong);color:var(--text);cursor:pointer;touch-action:manipulation;transition:transform .1s ease-out,background .12s ease-out}.bs-heat-btn:hover{background:#ff640026}.bs-heat-btn:active{transform:scale(.96)}.bs-heat-btn.hidden{display:none}.bs-pull-btn{appearance:none;font-family:var(--font-title);font-size:clamp(.85rem,2vw,1rem);font-weight:700;padding:.6rem 1.2rem;border-radius:.8rem;border:0;cursor:pointer;color:var(--bg);background:var(--gold);box-shadow:0 0 1rem #ffd7004d;transition:transform .12s ease-out,filter .16s ease-out;touch-action:manipulation}.bs-pull-btn:hover{filter:brightness(1.15)}.bs-pull-btn:active{transform:scale(.96)}.bs-pull-btn.hidden,.bs-next-btn.hidden{display:none}.bs-result-title{font-family:var(--font-title);font-size:clamp(1.8rem,5vw,2.8rem);color:var(--gold);margin:0 0 1rem}.bs-result-scores{display:grid;gap:.6rem;margin:1rem auto;max-width:28rem}.bs-result-total{font-family:var(--font-title);font-size:clamp(1.6rem,4vw,2.2rem);color:var(--gold);margin:1rem 0 .2rem}.bs-result-message{color:var(--muted);font-size:clamp(1rem,2.5vw,1.2rem);margin:0 0 1rem}.bs-result-row{display:grid;grid-template-columns:1.4fr 1fr .5fr;align-items:center;gap:.5rem;font-size:clamp(.85rem,1.8vw,1rem)}.bs-result-bar-bg{height:.55rem;background:#ffffff1f;border-radius:.3rem;overflow:hidden;position:relative}.bs-result-bar-fill{height:100%;border-radius:inherit}.bs-toast-area{position:fixed;top:clamp(.5rem,2vh,1rem);left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;align-items:center;gap:.4rem;pointer-events:none}.bs-toast{background:var(--panel-strong);color:var(--gold);padding:.6rem 1.4rem;border-radius:.7rem;font-size:clamp(.85rem,1.8vw,1rem);font-weight:600;border:2px solid var(--accent);box-shadow:0 4px 16px #0006;animation:toastIn .3s ease,toastOut .5s ease 2.2s forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translateY(-12px)}}.bs-controls-help{display:grid;gap:.4rem;color:var(--muted);font-size:.9rem}.noscript-message{margin:2rem auto;max-width:36rem;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:1rem;background:var(--panel);color:var(--text);text-align:center}@media(orientation:landscape)and (max-height:480px){.bs-game-panel{gap:.3rem}.bs-header{padding:.3rem .6rem}.bs-station-controls{padding:.5rem .7rem;bottom:.4rem}}@media(prefers-reduced-motion:reduce){.bs-knead-area,.bs-ing-btn,.bs-shape-btn,.bs-heat-btn,.bs-pull-btn,.bs-primary-btn,.bs-next-btn{transition:none}.bs-toast{animation:none}}body.baking-simulator-game[data-reduce-motion=true] .bs-knead-area,body.baking-simulator-game[data-reduce-motion=true] .bs-ing-btn,body.baking-simulator-game[data-reduce-motion=true] .bs-shape-btn,body.baking-simulator-game[data-reduce-motion=true] .bs-heat-btn,body.baking-simulator-game[data-reduce-motion=true] .bs-pull-btn,body.baking-simulator-game[data-reduce-motion=true] .bs-primary-btn,body.baking-simulator-game[data-reduce-motion=true] .bs-next-btn{transition:none}body.baking-simulator-game[data-reduce-motion=true] .bs-toast{animation:none}.phase-flash{animation:phaseFlash .3s ease-out}@keyframes phaseFlash{0%{opacity:.7}to{opacity:1}}.hidden{display:none!important}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}
