:root{--ink:#21392f;--green:#245c43;--paper:#f6f3e9;--orange:#ea6b38}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}header{max-width:1240px;margin:auto;padding:28px 40px;border-bottom:1px solid #cdd1c4;display:flex;justify-content:space-between;align-items:center}.logo{text-decoration:none;color:var(--ink);font:700 30px Arial,sans-serif;letter-spacing:-1px}.logo span{display:block;font:600 10px Arial;letter-spacing:2px;margin-top:4px}.badge,.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}.badge{border:1px solid #abb7a7;border-radius:30px;padding:10px 16px}main{max-width:1240px;margin:auto;padding:0 40px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:65px 0 50px}h1{font:700 clamp(48px,6vw,80px)/1.02 Arial;letter-spacing:-4px;margin:16px 0 22px}.intro>div>p:not(.eyebrow){line-height:1.6}.shift{border-top:5px solid var(--orange);padding:25px;background:#e8eadc;box-shadow:6px 6px 0 #d7ddca}.shift>span{font-size:11px;letter-spacing:1px}.shift h2{font:600 25px Arial;margin:18px 0}.actions{display:flex;gap:10px}button{cursor:pointer;border:0;background:var(--green);color:white;padding:16px 22px;border-radius:6px;font:700 15px Arial;transition:transform .15s,box-shadow .15s}button:hover{transform:translateY(-2px);box-shadow:0 4px 0 #0002}button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button.secondary{background:transparent;color:var(--ink);border:1px solid #9aaa96}.small{font-size:12px;line-height:1.5;color:#586558}#game{scroll-margin-top:20px}.status{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #b9c2b1;border-bottom:1px solid #b9c2b1;padding:18px 0}.status span{font-size:11px;text-transform:uppercase;letter-spacing:2px}.status h2{font:600 24px Arial;margin:4px 0}.clock{font:700 40px Arial;font-variant-numeric:tabular-nums}.urgent{color:#ba442a}.floor{display:grid;grid-template-columns:1fr 320px;gap:40px;padding:30px 0 15px}.cart-panel{background:#e5e9dd;padding:20px;border-radius:12px;overflow:hidden}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-title h3{font-size:16px;margin:0}.panel-title span{font-size:10px;letter-spacing:1px}.cart{position:relative;margin:35px 20px 60px;border:7px solid #829a8a;border-top:4px solid #829a8a;border-radius:10px 10px 30px 30px;background:repeating-linear-gradient(0deg,transparent 0 32px,#8ca39255 33px 35px),repeating-linear-gradient(90deg,transparent 0 40px,#8ca39255 41px 43px);box-shadow:inset 0 -20px #8ca39222}.cart:before{content:'';position:absolute;width:40px;height:30px;border-top:8px solid #607869;border-left:8px solid #607869;top:-20px;left:-29px;border-radius:8px}.items{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:20px}.package{background:var(--pack);color:#21392f;min-height:170px;padding:12px;border:2px solid #fff9;box-shadow:3px 4px 0 #304a3326;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-2deg);border-radius:5px}.package:nth-child(even){transform:rotate(3deg)}.package:disabled{cursor:default;opacity:1}.package:disabled:hover{box-shadow:3px 4px 0 #304a3326}.brand{font-size:8px;letter-spacing:2px}.symbol{font-size:38px;line-height:1.1}.package strong{font:700 17px Arial;margin:5px 0}.variant{font-size:12px}.quantity{font-size:11px;margin-top:9px;background:#fff9;padding:4px 9px;border-radius:20px}.concealed{border:2px dashed #556b5a}.covered{background:#b6ae93}.cover{font:700 21px/1.6 Arial;color:#485146}.cover b{font:600 12px Arial;background:#fff9;padding:5px 10px;border-radius:20px}.cart-base{position:absolute;bottom:-25px;left:10%;width:80%;border-bottom:7px solid #829a8a;transform:skewX(-20deg);height:25px;border-right:7px solid #829a8a}.wheel{position:absolute;bottom:-49px;width:27px;height:27px;border-radius:50%;background:#314b3d;border:6px solid #758b7e}.one{left:18%}.two{right:18%}.receipt{background:#fffefa;color:#333b32;padding:25px 23px;font:12px 'Courier New',monospace;box-shadow:3px 7px 14px #0001;align-self:start;clip-path:polygon(0 0,100% 0,100% 98%,95% 100%,90% 98%,85% 100%,80% 98%,75% 100%,70% 98%,65% 100%,60% 98%,55% 100%,50% 98%,45% 100%,40% 98%,35% 100%,30% 98%,25% 100%,20% 98%,15% 100%,10% 98%,5% 100%,0 98%)}.receipt h3{text-align:center;font-size:28px;margin:0}.receipt>p{text-align:center;font-size:9px}.receipt-meta{border-block:1px dashed #999;padding:15px 0;margin-top:20px;display:flex;justify-content:space-between}.line{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px dashed #ddd;font-size:14px}.line small{display:block;font-size:11px;margin-top:5px}.receipt-total{display:flex;justify-content:space-between;padding:20px 0}.barcode{height:36px;margin:8px 25px;background:repeating-linear-gradient(90deg,#28352c 0 2px,transparent 2px 4px,#28352c 4px 5px,transparent 5px 8px)}.decisions{display:flex;justify-content:center;gap:16px;padding:10px 0 30px}.decisions button{min-width:210px}.flag{background:#eddfc9;color:#724f32;border:1px solid #c7b194}#feedback{padding:14px;border-radius:6px;min-height:20px;font-size:14px}.good{background:#d5e7cd}.bad{background:#f4d6c9}.guide{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid #c4ccba;padding:30px 0}.guide span{font-size:11px;letter-spacing:1px;font-weight:700}.guide p{font-size:14px;line-height:1.5;color:#5c685c}footer{max-width:1240px;margin:auto;padding:22px 40px;font-size:11px;border-top:1px solid #ccd2c1;display:flex;justify-content:space-between;color:#677365}.results{padding:35px;margin:25px 0;background:#e4eadb;text-align:center;scroll-margin-top:20px}.results h2{font:600 34px Arial}.result-score{font:700 70px Arial}.result-score small{display:block;font-size:11px;letter-spacing:3px}.review{max-width:600px;margin:25px auto;text-align:left;font-size:13px;line-height:1.6}.review p{padding:12px;border-bottom:1px solid #bfccb7}[hidden]{display:none!important}@media(max-width:750px){header{padding:22px}.badge{font-size:8px;padding:8px}main{padding:0 20px}.intro{grid-template-columns:1fr;gap:20px;padding:30px 0}h1{font-size:58px}.floor{grid-template-columns:1fr;gap:20px}.receipt{width:100%}.cart-panel{padding:15px}.items{padding:14px;gap:10px}.package{min-height:155px;padding:8px}.package strong{font-size:14px}.panel-title span{font-size:8px}.decisions{position:sticky;bottom:0;background:var(--paper);padding:14px 0;gap:8px}.decisions button{min-width:0;flex:1;padding:17px 8px;font-size:13px}.guide{grid-template-columns:1fr;gap:10px}.guide p{margin:8px 0}footer{padding:20px;display:block}footer span{display:block;margin-top:8px}.clock{font-size:32px}.status #points{font-size:12px}.results{padding:20px}.actions button{padding:14px}.shift{padding:20px}}
/* Perspective cart: all panels and packages share the same rotating scene. */
.cart-view{height:440px;position:relative;perspective:1000px;cursor:grab;touch-action:none;user-select:none;overflow:hidden;background:radial-gradient(ellipse at 50% 85%,#85978240,transparent 55%)}
.cart-view.dragging{cursor:grabbing}
.cart-model{position:absolute;left:50%;top:42%;width:0;height:0;transform-style:preserve-3d}
.basket-wall{position:absolute;border:5px solid #789286;border-radius:8px;background:repeating-linear-gradient(0deg,transparent 0 25px,#789286b0 26px 29px),repeating-linear-gradient(90deg,transparent 0 25px,#789286b0 26px 29px);pointer-events:none;backface-visibility:visible}
.basket-front,.basket-back{width:330px;height:160px;left:-165px;top:-50px}
.basket-front{transform:translateZ(140px)}.basket-back{transform:translateZ(-140px)}
.basket-left,.basket-right{width:280px;height:160px;left:-140px;top:-50px}
.basket-left{transform:translateX(-165px) rotateY(90deg)}.basket-right{transform:translateX(165px) rotateY(90deg)}
.basket-bottom{position:absolute;width:330px;height:280px;left:-165px;top:-140px;transform:translateY(110px) rotateX(90deg);border:5px solid #789286;background:repeating-linear-gradient(90deg,#9aac9b80 0 3px,transparent 3px 22px);pointer-events:none}
.cart-model .items{display:block;padding:0;transform-style:preserve-3d}
.cart-model .package{position:absolute;left:-64px;top:-95px;width:128px;min-height:0;height:190px;padding:10px 5px;transform:translate3d(var(--x),0,var(--z));transform-style:preserve-3d;box-shadow:none;border-radius:2px;border:2px solid #ffffff88;overflow:visible;backface-visibility:visible}
.cart-model .package:hover,.cart-model .package:disabled:hover{transform:translate3d(var(--x),0,var(--z));box-shadow:none}
.cart-model .package strong{font-size:14px}.cart-model .symbol{font-size:30px}.cart-model .variant{font-size:11px}.cart-model .quantity{font-size:10px;padding:4px}.cart-model .cover{font-size:17px}
.box-face{position:absolute;display:flex;align-items:center;justify-content:center;background:var(--pack);border:2px solid #ffffff66;color:#21392f;font-size:10px;letter-spacing:2px;pointer-events:none;backface-visibility:visible}
.box-back{inset:-2px;transform:translateZ(-94px) rotateY(180deg)}
.box-left,.box-right{width:94px;height:190px;top:-2px;left:15px;filter:brightness(.86)}
.box-left{transform:translateX(-64px) translateZ(-47px) rotateY(-90deg)}.box-right{transform:translateX(64px) translateZ(-47px) rotateY(90deg)}
.box-top{width:128px;height:94px;left:-2px;top:45px;transform:translateY(-95px) translateZ(-47px) rotateX(90deg);filter:brightness(1.06)}
.covered .box-face{background:#b6ae93}
.cart-handle{position:absolute;width:360px;height:45px;left:-180px;top:-100px;border:8px solid #607869;border-top:12px solid #245c43;border-radius:12px;transform:translateZ(-165px) rotateX(-25deg);pointer-events:none}
.cart-support{position:absolute;width:9px;height:130px;top:95px;background:#789286;transform:translateZ(-100px);pointer-events:none}.support-left{left:-140px}.support-right{left:131px}
.cart-chassis{position:absolute;width:300px;height:260px;left:-150px;top:-130px;border:8px solid #789286;border-radius:14px;transform:translateY(210px) rotateX(90deg);pointer-events:none}
.cart-wheel{position:absolute;width:40px;height:40px;left:-20px;top:195px;border-radius:50%;border:9px solid #344d40;background:#a2afa6;pointer-events:none}
.wheel-fl{transform:translateX(-140px) translateZ(110px) rotateY(90deg)}.wheel-fr{transform:translateX(140px) translateZ(110px) rotateY(90deg)}.wheel-bl{transform:translateX(-140px) translateZ(-110px) rotateY(90deg)}.wheel-br{transform:translateX(140px) translateZ(-110px) rotateY(90deg)}
.rotation-controls{display:flex;align-items:center;justify-content:center;gap:10px}.rotation-controls button{padding:9px 14px;font-size:14px}.rotation-controls span{min-width:42px;text-align:center;font-variant-numeric:tabular-nums;font-size:13px}
@media(max-width:500px){.cart-view{height:365px;perspective:850px}.cart-model{zoom:.78}.rotation-controls{gap:6px}}

.cart-model .package{cursor:inherit}

.rotation-controls{flex-wrap:wrap}
.box-bottom{width:128px;height:94px;left:-2px;top:45px;transform:translateY(95px) translateZ(-47px) rotateX(-90deg);filter:brightness(.8)}
.grocery{position:absolute;left:0;top:0;width:0;height:0;transform:translate3d(var(--x),0,var(--z));transform-style:preserve-3d;cursor:inherit}
.mesh{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d;pointer-events:none}
.mesh-panel{position:absolute;left:0;top:0;display:block;margin:0;border:1px solid #0000000c;backface-visibility:visible;pointer-events:none}
.round-cap{border-radius:50%}
.grocery-label{position:absolute;width:112px;left:-56px;top:0;transform:translate3d(0,var(--label-y),var(--label-z));background:#fff9edeb;border:1px solid #435a3c33;border-radius:5px;color:#253a2b;padding:5px;text-align:center;line-height:1.2;backface-visibility:hidden;pointer-events:none}
.grocery-label strong{display:block;font:700 11px Arial,sans-serif}.grocery-label span{display:block;font:9px Arial,sans-serif;margin:3px 0}.grocery-label b{font:700 10px Arial,sans-serif}
.jug-handle{position:absolute;width:25px;height:45px;border:7px solid #e9e7d8;border-radius:14px;pointer-events:none}
.product-list{margin:25px 0;padding:18px 22px;background:#e8eadc;border-radius:8px;line-height:1.6;font-size:14px}.product-list summary{cursor:pointer;font-weight:700}.product-list a{color:var(--green)}
.cart-view{height:510px;perspective:none;background:#e5e9dd}
.cart-view canvas{display:block;width:100%;height:100%;touch-action:none}
@media(max-width:500px){.cart-view{height:420px}}

.receipt{position:relative}
.receipt-hint{padding:10px 0 5px;letter-spacing:.5px;color:#687464;pointer-events:none}
.receipt-choice{position:absolute;top:0;bottom:0;width:50%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;display:flex;align-items:center;justify-content:center;transition:background .15s}
.receipt-flag{left:0;color:#b64232}.receipt-approve{right:0;color:#245c43}
.receipt-choice span{display:grid;place-items:center;width:100px;height:100px;border:4px solid currentColor;border-radius:50%;font:700 74px/1 sans-serif;background:#fffefae8;opacity:0;transform:scale(.9);transition:opacity .15s,transform .15s;pointer-events:none}
.receipt-choice:hover,.receipt-choice:focus-visible{transform:none;box-shadow:none;background:#245c4314}
.receipt-flag:hover,.receipt-flag:focus-visible{background:#b6423214}
.receipt-choice:hover span,.receipt-choice:focus-visible span{opacity:1;transform:scale(1)}
.receipt-choice:focus-visible{outline:3px solid currentColor;outline-offset:-4px}
@media(hover:none){.receipt-choice{align-items:flex-end;padding-bottom:15px}.receipt-choice span{opacity:1;width:34px;height:34px;border-width:2px;font-size:25px}.receipt-hint{padding-bottom:45px}}
.decisions:has(#next[hidden]){display:none}

.cart-flash{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;color:white;pointer-events:none}
.cart-flash.success{background:#d6efdcde;color:#3d7854}.cart-flash.error{background:#f8ddd9de;color:#a2605c}
#flash-symbol{font:700 110px/1 sans-serif}#flash-title{font:700 30px Arial,sans-serif;margin-top:12px}#flash-detail{font-size:15px;line-height:1.5;max-width:420px}
.cart-view.transitioning{pointer-events:none}

#flash-symbol{display:grid;place-items:center;width:112px;height:112px;border-radius:36px;background:#ffffff8c}
#flash-symbol svg{width:88px;height:88px;fill:none;stroke:currentColor;stroke-width:9;stroke-linecap:round;stroke-linejoin:round}
.flash-check,.flash-cross{display:none}.success .flash-check,.error .flash-cross{display:block}
#flash-title{font-family:Arial,sans-serif;font-weight:600;letter-spacing:-.5px}
/* Warehouse club theme */
:root{--ink:#172b43;--green:#005daa;--paper:#f4f5f7;--orange:#e31837;--warehouse-red:#e31837;--warehouse-blue:#005daa}
body{font-family:Arial,Helvetica,sans-serif;background:var(--paper)}
header{max-width:none;padding:25px max(24px,calc((100vw - 1160px)/2));background:#fff;border-bottom:8px solid var(--warehouse-blue);box-shadow:0 3px 0 #d5dce5;gap:20px}
.logo{font:italic 900 40px/.85 Arial,Helvetica,sans-serif;letter-spacing:-2px;color:var(--warehouse-red)}
.logo span{color:var(--warehouse-blue);font:900 13px/1.3 Arial,sans-serif;letter-spacing:2.4px;margin-top:9px;padding-top:5px;border-top:5px solid var(--warehouse-blue)}
.badge{color:var(--warehouse-blue);border:2px solid var(--warehouse-blue);border-radius:3px;background:#f0f6fc;font:700 11px Arial,sans-serif;letter-spacing:1px;padding:12px 15px}
.intro{gap:60px;padding:48px 0 38px;align-items:center}.eyebrow{color:var(--warehouse-blue);letter-spacing:1.7px}
h1{font:900 clamp(48px,6vw,76px)/.98 Arial,Helvetica,sans-serif;letter-spacing:-3px;color:var(--warehouse-blue);margin:15px 0 20px}
.warehouse-ticket{display:inline-block;min-width:260px;background:white;border:1px solid #cbd2da;padding:14px 20px;transform:rotate(-2deg);box-shadow:3px 5px 0 #172b4310;margin-top:9px;color:#131923}
.warehouse-ticket>span{display:block;font-size:11px;font-weight:800;letter-spacing:1px;border-bottom:2px solid #151c25;padding-bottom:8px}.warehouse-ticket>div{display:flex;gap:35px;padding:8px 0}.warehouse-ticket strong{font:900 49px/1 Arial,sans-serif}.warehouse-ticket small{display:block;font:700 10px Arial,sans-serif;letter-spacing:1px;margin-top:5px}.warehouse-ticket p{font-size:10px;margin:5px 0 0}
.shift{background:#fff;border:1px solid #cdd5df;border-top:7px solid var(--warehouse-red);box-shadow:5px 5px 0 #005daa12;padding:28px}.shift h2{font:800 28px Arial,sans-serif;color:var(--warehouse-blue)}.shift p{font-size:14px;line-height:1.55}.shift>span{color:#5c6877}
button:not(.receipt-choice){background:var(--warehouse-blue);border-radius:4px;font-family:Arial,sans-serif;font-weight:700}button:not(.receipt-choice):hover{box-shadow:0 4px 0 #003d7026}button.secondary{background:white;color:var(--warehouse-blue);border:1px solid #aabfd3}button:disabled{cursor:default;opacity:.55}
#daily{background:var(--warehouse-red)}.small{color:#5a6778}
.status{background:var(--warehouse-blue);color:#fff;padding:18px 24px;border:0;border-radius:4px}.status span{color:#d3e6f7}.status h2{font:800 25px Arial,sans-serif}.clock{font:800 40px Arial,sans-serif}.urgent{color:#ffb9c3}#points{font-weight:700}
.floor{gap:24px;grid-template-columns:minmax(0,1fr) 320px;padding-top:24px}.cart-panel{background:#fff;border:1px solid #d2d9e2;border-radius:6px;padding:18px}.panel-title{border-bottom:3px solid var(--warehouse-red);padding-bottom:13px}.panel-title h3{font:800 13px Arial,sans-serif;color:var(--warehouse-blue);letter-spacing:.5px}.panel-title span{color:#61758a}.cart-view{background:#eff1f3;margin:14px 0;border-radius:4px}.rotation-controls span{color:var(--warehouse-blue)}
.receipt{background:#fff;color:#262c32}.receipt h3{font:italic 900 32px Arial,sans-serif;color:var(--warehouse-red);letter-spacing:-1px}.receipt h3 span{display:block;font:800 12px Arial,sans-serif;letter-spacing:3px;color:var(--warehouse-blue);border-top:3px solid var(--warehouse-blue);padding-top:4px;margin:5px 25px 0}.receipt-hint{color:#546575}.line small{color:#606872}
.results{background:white;border:1px solid #cdd5df;border-top:7px solid var(--warehouse-red);border-radius:5px}.results h2{font:800 34px Arial,sans-serif;color:var(--warehouse-blue)}.result-score{font:900 70px Arial,sans-serif;color:var(--warehouse-blue)}.review p{border-color:#d4dce5}.guide{border-color:#cbd5df;gap:30px}.guide span{color:var(--warehouse-blue)}.guide p{color:#576577}footer{border-top:3px solid var(--warehouse-blue);color:#657284}
@media(max-width:750px){header{padding:23px 20px}.logo{font-size:30px}.logo span{font-size:9px;letter-spacing:1.5px}.badge{font-size:9px;padding:9px;letter-spacing:0}.intro{gap:25px;padding-top:30px}h1{font-size:58px}.floor{grid-template-columns:1fr}.status{padding:16px}.clock{font-size:32px}.warehouse-ticket{min-width:240px}.shift{padding:22px}.panel-title h3{font-size:11px}}
.cart-flash.success{background:#d6efdc66}.cart-flash.error{background:#f8ddd966}
#flash-title,#flash-detail{background:#ffffffdf;border-radius:8px;padding:6px 12px}#flash-detail{margin:8px 0 14px}
#next-cart{pointer-events:auto;box-shadow:0 3px 12px #172b4320}.next-hint{margin-top:10px;padding:5px 9px;background:#ffffffcf;border-radius:6px;font-size:11px;color:#45576b}
.cart-view.transitioning:has(.cart-flash:not([hidden])){pointer-events:auto}
.receipt-error{position:relative;flex-wrap:wrap}.receipt-error-note{flex-basis:100%;color:#a34e58;font:700 11px Arial,sans-serif;padding-top:4px}#receipt-review{color:#a34e58;font-size:11px;line-height:1.5}

.receipt-pen-circle{position:absolute;inset:3px -5px;width:calc(100% + 10px);height:calc(100% - 6px);overflow:visible;pointer-events:none}
.receipt-pen-circle path{fill:none;stroke:#d84655;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation:receipt-pen-draw .65s ease-out forwards}
@keyframes receipt-pen-draw{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.receipt-pen-circle path{animation:none;stroke-dashoffset:0}}
#next-cart{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);background:#fffaf0e8;color:#48534e;border:1px solid #ffffffb3;border-radius:24px;padding:12px 30px;font-size:14px;font-weight:600;box-shadow:0 3px 12px #28352c12;white-space:nowrap}
#next-cart:hover{transform:translateX(-50%);background:#fffdf7;box-shadow:0 4px 14px #28352c1c}
#next-cart:focus-visible{outline:3px solid #7e9888;outline-offset:4px}
.receipt .receipt-error-note{color:#d6283e;font-weight:700}
.receipt .receipt-error > b{color:#d6283e}
.receipt .receipt-error-note,.receipt #receipt-review{font:700 11px/1.5 'Courier New',monospace;text-align:center}
.receipt .receipt-error-note{color:#d6283e}
/* Keep quantity aligned even when a product name wraps. */
.receipt .line{display:grid;grid-template-columns:minmax(0,1fr) max-content;column-gap:12px;align-items:start}
.receipt .line > div{min-width:0;overflow-wrap:break-word}
.receipt .line > b{grid-column:2;grid-row:1;white-space:nowrap;align-self:start}
.receipt .receipt-error-note{grid-column:1 / -1;padding-top:2px;padding-bottom:5px}
.receipt-pen-circle{inset:-5px -9px;width:calc(100% + 18px);height:calc(100% + 10px)}
.receipt #next-cart{position:absolute;inset:0;width:100%;height:100%;transform:none;display:flex;align-items:flex-end;justify-content:center;padding:0 16px 18px;border:0;border-radius:0;background:transparent;color:#48534e;box-shadow:none;font-size:14px;white-space:normal;z-index:2}
.receipt #next-cart:hover{transform:none;background:#435b7310;box-shadow:none}
.receipt #next-cart:focus-visible{outline:2px solid #8ca69a;outline-offset:-4px}
.receipt:has(#next-cart:not([hidden])) .receipt-hint{visibility:hidden}
.receipt #next-cart{padding-bottom:12px;font-weight:700;color:#253d52}
.receipt #next-cart span{display:inline-block;background:#e5edf4;border:1px solid #a8bdcc;border-radius:22px;padding:10px 24px;box-shadow:0 2px 5px #172b4314;font-size:14px}
.receipt #next-cart:hover span{background:#d7e5ef;border-color:#779bb4}
.receipt #next-cart span{background:#d3e2ee;color:#173d59;border:2px solid #7398b3;border-radius:24px;padding:12px 32px;min-width:180px;font-size:16px;font-weight:800;box-shadow:0 3px 8px #173d5926}
.receipt #next-cart:hover span{background:#c1d8e9;border-color:#426f91;box-shadow:0 4px 10px #173d5930}
.receipt #next-cart:focus-visible span{outline:3px solid #426f91;outline-offset:3px}
.receipt #next-cart span{border-radius:4px;background:#e5edf4;color:var(--warehouse-blue);border:2px solid #9bb3c7;box-shadow:0 3px 0 #005daa14;font-family:Arial,Helvetica,sans-serif}
.receipt #next-cart:hover span{background:#d8e5ef;border-color:var(--warehouse-blue);box-shadow:0 3px 0 #005daa22}
/* Reserve a balanced footer area while keeping the whole receipt clickable. */
.receipt:has(#next-cart:not([hidden])){padding-bottom:115px}
.receipt:has(#next-cart:not([hidden])) .receipt-hint{display:none}
.receipt #next-cart{padding-bottom:34px}
.receipt #next-cart span{min-width:176px;padding:11px 26px;border-radius:3px;background:#fff;color:#005daa;border:2px solid #005daa;box-shadow:3px 3px 0 #005daa18;font-size:15px;font-weight:700}
.receipt #next-cart:hover span{background:#edf4fa;border-color:#005daa;box-shadow:3px 3px 0 #005daa28}
.receipt:has(#next-cart:not([hidden])){padding-bottom:83px}
.receipt:has(#next-cart:not([hidden])){padding-bottom:25px}
.receipt .barcode{position:relative;height:36px;margin:8px 25px}
.receipt .barcode #next-cart{position:absolute;inset:0;width:100%;height:36px;padding:0;display:flex;align-items:center;justify-content:center;transform:none;border:0;box-shadow:none;background:transparent;border-radius:0;cursor:pointer}
.receipt .barcode #next-cart span{min-width:0;padding:3px 9px;background:#fffefa;border:0;border-radius:0;box-shadow:none;color:#213345;font:700 13px/1 'Courier New',monospace;text-transform:uppercase;letter-spacing:1px}
.receipt .barcode #next-cart:hover{background:#005daa12;transform:none;box-shadow:none}
.receipt .barcode #next-cart:hover span{background:#edf4fa;box-shadow:none}
.receipt:has(#next-cart:not([hidden])){cursor:pointer}
.receipt .barcode #next-cart span{font:900 22px/1 Arial,Helvetica,sans-serif;color:var(--warehouse-blue);letter-spacing:.5px;padding:5px 10px;text-transform:uppercase}
.receipt .barcode:has(#next-cart:not([hidden])){background:none}
.receipt .barcode #next-cart{border:2px solid var(--warehouse-blue);background:#fffefa}
.receipt .barcode #next-cart span{font:400 18px/1 Arial,Helvetica,sans-serif;background:transparent;color:var(--warehouse-blue);padding:0;letter-spacing:0;text-transform:none}
.receipt .barcode #next-cart:hover span{background:transparent}
.receipt .barcode #next-cart span{font:800 13px Arial,Helvetica,sans-serif;color:var(--warehouse-blue);letter-spacing:.5px;text-transform:uppercase}
@media(max-width:750px){.receipt .barcode #next-cart span{font-size:11px}}
.receipt .barcode #next-cart{border-width:3px}
.receipt .barcode #next-cart{top:-6px;height:42px}

.run-stats{text-align:right}#lives{display:flex;align-items:center;gap:6px;min-width:132px;min-height:40px}.timer-group{display:flex;align-items:center;gap:28px}.life-heart{width:40px;height:40px;fill:var(--warehouse-red);stroke:#fff;stroke-width:.8}.status .timer-group{flex-wrap:wrap;justify-content:center}@media(max-width:750px){.timer-group{gap:12px;flex-direction:column}.life-heart{width:32px;height:32px}#lives{min-width:108px;min-height:32px;justify-content:center}}.endless-rules{line-height:1.6}.result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:20px}

.life-heart.lost{fill:var(--paper);stroke:#fff;stroke-width:.8}

.status{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px}.status .timer-group{flex-wrap:nowrap}.status .clock{width:5ch;text-align:center;line-height:1;flex-shrink:0}.status .run-stats{justify-self:end;white-space:nowrap}.life-heart{flex-shrink:0}@media(max-width:750px){.status{gap:8px}.status h2{font-size:20px}.status .run-stats{font-size:12px}}

@media(max-width:750px){.status{grid-template-columns:minmax(0,1fr) auto;gap:12px}.status>div:first-child{min-width:0}.status #mode{letter-spacing:1px}.status h2{font-size:20px;white-space:nowrap}.status .run-stats{grid-column:2;grid-row:1}.status .timer-group{grid-column:1 / -1;grid-row:2;flex-direction:row;gap:28px;justify-content:center}.status .clock{width:5ch}.panel-title{flex-wrap:wrap;gap:6px}.rotation-controls button{min-width:44px;min-height:44px}.result-actions button{min-height:44px}}
@media(max-width:500px){.cart-view{height:260px}.cart-panel{padding:12px}.floor{padding-top:16px;gap:16px}.cart-panel>.small{margin-bottom:0;font-size:11px}.rotation-controls{gap:6px}.receipt{padding:20px}.result-actions{flex-wrap:nowrap;gap:8px}.result-actions button{flex:1;min-width:0;padding:12px 10px;font-size:13px}.status{padding:12px 16px}}

h1{font-size:clamp(44px,5.5vw,72px);letter-spacing:-2px}.hero-subtitle{display:block;font:700 20px/1.4 Arial,sans-serif;letter-spacing:0;margin-top:14px}.about-game{padding:30px 0 40px;border-top:1px solid #cbd5df;max-width:820px;line-height:1.7}.about-game h2{color:var(--warehouse-blue);font:800 24px/1.3 Arial,sans-serif}.about-game p,.about-game li{font-size:15px;color:#425469}.about-game li{margin-bottom:8px}.about-game details{border-bottom:1px solid #cbd5df;padding:14px 0}.about-game summary{cursor:pointer;font-weight:700;min-height:28px}.about-game summary:focus-visible{outline:3px solid var(--warehouse-red);outline-offset:4px}@media(max-width:500px){h1{font-size:44px}.hero-subtitle{font-size:18px}.about-game h2{font-size:22px}}

.about-game{max-width:none;padding:16px 0 24px}.about-game>.game-info{padding:0;border-bottom:0}.game-info>summary{font-size:14px;color:#425469;min-height:44px;display:list-item;align-content:center}.game-info-content{max-width:820px;padding-top:12px}.game-info-content>h2:first-child{margin-top:0}

.skip-link{position:fixed;left:12px;top:-100px;z-index:100;background:white;color:#005daa;padding:12px}.skip-link:focus{top:12px}.game-error{background:#fff;border:2px solid var(--warehouse-red);padding:20px;margin:20px 0}.receipt-choice:focus-visible span{opacity:1;transform:scale(1)}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

footer{color:#5a6778}

.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}