@import url('../burger-rush/style.css');
.family-page{background:radial-gradient(ellipse at top,#125cca,#061734 75%);min-height:100svh}.family-toolbar{height:53px;max-width:590px;margin:auto;padding:7px 15px;display:flex;align-items:center;gap:10px}.family-toolbar a{color:#b9d3f6;text-decoration:none;font-size:11px;margin-right:auto}.family-toolbar img{width:110px;vertical-align:middle;margin-right:12px}.family-toolbar button{border:1px solid #6c9ed677;background:#0c3670;color:#ffcf29;border-radius:12px;padding:7px 10px;font-weight:800;font-size:10px}.family-stage{max-width:550px;margin:auto;height:calc(100svh - 80px);min-height:650px;border:2px solid #4ba9ff;border-radius:17px;position:relative;overflow:hidden;box-shadow:0 15px 65px #0007;background:#1775c3 url('assets/medellin-valley-v3.webp') center/cover;isolation:isolate}.family-stage:before{content:'';position:absolute;inset:0;background:linear-gradient(#005ec800,transparent 40%,#031c5e99);z-index:-1}.family-brand{text-align:center;margin:15px auto 0;width:48%;filter:drop-shadow(0 3px 3px #073671)}.family-brand img{width:100%;display:block}.family-brand b{color:#ffda26;font-size:21px;font-weight:900;font-style:italic;letter-spacing:3px;text-shadow:0 3px #0d2a60}.family-hud{position:absolute;top:13px;left:12px;right:12px;display:flex;justify-content:space-between;pointer-events:none}.family-hud>div{background:linear-gradient(#1355ac,#062459);border:2px solid #66bdff;border-radius:14px;padding:7px 10px;box-shadow:0 4px 8px #00295177;min-width:72px;text-align:center}.family-hud small{font-size:8px;letter-spacing:1px;display:block;color:#c9e2ff;font-weight:800}.family-hud b{font-size:26px;line-height:1;color:#ffdb31}.glass-panel{background:linear-gradient(#0b398eea,#082353ed);border:2px solid #61afff;border-radius:20px;box-shadow:0 6px 18px #001c5e66}.family-overlay{position:absolute;inset:0;z-index:12;background:linear-gradient(#062459c9,#031c49ed);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:28px;text-align:center}.family-overlay>div{max-width:365px;width:100%}.family-overlay h1{font-size:40px;letter-spacing:-1px;line-height:1.03;margin:18px 0;color:#fff}.family-overlay h1 em{font-style:normal;color:#ffdb35}.family-overlay p{font-size:14px;line-height:1.6;color:#c7ddfa}.family-overlay .primary{margin-top:22px}.family-note{font-size:10px!important;color:#8faed7!important}.family-toast{position:absolute;left:20px;right:20px;top:205px;text-align:center;color:#ffde2c;text-shadow:2px 2px #0c2d67,-2px -2px #0c2d67,0 4px 5px #000;font-size:26px;font-weight:900;font-style:italic;z-index:8;pointer-events:none;opacity:0;transition:opacity .15s}.family-toast.on{opacity:1}.family-music{position:fixed;bottom:0;left:0;right:0;height:23px;text-align:center;font-size:10px;padding:5px;background:#061735f2;color:#95b4df;z-index:30}.ready-mini{position:absolute;top:90px;left:12px;right:12px;z-index:20;background:#ffd435;color:#092f69;border:2px solid #fff0a7;border-radius:15px;padding:13px;box-shadow:0 5px 20px #0006}.ready-mini b{display:block}.ready-mini small{font-size:9px}.ready-mini button{float:right;border:0;background:#103d83;color:white;border-radius:9px;padding:8px;font-weight:800}.chef-stage{background-image:url('assets/chef-foodtruck-v3.webp');background-position:center}.chef-order{position:absolute;top:98px;left:15px;right:15px;padding:10px 12px}.chef-order-header{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#a9c9f3;font-weight:800}.chef-recipe{display:flex;justify-content:center;gap:7px;margin-top:8px;flex-wrap:wrap}.food-icon{background-image:url('../crea-la-tuya/ingredients-atlas.webp');background-size:500% 400%;background-repeat:no-repeat;display:block;filter:drop-shadow(0 4px 3px #0006)}.chef-recipe .piece{width:54px;text-align:center;position:relative}.chef-recipe .food-icon{width:45px;height:45px;margin:auto}.chef-recipe small{font-size:8px;color:#d8eaff}.chef-recipe .piece.done{opacity:.45}.chef-recipe .piece.done:after{content:'✓';position:absolute;inset:0;font-size:35px;font-weight:900;color:#7eff9d;text-shadow:0 3px #0a3a55}.patience{height:7px;background:#031c41aa;border-radius:10px;margin-top:10px;overflow:hidden}.patience i{height:100%;display:block;width:100%;background:linear-gradient(90deg,#ffab21,#ffdf3d);transition:width .1s linear}.chef-work{position:absolute;top:37%;height:33%;left:12%;right:12%;border-radius:50%;background:radial-gradient(ellipse at center,#091b3e70,transparent 68%);display:grid;place-items:center}.chef-work:after{content:'';position:absolute;width:90%;height:12%;bottom:4%;background:#06182d60;border-radius:50%;filter:blur(10px);z-index:-1}.dough-disc{width:75%;aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse,#f5d49b 40%,#dfad67 57%,#fae7bc 66%,#c78c42 70%,transparent 71%);box-shadow:0 10px 14px #25130066;position:relative;transition:transform .2s}.prep-layer{position:absolute;width:67%;height:67%;left:16.5%;top:16.5%;animation:ingredient-pop .23s ease-out}.chef-baked{width:100%;height:100%;background:url('../crea-la-tuya/baking-stages.webp') 100% center/300% 100%;filter:drop-shadow(0 12px 10px #30150066);animation:ingredient-pop .3s ease-out}.chef-work.baking{animation:oven-glow .5s alternate infinite}.chef-tools{position:absolute;bottom:18px;left:12px;right:12px}.chef-tray{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:12px;background:#082854d6;padding:9px;border-radius:18px;border:1px solid #8dbdff66}.ingredient-button{border:1px solid #8fb2e56b;background:linear-gradient(#194d8f,#092b5d);border-radius:12px;color:#fff;display:grid;place-items:center;padding:5px 2px 7px;min-height:72px;touch-action:none;user-select:none}.ingredient-button:hover{border-color:#ffdc38;background:#20599b}.ingredient-button:active{transform:scale(.94)}.ingredient-button .food-icon{width:45px;height:42px;pointer-events:none}.ingredient-button small{font-size:10px;font-weight:700;pointer-events:none}.chef-buttons{display:flex;gap:9px}.chef-buttons .primary{flex:1;padding:12px;font-size:13px}.chef-buttons .undo{border:1px solid #8bbaff;background:#103c78;color:#fff;border-radius:14px;padding:10px;font-size:12px;font-weight:800}.chef-summary{position:absolute;top:76px;left:17px;right:17px;display:flex;justify-content:space-between;font-size:10px;color:#fff;font-weight:800;text-shadow:0 2px #103369}.chef-help{font-size:9px;text-align:center;margin:0 0 8px;color:#fff;text-shadow:0 2px #062859}.chef-stars{font-size:45px;color:#ffda24;margin:20px}.basta-prompt{position:absolute;left:20px;right:20px;top:102px;text-align:center;padding:18px 17px;min-height:136px}.basta-prompt small{color:#ffdf32;font-size:11px;font-weight:900;letter-spacing:2px}.basta-prompt h2{font-size:27px;line-height:1.12;margin:12px 0 0;letter-spacing:-.5px}.basta-timer{position:absolute;top:37%;left:15%;right:15%;height:31%;display:grid;place-items:center;isolation:isolate}.timer-food{width:100%;height:100%;background:url('../crea-la-tuya/baking-stages.webp') 0 center/300% 100%;transition:filter .3s;filter:drop-shadow(0 10px 8px #00173588)}.timer-food.baked{background-position:100% center}.timer-food.burned{background-position:100% center;filter:brightness(.25) saturate(.45) drop-shadow(0 8px 8px #0009)}.basta-clock{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:88px;font-weight:900;text-shadow:0 4px 0 #0e3164,3px 0 #0e3164,-3px 0 #0e3164;pointer-events:none}.timer-ring{position:absolute;inset:-4%;border:9px solid #ffdb34;border-radius:50%;box-shadow:0 0 22px #ffcb3477;transform:scale(.95);pointer-events:none}.timer-smoke{position:absolute;left:40%;top:0;color:#fff;font-size:45px;opacity:0;pointer-events:none}.timer-smoke.on{opacity:.8;animation:smoke-rise 1.3s infinite}.basta-actions{position:absolute;bottom:20px;left:18px;right:18px}.basta-actions .primary{font-size:17px;justify-content:center;margin-top:12px}.basta-player{display:flex;justify-content:space-between;align-items:center;color:#fff;font-weight:800;font-size:14px;margin-bottom:12px;text-shadow:0 2px #0b2d62}.basta-scoreboard{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:9px 0}.basta-scoreboard span{background:#0a3069de;border:1px solid #8bbaff55;border-radius:10px;font-size:10px;padding:7px 9px}.basta-scoreboard span.current{border-color:#ffdb35;color:#ffdb35}.basta-mini{display:flex;gap:9px}.basta-mini button{flex:1;background:#123b79;color:#bdd5f6;border:1px solid #86b5ee55;border-radius:13px;padding:11px;font-weight:700}.player-setup{display:flex;align-items:center;justify-content:center;gap:15px;margin:18px 0;color:#ffdf3a;font-weight:900;font-size:32px}.player-setup button{border:1px solid #7db4fd;background:#123f86;border-radius:50%;width:40px;height:40px;color:#ffe24a;font-size:24px}.basta-instruction{color:#c5ddff;text-align:center;font-size:10px;margin:10px 0}.final-flame{color:#ffb226;text-shadow:0 0 10px #ff471c}.time-urgent{animation:timer-pulse .4s alternate infinite}@keyframes ingredient-pop{from{transform:translateY(-40px) scale(.5);opacity:.3}to{transform:translateY(0) scale(1);opacity:1}}@keyframes oven-glow{to{filter:drop-shadow(0 0 35px #ffc341);transform:scale(1.025)}}@keyframes smoke-rise{to{transform:translateY(-70px) scale(1.6);opacity:0}}@keyframes timer-pulse{to{transform:scale(1.1);color:#ffcf32}}@media(max-height:780px){.family-stage{min-height:540px}.chef-order{top:91px}.chef-recipe .food-icon{width:35px;height:35px}.chef-recipe .piece{width:44px}.ingredient-button{min-height:60px}.ingredient-button .food-icon{width:36px;height:34px}.chef-work{top:35%;height:30%}.chef-brand{width:44%}.basta-prompt h2{font-size:24px}.basta-clock{font-size:70px}}@media(max-width:600px){.family-stage{margin:0 3px;height:calc(100svh - 78px)}.family-toolbar{height:52px;padding:6px 11px}.family-toolbar img{width:100px}.family-brand b{font-size:18px}.family-hud b{font-size:22px}.family-overlay{padding:23px}.family-overlay h1{font-size:36px}}

.family-brand{width:42%;margin-top:10px}.family-brand img{max-height:60px;object-fit:contain}.family-brand b{font-size:16px;line-height:1}.dough-disc{background-image:url('../crea-la-tuya/ingredients-atlas.webp');background-position:100% 100%;background-size:500% 400%;background-repeat:no-repeat;border-radius:0;box-shadow:none}.chef-order{background:linear-gradient(#0a3379f5,#071e4de8)}.chef-work{top:38%;height:31%}@media(max-height:780px){.family-brand img{max-height:53px}.family-brand b{font-size:14px}}
/* Keep food photographs square, including the oven sequence. */
.dough-disc,.chef-baked{width:auto!important;height:100%!important;aspect-ratio:1;max-width:100%;justify-self:center}.chef-work{top:46%;height:26%;left:15%;right:15%}.chef-baked{background-size:300% 100%;background-repeat:no-repeat}.timer-food{width:auto;height:100%;aspect-ratio:1;max-width:100%;justify-self:center}.chef-work:after{bottom:0}.customer-line{position:absolute;top:32%;left:16px;right:16px;height:105px;display:flex;justify-content:center;align-items:flex-end;gap:15px;pointer-events:none}.customer{position:relative;width:62px;height:94px;animation:customer-arrive .55s ease-out;filter:drop-shadow(0 4px 4px #001a4444)}.customer-head{width:35px;height:40px;background:radial-gradient(ellipse at 40% 40%,#ffddab,#bc875f);border-radius:48% 48% 42% 42%;position:absolute;left:14px;top:18px;border-top:8px solid #4c352c}.customer-body{position:absolute;left:6px;right:6px;top:53px;height:34px;border-radius:28px 28px 5px 5px;background:linear-gradient(90deg,#142f5666,var(--shirt),#fff2);border:1px solid #fff4}.customer-mood{position:absolute;left:20px;top:0;z-index:3;font-size:24px;filter:drop-shadow(0 3px 2px #032344)}.customer b{position:absolute;left:0;right:0;bottom:-3px;text-align:center;color:white;font-size:9px;text-shadow:0 2px #032251}.customer i{position:absolute;bottom:-12px;left:7px;right:7px;height:4px;border-radius:5px;overflow:hidden;background:#0a285a}.customer i span{display:block;height:100%;background:#ffdb2e}.customer.at-counter{transform:scale(1.12)}.customer.angry .customer-mood{animation:angry-bounce .4s alternate infinite}.customer.angry i span{background:#ff6948}.chef-tabs{display:flex;gap:6px;margin-bottom:7px}.chef-tabs button{flex:1;background:#123c78;border:1px solid #689ee055;border-radius:9px;padding:7px;color:#adcffa;font-size:10px;font-weight:900}.chef-tabs button.active{background:#ffce30;color:#12366d;border-color:#ffe884}.fries-icon{display:block;background:url('../crea-la-tuya/fries-atlas.webp') 0 center/200% 100%;width:45px;height:45px;filter:drop-shadow(0 3px 3px #0005)}.chef-recipe .fries-icon{width:35px;height:35px;margin:auto}.chef-fries-side{position:absolute;width:100px;height:100px;right:-8%;bottom:0;z-index:7}.chef-sauce-splash{position:absolute;width:55%;height:40%;left:23%;top:28%;z-index:8;background:radial-gradient(ellipse,#e1b897dd,transparent 68%);border-radius:48% 32% 60% 42%}.chef-tray:has(.ingredient-button:only-child){grid-template-columns:1fr}.chef-tray:has(.ingredient-button:only-child) .ingredient-button{display:flex;gap:15px;justify-content:center}.chef-order{padding:8px 11px}.chef-recipe{gap:5px}.chef-recipe .piece{width:44px}.chef-recipe .food-icon{width:35px;height:35px}.chef-recipe small{font-size:8px}.chef-tools{bottom:17px}.chef-help{margin-bottom:5px}.chef-tools .ingredient-button{min-height:61px}.chef-tools .ingredient-button .food-icon{width:36px;height:34px}.chef-recipe .piece.done:after{font-size:29px}@keyframes customer-arrive{from{transform:translateX(110px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes angry-bounce{to{transform:translateY(-5px) rotate(-8deg)}}@media(max-height:780px){.customer-line{top:31%;height:83px;gap:12px}.customer{transform:scale(.85);transform-origin:bottom}.customer.at-counter{transform:scale(.94)}.chef-work{top:44%;height:25%}.chef-tools .ingredient-button{min-height:58px}.chef-tray{margin-bottom:8px;padding:6px}.chef-tabs button{padding:5px}.chef-help{font-size:8px}}

.basta-timer{left:50%;right:auto;transform:translateX(-50%);width:auto;aspect-ratio:1}.chef-baked{max-height:210px}.chef-recipe .piece small{display:block}.chef-help{color:#d2e7ff;background:#082451b0;border-radius:6px;padding:3px}.family-brand{position:relative;z-index:2}.family-brand b{color:#ffdf28;text-shadow:0 2px #0b2c61}.chef-tray{min-height:75px}.ingredient-button[aria-label^="Agregar"]{cursor:grab}@media(prefers-reduced-motion:reduce){.customer,.customer.angry .customer-mood,.chef-work.baking,.prep-layer,.time-urgent,.timer-smoke.on{animation:none}}

.game-setup{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 10px}.setup-item{background:#0d3973aa;border:1px solid #659ce466;border-radius:15px;padding:10px 5px}.setup-item>small{font-size:10px;font-weight:900;letter-spacing:1px;color:#b9d6ff}.game-setup .player-setup{gap:9px;margin:10px 0 0}.game-setup .player-setup button{width:34px;height:34px;font-size:21px}.game-setup .player-setup span{min-width:28px;font-size:28px}#setup-label{color:#a7c6ef;font-size:9px}.family-overlay:has(.game-setup){overflow-y:auto}.basta-prompt h2{font-weight:800}

.customer{width:75px;height:118px}.customer-person{position:absolute;left:50%;transform:translateX(-50%);top:0;width:118px;height:118px;background:url('assets/chef-customers-v4.webp') 0 0/200% 200%;filter:drop-shadow(0 4px 3px #03275755)}.customer-mood{top:-13px;left:24px;font-size:23px}.customer b{bottom:-8px}.customer i{bottom:-16px}.customer-line{top:31%;height:123px;gap:8px}.customer.at-counter{transform:scale(1.03)}@media(max-height:780px){.customer{height:105px;width:66px}.customer-person{width:108px;height:108px}.customer-line{top:31%;height:106px}.customer-mood{left:22px;top:-9px;font-size:20px}}

/* Customers are portraits behind the service counter, separate from the preparation surface. */
.chef-stage .customer-line{top:29%;height:91px;left:12px;right:12px;gap:10px;align-items:flex-start;z-index:3;padding-top:8px;background:linear-gradient(transparent 72%,#f6cf64 73%,#c28b29 79%,#103970 80%,#092859);border-radius:12px;border-bottom:3px solid #f1bd38}
.chef-stage .customer{height:67px;width:62px;filter:none}.chef-stage .customer.at-counter{transform:none}.customer-face{position:absolute;top:0;left:5px;width:52px;height:52px;border-radius:50%;overflow:hidden;background:#cae7ff;border:2px solid #ffda3d;box-shadow:0 3px 7px #001a4466}.chef-stage .customer-person{top:-7px;left:50%;width:164px;height:164px;transform:translateX(-50%);filter:none}.chef-stage .customer-mood{top:-10px;left:44px;font-size:18px}.chef-stage .customer b{bottom:1px;font-size:9px;background:#082c5ed9;border-radius:4px}.chef-stage .customer i{bottom:-5px}.chef-stage .chef-work{top:46%;height:24%;z-index:2}
@media(max-height:780px){.chef-stage .customer-line{top:30%;height:82px;padding-top:3px}.chef-stage .chef-work{top:45%;height:23%}.chef-stage .customer{width:56px;height:64px}.chef-stage .customer-face{width:48px;height:48px}.chef-stage .customer-person{width:154px;height:154px}.chef-stage .customer-mood{left:39px}}