@font-face{font-family:Sofia;src:url('./assets/sofia-regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Sofia;src:url('./assets/sofia-bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--paper:#f8f3e9;--ink:#514434;--coral:#e67869;--gold:#cbaa68;--green:#52735c;--line:#ddd4c4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Sofia,Arial,sans-serif;-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--coral);outline-offset:5px}.hidden{display:none!important}.topbar{height:104px;max-width:1380px;margin:auto;padding:15px 52px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:18px}.brand{display:block;line-height:0}.brand img{width:148px;height:74px;object-fit:contain}.header-note{font-size:11px;font-weight:700;letter-spacing:2.3px;position:absolute;left:50%;transform:translateX(-50%)}.header-actions{display:flex;gap:10px}.icon-button{border:1px solid #d7cebd;border-radius:50%;height:42px;width:42px;background:transparent;color:var(--ink);display:grid;place-items:center}.icon-button:hover{background:#efe5d3}.icon-button svg{width:21px;height:21px}main{max-width:1380px;margin:auto}.home{display:grid;grid-template-columns:46% 54%;padding:52px 52px 0;gap:0;align-items:center}.hero-copy{padding:4px 20px 20px 10px;position:relative;z-index:2}.eyebrow{font-weight:700;font-size:10px;letter-spacing:1.8px;display:flex;align-items:center;gap:8px}.eyebrow>span{width:6px;height:6px;background:var(--coral);border-radius:50%}h1{font-size:clamp(56px,6.4vw,88px);letter-spacing:-4px;line-height:.95;margin:26px 0 22px;font-weight:700}h1>span{color:var(--coral)}.lead{font-size:18px;line-height:1.6;margin:0 0 26px}.lead em{font-style:normal;text-decoration:underline;text-decoration-color:var(--coral);text-decoration-thickness:2px;text-underline-offset:4px}.primary{border:0;color:#fff;background:var(--coral);font-weight:700;padding:18px 24px;border-radius:5px;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:44px;font-size:17px;box-shadow:0 4px 0 #bd5e52;transition:transform .15s,background .15s}.primary:hover{background:#d96c5d;transform:translateY(-2px)}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #bd5e52}.primary span{font-size:24px;line-height:20px}.start-note{font-size:12px;margin-top:18px}.start-note span{opacity:.65}.home-best{font-size:12px;color:var(--green);height:12px;margin:10px 0 0}.hero-workbench{height:515px;position:relative;background:#c99d68 url('./assets/kitchen.png') center/cover;border-radius:48% 48% 5px 5px;overflow:hidden;box-shadow:0 18px 35px #70532918;border:1px solid #c1a375;transform:rotate(2deg)}.hero-workbench:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 80px #5a390e18}.bench-label{position:absolute;top:32px;left:0;right:0;text-align:center;font-weight:700;font-size:10px;letter-spacing:2px;color:#715327;transform:rotate(-2deg)}.hero-belt{position:absolute;width:155%;height:225px;left:-25%;top:155px;transform:rotate(-19deg);border-top:14px solid #ab8771;border-bottom:14px solid #ab8771;box-shadow:0 15px 20px #4c301c42,0 2px 3px #fff5 inset;background:repeating-linear-gradient(90deg,#ded1b7 0px,#e7dcc5 36px,#d0bea1 38px,#e2d5bc 40px)}.hero-belt:after{content:'';inset:10px;position:absolute;border-top:1px dashed #b0a084;border-bottom:1px dashed #b0a084}.sample-cookie{position:absolute;width:245px;height:164px;background:url('./assets/biscuit.png') center/112% 133%;display:grid;place-items:center;filter:drop-shadow(4px 10px 5px #52301238);z-index:2}.sample-cookie span{font-family:Georgia,serif;font-weight:700;text-align:center;color:#704220;letter-spacing:1.4px;font-size:20px;line-height:1.38;text-shadow:0 1px 1px #ffdc8f,0 -1px 1px #5b351c66}.nice{top:133px;left:4%;transform:rotate(-14deg)}.naughty{top:284px;right:2%;transform:rotate(9deg);width:230px;height:154px}.naughty span{font-size:26px}.handnote{position:absolute;font-family:Georgia,serif;font-style:italic;font-size:17px;z-index:3;color:#694928}.handnote svg{position:absolute;fill:none;stroke:currentColor;stroke-width:1.7;width:66px}.note-good{right:35px;top:101px;transform:rotate(5deg)}.note-good svg{top:3px;left:-60px;transform:rotate(100deg)}.note-bad{left:39px;bottom:93px;transform:rotate(-8deg)}.note-bad svg{left:92px;top:13px;transform:rotate(-50deg)}.stamp{position:absolute;bottom:22px;right:35px;transform:rotate(-9deg);border:1.8px solid #885c37;border-radius:50%;width:103px;height:103px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:9px;line-height:1.8;letter-spacing:1px;color:#805631;opacity:.8}.stamp strong{font-size:12px}.crumbs{position:absolute;right:40%;bottom:100px;font-size:45px;color:#77502b;transform:rotate(20deg)}.rules{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin-top:46px;padding:24px 0 18px;border-top:1px solid var(--line);gap:30px}.rules>div{display:flex;align-items:center;gap:16px}.rule-number{font-size:31px;font-family:Georgia,serif;font-style:italic;color:var(--gold)}.rules p{font-size:13px;line-height:1.6;margin:0}.rules strong{font-size:15px}footer{max-width:1276px;margin:18px auto 0;padding:22px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;gap:20px;color:#8d806e}footer>span:first-child{font-size:9px;letter-spacing:1.2px}footer a{color:inherit;text-underline-offset:3px}.play{padding:18px 52px 0}.hud{display:flex;align-items:center;justify-content:space-between;height:93px;padding:0 15px 15px}.score-group{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:15px}.small-label{font-weight:700;font-size:9px;letter-spacing:1.4px}.score-group .small-label{grid-column:1/-1}.score-group strong{font-size:42px;line-height:1.1;font-variant-numeric:tabular-nums}.combo{border-radius:20px;background:#eadeca;padding:4px 12px;font-weight:700;font-size:14px}.combo.hot{background:var(--coral);color:white}.stage{text-align:center;font-size:10px;letter-spacing:1.2px;font-weight:700}.stage-dots{display:flex;gap:7px;justify-content:center;margin-top:12px}.stage-dots i{width:26px;height:4px;border-radius:10px;background:#dfd5c4}.stage-dots i.active{background:var(--coral)}.lives-group{text-align:right}.lives{display:flex;gap:7px;justify-content:flex-end;font-size:28px;color:var(--coral);margin-top:4px}.lives .lost{color:#d9cbbb;transform:scale(.85)}.workshop{background:#c99d68 url('./assets/kitchen.png') center/cover;position:relative;padding:48px 0 50px;border-radius:9px;box-shadow:inset 0 0 30px #7e58263a,0 12px 28px #5c44351c;border:1px solid #c5a47d;overflow:hidden}.workshop-top,.workshop-bottom{position:absolute;display:flex;justify-content:space-between;left:30px;right:30px;font-size:9px;font-weight:700;letter-spacing:1.5px;color:#71512f}.workshop-top{top:20px}.workshop-bottom{bottom:18px;opacity:.8}.order-label{display:flex;gap:7px;align-items:center}.order-label i{width:6px;height:6px;border-radius:50%;background:#537558;box-shadow:0 0 0 3px #53755822}.tracks{display:flex;flex-direction:column;gap:24px}.track{height:130px;position:relative;border-top:10px solid #b79a7c;border-bottom:10px solid #98795e;box-shadow:0 8px 15px #4e341b35,inset 0 2px 2px #fff5;background:#ded2b9;transition:opacity .5s,filter .5s;isolation:isolate}.track.locked{opacity:.38;filter:saturate(.4)}.belt{position:absolute;inset:0;overflow:hidden;background:repeating-linear-gradient(90deg,#e8dcc5 0px,#e3d6bd 36px,#c9b799 38px,#e2d5bc 40px);background-position:var(--belt-shift,0px) 0}.belt:before,.belt:after{content:'';position:absolute;left:0;right:0;height:1px;border-top:1px dashed #ad987c8c;z-index:0;pointer-events:none}.belt:before{top:8px}.belt:after{bottom:8px}.roller{position:absolute;top:-13px;bottom:-13px;width:17px;z-index:4;background:linear-gradient(90deg,#7e6552,#c2a184 40%,#a48265 70%,#69533f);box-shadow:2px 0 6px #3c251966;border-radius:6px;pointer-events:none}.roller.left{left:-9px}.roller.right{right:-8px}.lane-no{position:absolute;left:12px;top:-20px;background:#f7edd8;border:1px solid #bfa887;border-radius:3px;font-size:9px;font-weight:700;padding:3px 8px;z-index:5;transform:rotate(-4deg)}.exit-label{position:absolute;right:19px;top:-25px;font-size:8px;font-weight:700;color:#654927;letter-spacing:1px}.locked .exit-label{display:none}.locked-label{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;letter-spacing:2px;color:#7f684e;z-index:1;pointer-events:none}.track:not(.locked) .locked-label{display:none}.biscuit{position:absolute;top:50%;left:0;display:flex;align-items:center;justify-content:center;background:url('./assets/biscuit.png') center/112% 133%;border:0;padding:17px 22px;color:#683e1f;font-family:Georgia,serif;font-weight:bold;text-transform:uppercase;font-size:17px;line-height:1.2;letter-spacing:.5px;text-align:center;text-shadow:0 1px 1px #ffdea0,0 -1px 1px #75432044;filter:drop-shadow(3px 6px 3px #51301855);will-change:transform;user-select:none;-webkit-user-select:none;z-index:3;touch-action:manipulation}.biscuit span{display:block;pointer-events:none;max-width:100%;text-wrap:balance}.biscuit:active{filter:brightness(.95) drop-shadow(1px 1px 2px #5a392955)}.biscuit:focus-visible{outline-offset:-5px}.feedback{height:24px;position:absolute;bottom:16px;left:0;right:0;text-align:center;font-weight:700;font-size:12px;color:#60452b;pointer-events:none}.feedback:not(:empty){background:#fff1d6e6;padding:6px 14px;height:auto;bottom:11px;left:50%;right:auto;transform:translateX(-50%);max-width:90%;white-space:nowrap;border-radius:3px;z-index:10}.phase-banner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-3deg);z-index:20;background:var(--paper);border:1px solid #c7ac86;padding:20px 35px;box-shadow:0 8px 30px #63371155;text-align:center;font-weight:700;font-size:23px;color:var(--coral);pointer-events:none;white-space:nowrap}.phase-banner small{display:block;font-size:10px;color:var(--ink);letter-spacing:1px;margin-top:7px}.game-caption{display:flex;gap:22px;padding:18px 4px;font-size:12px}.keyboard-tip{margin-left:auto;opacity:.55}.pop{position:absolute;top:30%;z-index:9;font-size:22px;font-weight:700;color:#35593e;text-shadow:0 1px #fff;animation:pop .85s ease-out forwards;pointer-events:none}.pop.error{color:#a63625}.crumb{position:absolute;width:7px;height:6px;border-radius:2px;background:#ce964b;box-shadow:1px 2px 2px #5f3c2144;z-index:12;pointer-events:none;animation:crumb .65s ease-out forwards}.shake{animation:shake .3s ease-in-out}.paused .biscuit{filter:blur(5px)}dialog{padding:0;border:1px solid #d9ccb6;background:var(--paper);color:var(--ink);border-radius:9px;max-width:440px;width:calc(100% - 32px);max-height:calc(100dvh - 24px);box-shadow:0 20px 80px #2b1d2255}dialog::backdrop{background:#34281d6b;backdrop-filter:blur(5px)}.dialog-inner{padding:38px;text-align:center}.dialog-inner .eyebrow{justify-content:center;color:#8b765a;font-size:9px}.dialog-inner h2{font-size:40px;letter-spacing:-1.8px;margin:17px 0}.dialog-inner p{font-size:15px;line-height:1.5}.dialog-inner .primary{width:100%;margin-top:23px;justify-content:space-between}.text-button{background:none;border:0;text-decoration:underline;text-underline-offset:5px;font-size:12px;color:var(--ink);padding:14px 10px 2px;display:inline-block}.understated{color:#93846e;font-size:11px}.result-inner{padding:27px 30px}.result-inner h2{margin:12px 0 4px}.result-score{position:relative}.result-score strong{display:block;color:var(--coral);font-size:66px;line-height:1.1;letter-spacing:-3px}.result-score>span{font-size:9px;letter-spacing:2px;font-weight:700}.record-tag{position:absolute;right:-8px;top:22px;font-size:7px!important;letter-spacing:.5px!important;transform:rotate(9deg);background:#eaddb9;padding:5px 7px}.receipt{background:#fffaf0;padding:16px 17px;text-align:left;box-shadow:0 2px 8px #70532910;clip-path:polygon(0 0,100% 0,100% 96%,96% 100%,92% 96%,88% 100%,84% 96%,80% 100%,76% 96%,72% 100%,68% 96%,64% 100%,60% 96%,56% 100%,52% 96%,48% 100%,44% 96%,40% 100%,36% 96%,32% 100%,28% 96%,24% 100%,20% 96%,16% 100%,12% 96%,8% 100%,4% 96%,0 100%)}.receipt-title{font-size:8px;letter-spacing:1.1px;color:#9b866b}.receipt ul{padding:0;list-style:none;margin:9px 0 5px}.receipt li{border-top:1px dashed #e1d5c1;padding:8px 0;font-size:12px;line-height:1.3}.receipt li small{display:block;font-size:9px;color:#ab7761;margin-top:3px}.result-stats{display:flex;justify-content:space-between;font-size:10px;margin-top:16px;color:#96836b}.result-stats strong{display:block;color:var(--ink);font-size:16px;margin-top:3px}.result-inner .primary{margin-top:17px}.result-inner #share-status{font-size:10px;margin:7px 0 0;min-height:10px}.playing-body{overscroll-behavior:none}@keyframes crumb{to{transform:translate(var(--dx),var(--dy)) rotate(230deg);opacity:0}}@keyframes pop{to{transform:translateY(-45px);opacity:0}}@keyframes shake{25%,75%{transform:translateX(-4px)}50%{transform:translateX(4px)}}
@media(min-width:1500px){.home{padding-top:65px}.hero-workbench{height:560px}.hero-belt{top:175px}.nice{top:158px}.naughty{top:302px}}
@media(max-width:900px){.topbar{padding:12px 25px;height:88px}.header-note{font-size:8px;letter-spacing:1px}.brand img{width:125px;height:65px}.home{padding:38px 26px 0;grid-template-columns:48% 52%}.hero-copy{padding-left:0}h1{font-size:61px;letter-spacing:-3px}.eyebrow{font-size:8px;letter-spacing:1px}.lead{font-size:15px}.hero-workbench{height:456px}.sample-cookie{width:210px;height:140px}.nice{left:-5%;top:120px}.naughty{width:200px;height:133px;top:272px;right:-3%}.sample-cookie span{font-size:17px}.naughty span{font-size:23px}.hero-belt{height:200px;top:155px}.note-good{font-size:13px;right:20px;top:88px}.note-bad{left:18px;font-size:14px;bottom:74px}.stamp{width:80px;height:80px;right:16px;bottom:8px;font-size:7px}.stamp strong{font-size:10px}.rules{gap:13px}.rules>div{gap:10px}.rules p{font-size:11px}.rules strong{font-size:13px}footer{margin:16px 26px 0;font-size:9px}.play{padding:16px 24px 0}.track{height:135px}.tracks{gap:25px}}
@media(max-width:600px){.topbar{height:77px;padding:9px 20px}.brand img{width:106px;height:58px}.header-note{display:none}.icon-button{width:38px;height:38px}.home{display:flex;flex-direction:column;align-items:stretch;padding:24px 22px 0;position:relative}.hero-copy{padding:4px 0 0}.eyebrow{font-size:8px;letter-spacing:1.15px}h1{font-size:64px;line-height:.92;letter-spacing:-3.4px;margin:20px 0 18px}.lead{font-size:14px;line-height:1.6;margin-bottom:23px}.hero-copy .primary{width:100%;justify-content:space-between;position:relative;z-index:4}.start-note{text-align:center;font-size:11px;margin-top:16px}.home-best{text-align:center;margin-bottom:0}.hero-workbench{height:245px;border-radius:45% 45% 5px 5px;margin-top:12px;transform:rotate(0);order:2}.hero-belt{height:145px;top:65px;transform:rotate(-16deg)}.sample-cookie{width:172px;height:115px}.nice{top:62px;left:1%}.sample-cookie span{font-size:14px;letter-spacing:.5px}.naughty{top:112px;right:0;width:172px;height:115px}.naughty span{font-size:22px}.bench-label{top:19px;font-size:8px;letter-spacing:1px}.note-good{top:45px;right:14px;font-size:12px}.note-good svg{width:36px;left:-32px}.note-bad{bottom:17px;left:20px;font-size:13px}.note-bad svg{width:40px;left:78px;top:-2px}.stamp,.crumbs{display:none}.rules{order:3;display:flex;flex-direction:column;margin-top:24px;padding:15px 0 0;gap:14px}.rules>div{gap:17px}.rules p br{display:none}.rules p{font-size:12px}.rules p strong{font-size:12px;margin-right:5px}.rule-number{font-size:23px}.rules>div:last-child{display:none}footer{margin:25px 22px 0;padding:18px 0 20px;flex-direction:column;gap:8px;font-size:9px}footer>span:first-child{font-size:7px}.play{padding:9px 10px 0}.hud{height:86px;padding:0 8px 12px}.score-group{column-gap:8px}.small-label{font-size:7px;letter-spacing:.8px}.score-group strong{font-size:34px}.combo{font-size:11px;padding:3px 9px}.stage{font-size:7px;letter-spacing:.6px;max-width:100px}.stage-dots{gap:5px;margin-top:10px}.stage-dots i{width:20px}.lives{font-size:24px;gap:4px}.workshop{padding:43px 0 44px;border-radius:6px}.workshop-top{left:15px;right:15px;top:16px;font-size:7px;letter-spacing:.7px}.order-label{display:none}.track{height:128px;border-top-width:9px;border-bottom-width:9px}.tracks{gap:23px}.biscuit{font-size:14px;padding:16px 19px;letter-spacing:.3px}.workshop-bottom{left:14px;right:14px;font-size:6px;letter-spacing:1px;bottom:17px}.shift-note{display:none}.locked-label{font-size:8px;letter-spacing:1.5px}.exit-label{font-size:6px;top:-22px}.lane-no{font-size:7px;top:-18px}.game-caption{font-size:10px;justify-content:space-between;gap:10px;padding:15px 7px}.keyboard-tip{display:none}.playing-body footer{margin-top:5px}.playing-body footer>span:first-child{display:none}.feedback:not(:empty){font-size:10px;white-space:normal;text-align:center;min-width:220px}.phase-banner{font-size:18px;padding:16px 23px}.phase-banner small{font-size:8px}.dialog-inner{padding:30px}.result-inner{padding:23px}.dialog-inner h2{font-size:34px}.result-score strong{font-size:58px}}
@media(max-width:600px) and (max-height:810px){.playing-body .topbar{height:62px}.playing-body .brand img{height:46px}.hud{height:75px}.track{height:110px}.tracks{gap:20px}.workshop{padding-top:36px;padding-bottom:37px}.biscuit{font-size:13px}.game-caption{padding:10px 5px}.playing-body footer{padding:9px 0}.result-inner{padding:17px 23px}.result-inner h2{margin:8px 0 0}.result-score strong{font-size:48px}.receipt{padding:10px 15px}.receipt li{padding:6px 0}.dialog-inner p{font-size:13px}.result-inner .primary{margin-top:13px;min-height:50px;padding:13px 19px}}
@media(prefers-reduced-motion:reduce){.primary{transition:none}.shake{animation:none}.crumb{animation-duration:.1s}.pop{animation-duration:.3s}}

/* Only the biscuit artwork is masked: the engraving must never be clipped. */
.sample-cookie,.biscuit{background:none;isolation:isolate}
.sample-cookie::before,.biscuit::before{content:'';position:absolute;inset:0;background:url('./assets/biscuit.png') center/112% 133%;mask:url('./assets/biscuit-mask.svg?v=4') center/100% 100% no-repeat;-webkit-mask:url('./assets/biscuit-mask.svg?v=4') center/100% 100% no-repeat;pointer-events:none;z-index:0}
.sample-cookie>span{position:relative;z-index:1}
/* One-minute rush: independent belts and a physical disposal destination. */
.timer-group{text-align:right;min-width:105px}.timer-group .small-label{display:block}.timer-group strong{display:block;font-size:42px;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-1px}.timer-group strong span{font-size:19px;margin-left:3px;color:#9a8769}.timer-group strong.urgent,.timer-group strong.urgent span{color:#c54834}.workshop{padding-bottom:120px}.phase-banner{top:30px;padding:10px 22px;font-size:16px;transform:translateX(-50%) rotate(-2deg)}.phase-banner small{display:none}.feedback:not(:empty){bottom:91px;max-width:75%;font-size:11px;z-index:12;background:#fff1d6dd}.trash{position:absolute;bottom:30px;left:50%;width:76px;height:72px;transform:translateX(-50%);z-index:22;filter:drop-shadow(2px 5px 3px #68431a40)}.bin-body{position:absolute;left:7px;top:14px;width:62px;height:54px;background:linear-gradient(90deg,#808e83,#bdc5b5 18%,#96a590 35%,#c0c9b8 55%,#9dab97 75%,#6f8174);clip-path:polygon(0 0,100% 0,87% 100%,13% 100%);border-bottom:4px solid #6c7f6f;box-shadow:inset 0 4px 3px #42533f70}.bin-body:after{content:'';position:absolute;inset:5px 11px 3px;background:repeating-linear-gradient(90deg,transparent 0,transparent 9px,#e6ecdb40 10px,#52654a30 12px,transparent 14px);z-index:-1}.bin-body span{position:absolute;top:16px;left:10px;right:10px;padding:4px 0;background:#f2e7cc;color:#68755c;font-size:6px;font-weight:700;letter-spacing:.6px;line-height:1.2;text-align:center;transform:rotate(-4deg);box-shadow:0 1px 3px #48513e33}.bin-opening{position:absolute;top:7px;left:2px;width:72px;height:16px;border-radius:50%;background:#354b39;border:3px solid #a9b6a0;box-shadow:inset 1px 3px 4px #1d2b1ca0;z-index:3}.bin-lid{position:absolute;top:0;left:-2px;width:80px;height:13px;background:linear-gradient(#d5ddc8,#8f9f89 65%,#5c715f);border-radius:50%;transform:rotate(-8deg);transform-origin:10% 70%;z-index:4;box-shadow:0 2px 2px #223b292b}.bin-lid:before{content:'';position:absolute;left:33px;top:-6px;width:14px;height:8px;border:3px solid #7b8e75;border-bottom:0;border-radius:5px 5px 0 0}.bin-count{position:absolute;top:77px;left:-20px;right:-20px;white-space:nowrap;text-align:center;color:#5c452b;font-size:8px;font-weight:700;letter-spacing:.5px}.flying-biscuit{position:absolute!important;pointer-events:none!important;z-index:21!important;will-change:transform,opacity;filter:drop-shadow(4px 10px 6px #38230b55)!important}.error-tally{position:absolute;bottom:38px;left:31px;color:#634729}.error-tally>span,.rush-meter>span{display:block;font-size:8px;letter-spacing:1.2px;font-weight:700}.error-tally strong{font-size:25px;line-height:1.3;font-variant-numeric:tabular-nums}.rush-meter{position:absolute;bottom:46px;right:31px;width:98px;color:#634729}.rush-meter>div{height:6px;background:#87552644;margin-top:9px;transform:skewX(-12deg);border-radius:2px;overflow:hidden}.rush-meter i{display:block;height:100%;width:17%;background:linear-gradient(90deg,#d99657,#c3412e);transition:width .2s}.note-bad{font-size:15px}.record-tag{right:-6px}.receipt li small{margin-top:4px}
@media(max-width:600px){.timer-group{min-width:83px}.timer-group strong{font-size:36px}.timer-group strong span{font-size:17px}.workshop{padding-bottom:112px}.track{height:112px}.tracks{gap:21px}.trash{bottom:27px}.feedback:not(:empty){bottom:89px;font-size:9px;min-width:180px}.error-tally{left:18px;bottom:38px}.error-tally>span,.rush-meter>span{font-size:7px;letter-spacing:.8px}.error-tally strong{font-size:24px}.rush-meter{right:18px;width:80px;bottom:46px}.phase-banner{top:21px;font-size:12px;padding:8px 15px}.note-bad{font-size:12px;left:14px}.note-bad svg{left:108px}}
@media(max-width:600px) and (max-height:810px){.track{height:98px}.tracks{gap:17px}.workshop{padding-top:32px;padding-bottom:99px}.trash{bottom:23px;scale:.88;transform-origin:50% 100%}.bin-count{top:73px}.feedback:not(:empty){bottom:79px}.error-tally{bottom:33px}.rush-meter{bottom:40px}.biscuit{padding:13px 19px}.game-caption{font-size:9px}.workshop-top{top:11px}.phase-banner{top:15px}}
@media(min-width:601px) and (max-height:850px){.playing-body .topbar{height:72px;padding-block:6px}.playing-body .brand img{height:57px}.play{padding-top:8px}.hud{height:70px;padding-bottom:10px}.workshop{padding-top:32px;padding-bottom:100px}.workshop-top{top:12px}.track{height:100px}.tracks{gap:20px}.biscuit{font-size:14px;padding:12px 20px}.trash{bottom:22px;scale:.9;transform-origin:50% 100%}.feedback:not(:empty){bottom:79px}.error-tally{bottom:30px}.rush-meter{bottom:37px}.game-caption{padding:12px 4px}.playing-body footer{margin-top:3px;padding:12px 0}.playing-body footer>span:first-child{display:none}}
/* The engraving has its own safe rectangle, independent of flex min-content sizing. */
.biscuit{padding:0!important;overflow:visible}
.biscuit>.biscuit-label{position:absolute;inset:20% 14%;width:72%;height:60%;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible;z-index:1;font-family:Georgia,serif;font-weight:700;letter-spacing:.2px;text-transform:none;text-wrap:nowrap;pointer-events:none}
.biscuit-label>.biscuit-line{display:block;flex:none;min-width:0;max-width:100%;white-space:pre;text-wrap:nowrap;font:inherit;letter-spacing:inherit;line-height:inherit}

/* Allocate room to the belts instead of squashing the biscuits on short screens. */
.playing-body{height:100dvh;min-height:600px;display:flex;flex-direction:column}
.playing-body .topbar{width:100%;height:64px;flex:none;padding:6px 24px}
.playing-body .brand img{height:52px}
.playing-body main{width:100%;flex:1;min-height:0;display:flex;flex-direction:column}
.playing-body .play{flex:1;min-height:0;display:flex;flex-direction:column;padding-top:6px}
.playing-body .hud{height:68px;flex:none;padding-bottom:10px}
.playing-body .workshop{flex:1;min-height:0;padding:34px 0 96px}
.playing-body .workshop-top{top:12px}
.playing-body .tracks{height:100%;gap:18px}
.playing-body .track{height:auto;flex:1;min-height:0;border-top-width:8px;border-bottom-width:8px}
.playing-body .game-caption{flex:none;min-height:36px;padding:10px 4px}
.playing-body footer{width:calc(100% - 48px);height:29px;flex:none;min-height:0;margin:0 auto;padding:7px 0}
.playing-body footer>span:first-child{display:none}
.playing-body .trash{bottom:22px;scale:.9}
.playing-body .error-tally{bottom:30px}
.playing-body .rush-meter{bottom:37px}
.playing-body .feedback:not(:empty){bottom:77px}
.playing-body .biscuit{aspect-ratio:3/2}
@media(max-width:600px){
 .playing-body .topbar{height:56px;padding:4px 16px}
 .playing-body .brand img{height:46px}
 .playing-body .play{padding-top:4px}
 .playing-body .hud{height:62px;padding-bottom:8px}
 .playing-body .workshop{padding:28px 0 86px}
 .playing-body .workshop-top{top:9px}
 .playing-body .tracks{gap:14px}
 .playing-body .game-caption{min-height:32px;font-size:9px;padding:9px 4px}
 .playing-body footer{width:calc(100% - 28px);height:25px;padding:5px 0}
 .playing-body .trash{bottom:19px;scale:.82}
 .playing-body .error-tally{bottom:27px}
 .playing-body .rush-meter{bottom:33px}
 .playing-body .feedback:not(:empty){bottom:70px}
}
@media(max-height:720px){
 .playing-body .topbar{height:48px;padding-block:3px}
 .playing-body .brand img{height:40px}
 .playing-body .hud{height:52px;padding-bottom:6px}
 .playing-body .score-group strong,.playing-body .timer-group strong{font-size:29px}
 .playing-body .workshop{padding:24px 0 66px}
 .playing-body .workshop-top{top:7px}
 .playing-body .tracks{gap:12px}
 .playing-body .track{border-top-width:6px;border-bottom-width:6px}
 .playing-body .game-caption{min-height:28px;padding:7px 4px}
 .playing-body footer{height:20px;padding:3px 0}
 .playing-body .trash{bottom:13px;scale:.65}
 .playing-body .error-tally{bottom:17px}
 .playing-body .rush-meter{bottom:22px}
 .playing-body .feedback:not(:empty){bottom:52px}
}