:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7e9bd;font-synthesis:none;--ink:#061b22;--deep:#062a34;--teal:#1b7a7e;--foam:#a4e8d9;--bread:#f4b548;--ember:#e56f2d;background:#03161d;font-family:Courier New,ui-monospace,monospace}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{color:#f8edc8;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background:#05232beb;border:2px solid #639895;border-radius:3px;min-height:44px;padding:.7rem 1rem;box-shadow:0 4px #021319}button:hover{border-color:var(--bread);color:#fff9e5;transform:translateY(-1px)}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #ffe084}.primary-button{color:#1b1c16;background:linear-gradient(#ffd06a,#d98a2f);border-color:#ffe29a;font-weight:900}.app-shell{background:#03161d;min-height:100vh}.main-menu{isolation:isolate;background:linear-gradient(#01161c47,#010e14eb),url(/panaderia-undida-bg-1.png) 50%/cover no-repeat,#073643;place-items:center;min-height:100vh;padding:2rem 1rem 4rem;display:grid;position:relative;overflow:hidden}.main-menu:before,.main-menu:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:-10%}.main-menu:before{background:radial-gradient(circle at 50% 10%,#5befe038,#0000 42%);animation:9s ease-in-out infinite alternate current}.main-menu:after{background:linear-gradient(90deg,#0000008c,#0000 22% 78%,#0000008c)}@keyframes current{to{transform:translate(2%,1%)scale(1.04)}}.menu-water-light{filter:blur(3px);background:repeating-linear-gradient(105deg,#0000 0 65px,#97fff20a 75px 90px,#0000 105px 155px);height:28vh;position:absolute;inset:0 0 auto}.menu-card{text-align:center;outline-offset:-10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(145deg,#041f27f2,#05181fe0);border:3px solid #7bb9b09e;outline:1px solid #ffca646b;width:min(620px,94vw);padding:clamp(1.4rem,4vw,2.8rem);box-shadow:0 24px 70px #000b,inset 0 0 50px #2b85801f}.eyebrow{color:#8fd2c9;text-transform:uppercase;letter-spacing:.18em;margin:0 0 .6rem;font-size:.72rem}h1,h2{color:#ffe6a6;text-shadow:0 3px #693619,0 0 22px #ffb33e40;margin:0;font-family:Georgia,serif}h1{font-size:clamp(2.7rem,9vw,5.7rem);line-height:.9}h2{font-size:clamp(2rem,5vw,3.6rem)}.subtitle{color:#efbd66;letter-spacing:.24em;text-transform:uppercase;margin:.75rem 0 1.3rem;font-weight:700}.ornament{color:var(--bread);align-items:center;gap:.65rem;display:flex}.ornament span{background:linear-gradient(90deg,#0000,#689d98);flex:1;height:1px}.ornament span:last-child{background:linear-gradient(90deg,#689d98,#0000)}.level-name{color:#bcf1e4;font-weight:700}.objective-copy{color:#d3ded0;max-width:48ch;margin:.8rem auto 1.5rem;line-height:1.55}.menu-actions,.overlay-actions{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.sound-shortcut{min-height:34px;box-shadow:none;color:#8cb5af;background:0 0;border:0;margin-top:1.2rem;padding:.35rem .6rem;font-size:.7rem}.inline-panel{text-align:left;background:#000a0e8c;border:1px solid #426d6c;gap:.5rem;margin-top:1rem;padding:1rem;display:grid}.control-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}kbd{color:#ffe39b}.settings-panel label{cursor:pointer;align-items:center;gap:.75rem;display:flex}.settings-panel input{width:18px;height:18px;accent-color:var(--bread)}.non-game-github{z-index:40;color:#e7f8ee;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#031b22d1;border:1px solid #97ddd094;border-radius:50%;place-items:center;width:46px;height:46px;transition:color .2s,border-color .2s,transform .2s;display:grid;position:fixed;top:clamp(.8rem,2vw,1.3rem);right:clamp(.8rem,2vw,1.3rem);box-shadow:0 8px 24px #0008}.non-game-github:hover{color:#ffd477;border-color:#ffd477;transform:translateY(-2px)}.non-game-github:focus-visible,.non-game-footer a:focus-visible{outline-offset:3px;outline:3px solid #ffe084}.non-game-github svg{fill:currentColor;width:25px;height:25px}.non-game-footer{z-index:40;text-align:center;white-space:nowrap;padding:.65rem 1rem;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.non-game-footer a{color:#8ebdb5;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 8px #000;font-size:.7rem;text-decoration:none}.non-game-footer a:hover{color:#ffd477}.level-menu{isolation:isolate;background:linear-gradient(#02141bbd,#010c11f7),url(/mercado-undido-2.png) 50%/cover fixed,#041d26;grid-template-rows:auto 1fr auto;gap:clamp(1.2rem,3vw,2rem);min-height:100vh;padding:clamp(1.2rem,3vw,2.5rem);display:grid;position:relative;overflow:hidden}.level-menu:before,.level-menu:after{content:"";z-index:-1;pointer-events:none;position:absolute}.level-menu:before{background:radial-gradient(circle at 50% 15%,#64e5d226,#0000 42%);inset:0}.level-menu:after{inset:0;box-shadow:inset 0 0 18vw 4vw #000b}.level-menu-light{filter:blur(4px);pointer-events:none;background:repeating-linear-gradient(108deg,#0000 0 80px,#a0ffef0a 96px 112px,#0000 128px 190px);height:32vh;position:absolute;inset:0 0 auto}.level-menu-header{z-index:1;text-align:center;max-width:860px;margin:auto;position:relative}.level-menu-header h1{font-size:clamp(2.3rem,6vw,4.7rem)}.level-menu-header>p:last-child{color:#b8d4cd;margin:.85rem 0 0}.level-gallery{z-index:1;grid-template-columns:repeat(2,minmax(260px,440px));place-content:center;gap:clamp(1rem,3vw,2rem);width:min(100%,960px);margin:auto;display:grid;position:relative}.level-card{text-align:left;text-transform:none;letter-spacing:0;background-image:linear-gradient(180deg, #010f1414, #010f14f0 76%), var(--level-background);background-position:50%;background-size:cover;border:3px solid #70a9a2ad;grid-template-rows:auto 1fr auto;align-items:start;min-height:clamp(300px,48vh,440px);padding:1.2rem;transition:opacity .2s,filter .2s,transform .2s,border-color .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 50px #000b,inset 0 0 0 1px #ffffff14}.level-card:hover{transform:translateY(-5px)}.level-card.is-selected{border-color:#ffd16c;box-shadow:0 18px 55px #000c,0 0 0 2px #ffd16c38,inset 0 0 45px #ffb23f1f}.level-card.is-locked{opacity:.36;filter:grayscale(.78)saturate(.35);cursor:not-allowed}.level-card.is-locked:hover{border-color:#70a9a2ad;transform:none}.level-card-shade{pointer-events:none;background:linear-gradient(90deg,#00000057,#0000 55%);position:absolute;inset:0}.level-card-number,.level-card-copy,.level-card-status{z-index:1;position:relative}.level-card-number{color:#c4f4e8;text-transform:uppercase;letter-spacing:.16em;background:#021c22d1;border:1px solid #abede0a6;justify-self:start;padding:.35rem .55rem;font-size:.7rem}.level-card-copy{align-self:end;gap:.45rem;display:grid}.level-card-copy small{color:#8dd6ca;text-transform:uppercase;letter-spacing:.13em}.level-card-copy strong{color:#ffe4a0;text-shadow:0 3px 10px #000;font-family:Georgia,serif;font-size:clamp(1.45rem,3vw,2.2rem);line-height:1}.level-card-copy>span{color:#d9e7df;max-width:42ch;line-height:1.45}.level-card-status{color:#ffd576;text-transform:uppercase;letter-spacing:.12em;justify-self:start;margin-top:1rem;font-size:.72rem;font-weight:900}.level-card.is-locked .level-card-status{color:#d2dcda}.level-menu-actions{z-index:1;background:#03181fe6;border:1px solid #6faba480;grid-template-columns:minmax(150px,1fr) minmax(220px,1.4fr) minmax(150px,1fr);align-items:center;gap:1rem;width:min(100%,960px);margin:auto;padding:1rem;display:grid;position:relative;box-shadow:0 12px 35px #0008}.level-menu-actions>div{text-align:center;gap:.2rem;display:grid}.level-menu-actions span{color:#78aca5;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem}.level-menu-actions strong{color:#ffe0a0}.game-screen{background:#020d12;place-items:center;width:100vw;height:100vh;display:grid;position:relative;overflow:hidden}.game-canvas{width:100%;height:100%}.game-canvas canvas{image-rendering:pixelated;image-rendering:crisp-edges;margin:auto;display:block}.game-screen:after{content:"";z-index:3;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 13vw 3vw #000a10b8}.hud{z-index:5;pointer-events:none;text-shadow:1px 2px #001014;grid-template-columns:minmax(210px,1fr) minmax(260px,1.4fr) minmax(170px,1fr);align-items:start;gap:1rem;padding:clamp(.55rem,1.5vw,1rem);display:grid;position:absolute;inset:0}.hud-vitals,.hud-objective,.hud-inventory{background:#02171dd1;border:1px solid #90d8cb73;padding:.55rem .7rem;box-shadow:0 4px 12px #0007}.meter-row{grid-template-columns:65px 1fr 36px;align-items:center;gap:.5rem;font-size:.72rem;display:grid}.meter-row+.meter-row{margin-top:.42rem}.meter{background:#041114;border:1px solid #7ba19a;height:9px}.meter i{height:100%;transition:width .2s linear;display:block}.health-fill{background:linear-gradient(90deg,#a53a30,#ef7d4a)}.oxygen-fill{background:linear-gradient(90deg,#227a91,#7cefe3)}.is-warning .oxygen-fill{background:#ff9b38;animation:.75s infinite alternate warning-pulse}@keyframes warning-pulse{to{opacity:.45}}.hud-objective{text-align:center}.hud-objective>span{color:#74a9a4;text-transform:uppercase;letter-spacing:.14em;font-size:.63rem}.hud-objective strong{color:#fff0bb;font-size:.83rem;display:block}.hud-objective p{color:#9ff1df;margin:.35rem 0 0;font-size:.7rem}.hud-inventory{grid-template-columns:22px auto 1fr;align-items:center;gap:.35rem .45rem;font-size:.72rem;display:grid}.yeast-icon{background:#f3a91f;border:2px solid #96eee1;border-radius:50%;width:18px;height:18px;box-shadow:0 0 8px #ffc34c}.bread{color:#76928e;grid-column:1/-1}.bread.ready{color:#ffc866}.regulator-count{color:#8ef5e2;text-align:right}.checkpoint-badge{color:#ffd176;text-transform:uppercase;grid-column:1/-1;font-size:.62rem}.loading-badge{z-index:6;color:#ffe9a9;background:#041b22e8;border:1px solid #609b94;padding:.8rem 1rem;position:absolute}.special-bread{grid-column:1/-1;align-items:center;gap:.5rem;margin-top:.2rem;display:flex}.special-bread-slots{gap:.32rem;margin:0;padding:0;list-style:none;display:flex}.special-slot{background:#051a20;border:1px solid #90d8cb80;place-items:center;width:30px;height:30px;display:grid;position:relative;overflow:hidden}.special-slot.is-selected{border-color:#ffd06a;box-shadow:0 0 0 1px #ffd06a,0 0 8px #ffb84a88}.special-slot.is-locked{filter:grayscale(.85)brightness(.7)}.special-slot-icon{width:24px;height:24px;image-rendering:pixelated}.special-count{color:#ffe6a6;text-shadow:1px 1px #001014;font-size:.6rem;position:absolute;bottom:0;right:1px}.special-lock{width:14px;height:14px;image-rendering:pixelated;opacity:.9;position:absolute}.special-cooldown{transform-origin:bottom;pointer-events:none;background:#03141ab8;position:absolute;inset:0}.special-hint{color:#7fb6ae;letter-spacing:.04em;font-size:.58rem}.special-bread.is-unavailable .special-slot.is-selected{animation:.25s 2 alternate special-unavailable}@keyframes special-unavailable{0%{border-color:#ffd06a}to{border-color:#ef6a5a;box-shadow:0 0 0 1px #ef6a5a,0 0 10px #ef6a5a}}.recipe-card{text-align:left;width:min(640px,96vw)}.recipe-card h2,.recipe-card .eyebrow{text-align:center}.recipe-yeast{color:#bfe0d7;flex-wrap:wrap;justify-content:center;gap:.35rem 1rem;margin:.4rem 0 1rem;font-size:.78rem;display:flex}.recipe-yeast b{color:#ffd678}.recipe-section{border-top:1px solid #2f5a58;margin-top:1rem;padding-top:.6rem}.recipe-section h3{color:#8ef5e2;text-transform:uppercase;letter-spacing:.12em;margin:0 0 .6rem;font-size:.74rem}.recipe-mission{background:#03151aa8;border:1px solid #3e706d;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .75rem;display:flex}.recipe-info{flex-direction:column;gap:.15rem;display:flex}.recipe-info strong{color:#fff0bb;font-size:.9rem}.recipe-info span{color:#c0d6cd;font-size:.7rem}.recipe-cards{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.recipe-card-item{background:#03151aa8;border:1px solid #3e706d;grid-template-columns:48px 1fr auto;align-items:center;gap:.75rem;padding:.55rem .7rem;display:grid}.recipe-card-item.is-locked{opacity:.62;filter:grayscale(.5)}.recipe-icon{width:44px;height:44px;image-rendering:pixelated}.recipe-stock{color:#9ff1df;font-size:.68rem}.recipe-stock.is-muted{color:#7f9b96}.recipe-reason{color:#ff9b6a;font-size:.66rem}.ghost-button{color:#cfe4dc;background:0 0;border-color:#4a7d79}.recipe-feedback{text-align:center;color:#ffd678;min-height:1.1rem;margin:.9rem 0 0;font-size:.76rem}.recipe-actions{grid-template-columns:1fr;margin-top:.6rem}.overlay{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00090dc7;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.overlay-card{text-align:center;background:linear-gradient(145deg,#092f38f5,#04171df5);border:2px solid #649b95;width:min(560px,94vw);max-height:92vh;padding:clamp(1.4rem,4vw,2.5rem);overflow:auto;box-shadow:0 18px 60px #000c}.overlay-card>p:not(.eyebrow){color:#c6d9d0}.overlay-actions{margin-top:1.4rem}.results-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.3rem 0;display:grid}.results-grid div{background:#03151aa8;border:1px solid #3e706d;padding:.75rem}.results-grid dt{color:#7eaaa5;text-transform:uppercase;font-size:.65rem}.results-grid dd{color:#ffd477;margin:.3rem 0 0;font-size:1.4rem;font-weight:900}.small-window-notice{z-index:20;text-align:center;color:#1b1810;background:#ffd477;margin:0;padding:.6rem;display:none;position:absolute;inset:auto 1rem 1rem}@media (max-width:760px),(max-height:480px){.hud{grid-template-columns:1fr 1fr;gap:.35rem;padding:.35rem}.hud-objective{grid-area:2/1/auto/-1;padding:.3rem}.hud-inventory{font-size:.62rem}.small-window-notice{display:block}}@media (max-width:560px){.menu-actions,.overlay-actions{grid-template-columns:1fr}.menu-card{padding:1.4rem 1rem}.results-grid{grid-template-columns:1fr}}@media (max-width:760px){.level-menu{overflow:auto}.level-gallery{grid-template-columns:1fr;align-content:start}.level-card{min-height:270px}.level-menu-actions{grid-template-columns:1fr}.level-menu-actions>div{grid-row:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}