@import url('../burger-rush/style.css');
:root{color-scheme:dark}body{color:#f5f8ff;background:radial-gradient(ellipse at 45% 0,#174779 0,#081b34 50%,#041021 100%)}header{height:64px;max-width:1350px;margin:auto;padding:8px 25px;display:flex;align-items:center;justify-content:space-between;gap:25px}header img{width:183px;filter:drop-shadow(0 4px 6px #0006)}header>span{font-size:9px;letter-spacing:3px;color:#8db2d3;font-weight:800}button{font-family:inherit}header button,.top-hud button{width:38px;height:38px;border:1px solid #80c7f950;background:#092c51;border-radius:12px;color:#ffe16a;font-size:23px}.arena{height:min(855px,calc(100svh - 93px));min-height:570px;position:relative;overflow:hidden;border:2px solid #5bafe07d;border-radius:25px;box-shadow:0 28px 90px #0009,0 0 65px #36a9ee13;isolation:isolate;background:#143f5e}canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}main{max-width:1350px;display:grid;grid-template-columns:1fr minmax(330px,490px) 1fr;gap:45px;margin:auto;padding:0 25px 32px;align-items:center}aside h1{font-size:clamp(38px,4vw,62px);line-height:.99;letter-spacing:-2px;margin:24px 0}em{font-style:normal;color:#ffd44a}aside>p{font-size:15px;line-height:1.8;color:#b2cce6}.feature{margin:28px 0;padding:20px;border-radius:18px;background:linear-gradient(135deg,#14375d9c,#0b264c44);border:1px solid #79b5e52b;display:grid;gap:10px}.feature b{color:#ffdd6b;font-size:16px}.feature span{color:#adc8e6;font-size:13px;line-height:1.7}.score-example{font-size:12px;color:#acc8e6}.score-example>span{font-size:9px;letter-spacing:2px;color:#ffce45;font-weight:900}.score-example p{line-height:2}.intro>small{font-size:9px;color:#6789ad}.guide h2{font-size:39px;line-height:1.12;margin:24px 0}.guide ol{padding-left:18px;color:#acc6e1;font-size:13px}.guide li{margin:18px 0;line-height:1.7;padding-left:5px}.guide li b{color:#fff;display:block}.guide>p{font-size:12px}.record{border-top:1px solid #78aad438;padding-top:20px;margin-top:25px}.record small{color:#719bbf;display:block;font-size:8px;letter-spacing:1.5px}.record b{font-size:28px;color:#ffdd66;display:block;margin-top:7px}.top-hud{position:absolute;top:13px;left:13px;right:13px;display:flex;align-items:center;gap:8px;pointer-events:none}.top-hud>div{background:linear-gradient(#123853f5,#071e37f5);border:1px solid #b8ddff60;padding:8px 12px;border-radius:13px;box-shadow:0 4px 12px #0005}.top-hud small{display:block;font-size:7px;color:#b3d3e9;letter-spacing:1.5px;font-weight:800}.top-hud b{font-size:25px;line-height:1.1;color:#fff}.top-hud .score-pill{margin-left:auto;text-align:right;min-width:140px}.score-pill b{color:#ffdf6b}.top-hud button{pointer-events:auto;height:46px}.mission{position:absolute;top:84px;left:21px;right:21px;display:flex;justify-content:space-between;align-items:center;text-shadow:0 3px 3px #001730}.mission b{font-size:11px;letter-spacing:2px;display:block;color:#ffe378}.mission span:not(.difficulty){font-size:10px;color:#d5e7f7;display:block;margin-top:3px}.difficulty{font-size:8px;border:1px solid #ffe37477;background:#253b43c9;color:#ffe56a;padding:7px;border-radius:8px;font-weight:900}.stats{position:absolute;top:124px;left:20px;right:20px;display:flex;justify-content:space-between;gap:6px;font-size:10px;color:#ffd855;background:#041e36c9;border:1px solid #96d4e729;border-radius:10px;padding:7px 9px}.stats b{color:#ebf7ff;font-size:10px;font-weight:700}.bottom{position:absolute;bottom:9px;left:16px;right:16px;text-align:center;padding:12px 20px;background:linear-gradient(#071e37ed,#061a31f7);border:1px solid #8db9d94a;border-radius:13px;pointer-events:none}.bottom>span{display:block;font-size:9px;font-weight:900;color:#ffdf72;letter-spacing:.6px}.bottom small{display:block;color:#9dbdd8;font-size:8px;margin-top:6px;letter-spacing:.5px}.bottom button{position:absolute;right:6px;bottom:8px;background:none;border:1px solid #8ab3d25c;color:#aecbe2;border-radius:50%;width:22px;height:22px;pointer-events:auto}#toast{position:absolute;top:45%;left:15px;right:15px;text-align:center;color:#fff0a4;text-shadow:0 3px 3px #052542;font-weight:900;font-size:22px;pointer-events:none;opacity:0;transition:opacity .15s}#toast.on{opacity:1}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:25px;background:linear-gradient(#041731e0,#04162bea);backdrop-filter:blur(5px);z-index:10}.panel{text-align:center;max-width:360px;width:100%}.eyebrow{font-size:8px;letter-spacing:2px;color:#ffd555;font-weight:900}.panel h2{font-size:44px;letter-spacing:-1.5px;line-height:1.05;margin:21px 0 14px}.panel p{font-size:13px;line-height:1.75;color:#b8d0e8;margin:12px 0 20px}.hero-burger{width:145px;height:145px;background:url('../crea-la-tuya/baking-stages.webp') 100% center/300% 100%;margin:15px auto;filter:drop-shadow(0 14px 15px #c974202b)}.primary{background:linear-gradient(#ffe077,#ffbe35);border:1px solid #ffecab;box-shadow:0 5px 0 #986112,0 10px 30px #df9b1320;color:#142c44;border-radius:15px;padding:17px;font-size:14px;font-weight:900;display:block;width:100%}.secondary{display:block;margin:20px auto 0;border:0;background:none;font-size:10px;color:#a0c3e5;text-decoration:underline;text-underline-offset:5px}.panel .note{font-size:9px;color:#6387a8;margin:18px 0 0}.breakdown{margin:12px 0 20px;padding:16px;border:1px solid #8db7d840;background:#0d2d4d;border-radius:17px;text-align:left}.breakdown>div{display:flex;justify-content:space-between;gap:15px;font-size:11px;line-height:1.7;padding:4px 0;color:#aecce6}.breakdown b{color:#e6f3ff}.breakdown .total{margin-top:7px;border-top:1px solid #9ac0dd55;padding-top:12px;color:#ffdd60;font-weight:900}.breakdown .total b{color:#ffe48e;font-size:28px;line-height:1}.breakdown .metadata{font-size:9px;color:#739dc0;margin-top:8px}.penalty{color:#ffad92!important}.count-up{animation:points-pop .4s ease-out}@keyframes points-pop{from{transform:scale(.9);opacity:.5}to{transform:scale(1);opacity:1}}footer{position:fixed;bottom:0;left:0;right:0;z-index:30;text-align:center;font-size:9px;color:#6587a8;padding:5px;background:#061629ed}[hidden]{display:none!important}@media(max-width:990px){main{display:block;max-width:510px;padding:0 10px 28px}aside{display:none}header{max-width:510px;padding:8px 15px}header>span{display:none}.arena{height:calc(100svh - 94px);min-height:490px;border-radius:20px}}@media(max-width:390px){.stats{left:12px;right:12px;padding:7px 5px;font-size:9px}.stats b{font-size:9px}.top-hud{left:10px;right:10px}.top-hud>div{padding:8px}.top-hud .score-pill{min-width:125px}.top-hud b{font-size:22px}.mission{left:16px;right:16px}.panel h2{font-size:37px}}@media(max-height:740px){header{height:49px}header img{width:150px}.arena{height:calc(100svh - 79px);min-height:450px}.hero-burger{width:95px;height:95px}.panel h2{font-size:32px;margin:14px 0}.panel p{font-size:11px;margin:10px 0}.overlay{padding:20px}.breakdown{padding:10px;margin:9px 0 14px}.breakdown>div{font-size:10px;padding:2px}.top-hud{top:8px}.top-hud small{font-size:6px}.top-hud b{font-size:20px}.top-hud>div{padding:6px 8px}.top-hud button{height:39px}.mission{top:65px}.stats{top:104px;padding:5px}.bottom{padding:8px 17px}.bottom small{font-size:7px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
