body{background:#402719}.queue-game{max-width:1448px;margin:auto;background:#96522d;min-height:100dvh;overflow:hidden;box-shadow:0 0 80px #0008}.queue-top{height:105px;position:relative;z-index:30;display:flex;align-items:center;justify-content:center;gap:25px;background:linear-gradient(#38241755,#38241700),url(assets/cafe.png) center 5%/cover;padding:12px 25px}.cafe-sign{font-family:Nunito,sans-serif;font-weight:900;font-size:44px;color:#ffdf6d;text-shadow:2px 3px #35190d;-webkit-text-stroke:1px #542711;background:repeating-linear-gradient(4deg,#ab5524 0 10px,#b9612b 14px 25px);border:4px solid #47220f;border-radius:24px;box-shadow:inset 0 0 0 4px #e89c54,0 5px #442817;padding:8px 45px;transform:rotate(-1deg)}.cafe-sign span{color:white}.shift-hud{position:absolute;right:100px;top:16px;background:#30303f;color:white;border:4px solid #77768b;border-radius:20px;padding:7px 16px;display:grid;grid-template-columns:auto auto;gap:2px 10px;box-shadow:0 2px 0 #17161e}.shift-hud small{font-size:12px;grid-column:1/3}.shift-hud b{font:900 25px Nunito}.shift-hud span{font-size:17px;align-self:center}.queue-top>.pause{position:absolute;right:20px;width:65px;height:70px;font-size:38px}.cafe-stage{height:555px;position:relative;background:url(assets/cafe.png) center 42%/cover;isolation:isolate;overflow:hidden}.cafe-stage:before{content:'';position:absolute;inset:0;background:#f8d0a315;backdrop-filter:blur(1px);z-index:-1}.people{position:absolute;inset:0;z-index:5}.queue-customer{position:absolute;width:210px;height:338px;bottom:72px;border:0;background:none;padding:0;transition:left 1s ease,opacity .7s;transform:translateX(-50%);filter:none!important;opacity:1!important}.queue-customer:active:not(:disabled){transform:translateX(-50%)}.person-art{display:block;width:100%;height:100%;transform-origin:bottom;animation:breathe 3s ease-in-out infinite}.person-art>svg{height:100%;width:100%;overflow:visible}.queue-customer:nth-child(even) .person-art{animation-delay:-1.5s}.queue-customer.selected .person-art{filter:drop-shadow(0 0 5px #ffe23d) drop-shadow(0 0 2px #ffc117)}.queue-customer.entering{animation:walk-in 1.1s ease-out both}.queue-customer.leaving{animation:walk-out 1s ease-in both;pointer-events:none}.queue-customer.entering .person-art,.queue-customer.leaving .person-art{animation:walking .18s alternate infinite}.satisfaction{position:absolute;left:23%;top:-23px;width:58%;height:25px;border:3px solid #3e251a;border-radius:10px;background:#4a443f;z-index:15;box-shadow:0 2px 0 #fff5}.satisfaction i{position:absolute;left:0;top:0;height:100%;border-radius:6px;transition:width .2s;background:linear-gradient(#65ff45,#00ce37)}.satisfaction b{position:absolute;inset:0;color:#1c3020;font:900 13px Nunito;text-align:center;text-shadow:0 1px #fff9}.customer-label{position:absolute;bottom:0;left:19%;right:19%;background:#fff3d8;border:2px solid #55321d;border-radius:12px;padding:2px 4px;z-index:20;font-size:16px;line-height:1.1;box-shadow:0 2px 3px #30201766}.customer-label small{display:block;font-size:12px}.face-change{display:none}.angry .face-change{display:block}.angry .person-art{animation:annoyed 1s ease-in-out infinite}.restless .person-art{animation:breathe 1.1s ease-in-out infinite}.order-cloud{position:absolute;right:17%;top:12px;width:30%;max-width:360px;padding:14px 19px;background:linear-gradient(#fffdf6,#fff1da);border:3px solid #432719;border-radius:35px;z-index:18;box-shadow:0 5px 0 #46271833;animation:cloud-pop .2s ease-out}.order-cloud:after{content:'';position:absolute;bottom:28px;left:-18px;width:25px;height:27px;background:#fff2dd;clip-path:polygon(100% 0,100% 100%,0 100%)}.order-cloud p{font-size:22px;font-weight:bold;text-align:center;line-height:1.15;margin-bottom:7px}.cloud-order{display:flex;align-items:center;gap:8px}.cloud-order>img,.cloud-order>svg{width:28%;max-height:160px;object-fit:contain}.cloud-order dl{margin:0;flex:1}.cloud-order dl div{background:#eedbcb80;border-radius:8px;margin:3px 0;padding:3px 7px}.cloud-order dt{font-size:12px;color:#866144}.cloud-order dd{font-size:16px;line-height:1.1;margin:0;font-weight:bold}.order-cloud .big-btn{font-size:20px;width:100%;padding:8px;margin-top:10px;min-height:0}.order-cloud>small{display:block;text-align:center;font-size:14px;margin-top:7px;color:#267044}.barista{position:absolute;right:0;bottom:69px;width:19%;height:330px;z-index:6;transition:transform .85s ease,opacity .7s}.barista>svg{width:100%;height:100%}.barista>span{position:absolute;bottom:10px;left:25%;background:#fff2d9;border-radius:8px;padding:2px 10px;font-size:14px}.barista.working{transform:translateX(120%);opacity:0}.counter-front{position:absolute;bottom:0;left:0;right:0;height:91px;background:repeating-linear-gradient(2deg,#ae5d31 0 9px,#be7440 12px 20px,#d78e4b 25px 29px);border-top:7px solid #f5ba74;border-bottom:10px solid #653821;box-shadow:0 -4px 2px #57321f99;z-index:14;display:flex;align-items:center;justify-content:space-between;padding:8px 22px}.counter-note{background:#ffe6b9;border:4px solid #6d4028;transform:rotate(-4deg);font-size:18px;line-height:1.05;padding:10px;box-shadow:3px 3px #4f2e1c}.register{margin-left:auto;color:#c3fcca;background:#333445;border:5px solid #686573;box-shadow:0 4px #23212c;border-radius:12px;padding:5px 15px;text-align:center;min-width:155px;font-size:14px}.register b{display:block;color:#46ff9a;font:900 18px Nunito}.tip-jar{margin-left:15px;border:3px solid #bed1d4;background:#eaf7f799;border-radius:13px 13px 22px 22px;text-align:center;font-size:15px;padding:6px 14px;transform:rotate(3deg)}.tip-jar b{display:block}.baking-status{margin:0 15px;max-width:420px;flex:1;border-radius:15px;background:#fff3d8;color:#4e291a;text-align:center}.baking-status:not(:empty){padding:6px 12px;border:2px solid #72492c}.baking-status b,.baking-status span{display:block;font-size:16px;line-height:1.2}.baking-status .load-track{height:12px;margin-top:5px}.empty-cafe{position:absolute;left:17%;top:80px;background:#fff5dfee;border:3px solid #70462a;border-radius:28px;padding:25px;text-align:center;width:45%;box-shadow:0 5px #56352055;z-index:9}.empty-cafe b{display:block;font-size:32px}.empty-cafe span,.empty-cafe small{display:block;font-size:19px;margin-top:9px}.empty-cafe .big-btn{font-size:20px;margin-top:15px}.rush-ribbon{position:absolute;top:12px;left:20px;z-index:22;background:#ff3058;border:3px solid #651a30;color:#fff;font-weight:bold;font-size:23px;padding:8px 14px;border-radius:13px;transform:rotate(-4deg);box-shadow:0 3px 0 #72213c}.instruction{background:#ffe5b9;border-top:3px solid #57341e;border-bottom:3px solid #57341e;text-align:center;padding:9px;font-size:19px;color:#452614}.station-tray{padding:14px 20px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;background:repeating-linear-gradient(0deg,#81472e,#a5663e 15px,#81472e 18px)}.station-card{position:relative;border:3px solid #4d3026;border-radius:18px;box-shadow:inset 0 0 0 4px #fff8,0 5px #4f2d1c;background:linear-gradient(#fff9ed,#e4cec0);min-height:170px;padding:9px 12px;color:#361c17;display:flex;flex-direction:column;align-items:center;gap:3px}.station-card b{font-size:25px;line-height:1.1}.station-card>svg{height:66px;width:80px;mix-blend-mode:multiply}.station-card .station-note{font-size:14px;line-height:1.1}.load-track{height:18px;border:2px solid #63523f;background:#736257;border-radius:8px;overflow:hidden;display:block;width:100%}.load-track i{display:block;background:linear-gradient(#80ff40,#0acb34);height:100%;width:0;transition:width .1s}.station-card .percent{font:900 13px Nunito}.station-card:disabled{opacity:.8;filter:saturate(.7)}.station-card.running{opacity:1;filter:none;outline:4px solid #ffcf24;box-shadow:0 0 18px #ffcc28;background:#fff1be}.station-card.complete{filter:none;opacity:1;background:linear-gradient(#ecffd8,#b0e98b);border-color:#248641}.station-card.complete:after{content:'✓';position:absolute;right:7px;top:5px;background:#229b38;color:white;border-radius:100%;width:24px;height:24px;line-height:24px}.give-card{background:linear-gradient(#fff7db,#d8efba)}.give-card>svg{height:86px}.give-card:not(:disabled){outline:3px solid #46e736;box-shadow:0 0 20px #45ef39}.queue-dashboard{background:#fff0d5;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 22px;border-top:3px solid #5a351f;font-size:16px}.queue-dashboard>div>span,.queue-dashboard small{display:block;font-size:14px;margin-top:3px}.queue-dashboard>div>b{color:#70411f}.helper-button{background:#ffe093;border:2px solid #6e432a;border-radius:12px;padding:10px 18px;font-weight:bold}.economy{background:#603b28;color:#ffe8c8;display:flex;justify-content:space-between;font-size:14px;padding:6px 24px}.handoff-banner{position:absolute;inset:30% 23% 20%;z-index:25;background:#fff3d8;border:4px solid #55a639;border-radius:30px;box-shadow:0 0 35px #ffe551;align-items:center;justify-content:center;gap:14px;padding:20px}.handoff-banner:not([hidden]){display:flex}.handoff-banner img{height:150px;max-width:40%;object-fit:contain}.handoff-banner b{font-size:34px}.handoff-banner small{display:block;font-size:20px}.queue-game [hidden]{display:none!important}@keyframes walk-in{from{transform:translateX(-850px)}to{transform:translateX(-50%)}}@keyframes walk-out{to{transform:translateX(850px);opacity:0}}@keyframes walking{from{transform:rotate(-2deg) translateY(0)}to{transform:rotate(2deg) translateY(-8px)}}@keyframes breathe{50%{transform:translateY(-3px) rotate(.4deg)}}@keyframes annoyed{50%{transform:rotate(-1deg)}}@keyframes cloud-pop{from{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:1100px){.cafe-sign{margin-right:220px;font-size:34px;padding:9px 24px}.queue-customer{width:175px;height:290px}.cafe-stage{height:540px}.order-cloud{right:15%;width:32%}.barista{height:280px}.cloud-order dd{font-size:14px}.cloud-order dt{font-size:12px}.station-card b{font-size:21px}.queue-dashboard{flex-wrap:wrap}.station-card{padding:9px 6px}}@media(max-width:650px){.queue-top{height:86px;padding:8px;justify-content:start}.cafe-sign{font-size:23px;padding:10px 13px;margin:0}.shift-hud{right:53px;top:13px;padding:5px 8px;gap:0 6px;border-width:2px}.shift-hud b{font-size:20px}.shift-hud small{font-size:10px}.shift-hud span{font-size:12px}.queue-top>.pause{right:6px;width:40px;height:51px;font-size:25px;top:16px}.cafe-stage{height:560px;background-position:60% center}.order-cloud{top:12px;right:12px;width:65%;padding:10px 12px;border-radius:24px;max-height:250px}.order-cloud p{font-size:19px}.cloud-order>img{max-height:108px}.cloud-order dl{display:grid;grid-template-columns:1fr 1fr;gap:2px}.cloud-order dl div{margin:0;padding:3px}.cloud-order dd{font-size:13px}.order-cloud .big-btn{font-size:17px;padding:5px}.queue-customer{height:205px;width:128px;bottom:91px}.satisfaction{top:-12px;height:23px;left:24%;width:57%}.satisfaction b{font-size:12px}.customer-label{font-size:13px;left:12%;right:12%;bottom:-3px}.customer-label small{font-size:11px}.barista{height:208px;width:27%;bottom:93px}.barista span{font-size:10px;padding:3px;left:12%}.counter-front{height:97px;padding:6px}.counter-note{display:none}.register{font-size:11px;min-width:85px;padding:5px;border-width:3px}.register b{font-size:13px}.tip-jar{font-size:11px;padding:5px;margin-left:5px}.baking-status{margin:0 7px 0 0}.baking-status b,.baking-status span{font-size:12px}.instruction{font-size:16px;min-height:48px;padding:7px}.station-tray{padding:10px 7px;gap:5px}.station-card{min-height:140px;border-radius:12px;padding:7px 3px;gap:5px;border-width:2px}.station-card b{font-size:15px;min-height:31px}.station-card>svg{width:40px;height:41px}.station-card .station-note{font-size:12px;min-height:25px}.station-card .percent{font-size:11px}.load-track{height:12px}.station-card.complete:after{width:16px;height:16px;line-height:16px;right:1px;top:0}.queue-dashboard{padding:10px;gap:10px;font-size:14px}.queue-dashboard small,.queue-dashboard>div>span{font-size:12px}.helper-button{padding:8px;font-size:14px}.economy{flex-direction:column;gap:3px;font-size:12px;padding:7px 10px}.empty-cafe{left:7%;top:45px;width:77%;padding:20px}.empty-cafe b{font-size:26px}.empty-cafe span,.empty-cafe small{font-size:16px}.rush-ribbon{top:263px;left:10px;padding:4px 8px;font-size:16px}.handoff-banner{inset:40% 8% 20%;padding:12px}.handoff-banner img{height:100px}.handoff-banner b{font-size:24px}.handoff-banner small{font-size:16px}}@media(prefers-reduced-motion:reduce){.queue-customer,.person-art,.order-cloud{animation-duration:.01ms!important;transition-duration:.01ms!important}.barista{transition-duration:.01ms}}

.customer-label{bottom:18px}.queue-customer{bottom:90px}.barista.working>svg{animation:walking .18s alternate infinite}.helper-avatar{right:9%;width:16%;height:285px;z-index:4;filter:brightness(.95)}.barista>span{bottom:35px}.queue-customer.leaving{z-index:25!important}.queue-dashboard .small-btn{font-size:16px}@media(max-width:650px){.queue-customer{width:105px;height:183px;bottom:102px}.customer-label{bottom:3px;left:5%;right:5%}.satisfaction{left:18%;width:65%}.rush-ribbon{top:246px;font-size:14px}.helper-avatar{height:170px;width:23%;right:12%;bottom:95px}.barista>span{bottom:21px}.queue-customer.selected .satisfaction{box-shadow:0 0 0 3px #ffe33b}}
.station-tray{grid-template-columns:repeat(6,1fr)}.queue-picker{display:flex;gap:8px;overflow-x:auto;background:#f9dfb6;padding:8px 20px}.queue-picker:empty{display:none}.queue-picker button{flex-shrink:0;background:#fff5df;border:2px solid #8b5938;border-radius:10px;padding:6px 12px;font-size:16px}.queue-picker .selected{background:#ffe56e;border-color:#c58817}.restless .face-change{display:block}.restless .face-change path:last-child{opacity:.25}.station-overlay{position:fixed;inset:0;z-index:150;background:#24160e7a;display:flex;align-items:center;justify-content:center;padding:16px}.station-dialog{width:min(850px,100%);max-height:95dvh;overflow:auto;background:#fff2da;border:4px solid #58351f;border-radius:24px;box-shadow:0 12px 50px #0008;color:#452817}.station-dialog header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#b67739,#8f4a26);color:white;padding:12px 22px;border-bottom:3px solid #54301e}.station-dialog header h2{font-size:30px}.station-dialog header small{font-size:16px}.station-dialog header button{border:2px solid #702d25;border-radius:12px;background:#ff5370;color:white;width:45px;height:45px;font-size:32px}.ingredient-options{display:flex;justify-content:center;gap:8px;padding:12px;flex-wrap:wrap}.ingredient-options button{flex:1;min-width:90px;max-width:150px;background:#fffcf3;border:2px solid #bd9770;border-radius:14px;padding:5px;font-size:16px;display:flex;flex-direction:column;align-items:center}.ingredient-options svg{width:65px;height:58px}.ingredient-options [aria-pressed=true]{background:#ffe584;border:3px solid #9a611b;box-shadow:0 0 0 2px #ffbe22}.requested{text-align:center;background:#efdfc4;padding:7px;font-size:18px}.fill-workspace{height:335px;position:relative;background:linear-gradient(#bdb5aa,#eee3cf 86%,#9d6945 86%);overflow:hidden}.manual-cup{position:absolute;width:300px;height:300px;bottom:0;left:calc(50% - 150px)}.manual-cup>img{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}.cup-inside{position:absolute;left:22%;right:21%;top:17%;bottom:16%;clip-path:polygon(0 0,100% 0,84% 100%,16% 100%);background:#ffffff38;overflow:hidden}.drink-layer{position:absolute;left:0;right:0;transition:none}.drink-layer.syrup{background:linear-gradient(90deg,#c98625,#e7ac43,#b87924)}.drink-layer.milk{background:linear-gradient(90deg,#eddbc0,#fff5dc,#ebd2a9)}.drink-layer.coffee{background:linear-gradient(90deg,#572a13,#9b5225,#67331b)}.drink-layer.topping{background:#fff9e7}.target-mark{position:absolute;left:21%;right:20%;height:0;border-top:4px dashed #f5363b;z-index:5;filter:drop-shadow(0 1px 1px white)}.target-mark span{position:absolute;right:105%;top:-17px;font-size:14px;font-weight:bold;color:#642619;background:#fff5df;padding:4px;border-radius:5px;width:110px;text-align:center}.dispenser{position:absolute;top:10px;left:calc(50% - 50px);width:100px;z-index:8;background:linear-gradient(#605e63,#9b9799);border:3px solid #393037;border-radius:10px 10px 20px 20px;text-align:center}.dispenser>div:first-child{font-size:14px;background:#fff2d5;padding:4px;border-radius:6px;margin:3px}.dispenser button{background:linear-gradient(#ffdc64,#edab21);border:3px solid #6b411c;border-radius:10px;font:900 12px Nunito;padding:5px 12px;touch-action:none;user-select:none;position:relative;z-index:10}.dispenser button.pressed{background:#63ee50;transform:translateY(3px)}.pour-stream{position:absolute;left:45%;top:100%;width:10%;height:0;background:#eec881;pointer-events:none}.pour-stream.flowing{height:130px;opacity:.9}.fill-feedback{position:absolute;right:15px;bottom:55px;width:150px;background:#fff7e6e8;border:2px solid #957247;border-radius:12px;text-align:center;padding:12px}.fill-feedback b{display:block;font:900 30px Nunito;color:#287436}.fill-feedback span{font-size:17px;display:block;line-height:1.15}.fill-feedback small{display:block;font-size:12px;margin-top:10px}.station-dialog footer{display:flex;justify-content:space-between;gap:15px;padding:14px}.station-dialog footer button{font-size:22px;padding:10px 20px;min-height:0}.station-card>svg{mix-blend-mode:multiply}@media(max-width:650px){.station-tray{grid-template-columns:repeat(3,1fr)}.station-card{min-height:135px}.station-card b{min-height:0}.station-overlay{padding:6px}.station-dialog header{padding:8px 12px}.station-dialog header h2{font-size:23px}.ingredient-options{gap:5px;padding:8px}.ingredient-options button{min-width:58px;font-size:12px}.ingredient-options svg{width:44px;height:44px}.requested{font-size:15px}.fill-workspace{height:350px}.manual-cup{width:260px;height:260px;bottom:0;left:calc(44% - 130px)}.dispenser{left:calc(44% - 50px)}.fill-feedback{right:6px;bottom:30px;width:99px;padding:7px}.fill-feedback b{font-size:24px}.fill-feedback span{font-size:13px}.target-mark span{right:auto;left:-37px;top:-28px;width:100px;font-size:11px}.station-dialog footer{gap:8px;padding:10px}.station-dialog footer button{font-size:17px;padding:9px}.queue-picker{padding:8px}.queue-picker button{font-size:14px}}
.face-change .neutral-mouth{display:none}.restless .face-change .frown-mouth{display:none}.restless .face-change .neutral-mouth{display:block;opacity:1}.angry .face-change .frown-mouth{display:block;opacity:1}.station-overlay.with-ticket{gap:14px;align-items:center}.with-ticket .station-dialog{width:min(850px,calc(100% - 280px))}.popup-ticket{width:260px;flex:0 0 260px;max-height:94dvh;overflow:auto;background:#fff6e5;border:3px solid #563421;border-radius:20px;padding:16px;box-shadow:0 8px 25px #0005;color:#452819}.popup-ticket h3{font-size:25px;margin:0 0 8px}.popup-ticket>b{font-size:18px}.popup-ticket dl{margin:12px 0}.popup-ticket dl>div{padding:8px;border-radius:8px;background:#e8d7c57a;margin:4px 0}.popup-ticket dt{font-size:13px;color:#805333}.popup-ticket dd{font-size:18px;margin:0;font-weight:bold;line-height:1.15}.popup-ticket .current-item{background:#ffe387;border:2px solid #cc9634}.popup-ticket p{font-size:16px;margin-top:12px}.popup-ticket small{font-size:13px;display:block;margin-top:6px}.food-options{display:flex;justify-content:center;gap:12px;padding:15px}.food-choice{border:2px solid #9b7044;background:#fff9e9;border-radius:16px;flex:1;max-width:195px;padding:8px;display:flex;align-items:center;flex-direction:column;cursor:grab;touch-action:none;font-size:18px}.food-choice svg{width:80px;height:75px}.food-choice[aria-pressed=true]{border:3px solid #ad730d;background:#ffe186;box-shadow:0 0 0 2px #e9ae32}.bake-owner{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px;font-size:18px;background:#eddbbb}.bake-owner select{max-width:70%;font-size:17px;padding:6px;border:2px solid #937252;border-radius:8px;background:#fffaf0}.oven-help{padding:6px 18px;text-align:center;font-size:17px;min-height:34px}.double-oven{margin:12px 20px;border:7px solid #4b4c55;box-shadow:inset 0 0 0 3px #acaebc,0 7px #31333e;border-radius:20px;background:linear-gradient(#81848e,#595b68);padding:12px}.oven-handle{height:13px;background:linear-gradient(#eeeff5,#92969f);border-radius:7px;border:2px solid #41434d;margin:0 15px 12px}.oven-slots{display:grid;grid-template-columns:1fr 1fr;gap:12px}.oven-slot{border:3px solid #39312c;border-radius:12px;background:linear-gradient(#382b21,#76614b);min-height:230px;color:#fff4da;padding:12px;display:flex;align-items:center;flex-direction:column;gap:6px;font-size:17px}.oven-slot>b{font-size:18px}.oven-slot svg{height:90px;width:110px;filter:drop-shadow(0 4px 4px #291507)}.oven-slot.occupied{background:radial-gradient(#c88638,#663b1a)}.oven-slot.ready{background:radial-gradient(#697849,#36472c);border-color:#86c866}.oven-slot.drop-target{outline:5px solid #ffcb40}.slot-plus{font:900 70px Nunito;color:#dfb680}.oven-slot .load-track{margin-top:auto}.food-ghost{position:fixed;width:80px;height:80px;transform:translate(-50%,-50%);z-index:999;pointer-events:none;filter:drop-shadow(0 3px 8px #0008)}.food-ghost svg{width:100%;height:100%}@media(max-width:900px){.station-overlay.with-ticket{flex-direction:column;gap:6px;padding:7px;justify-content:center}.with-ticket .station-dialog{width:100%;max-height:calc(96dvh - 143px)}.popup-ticket{order:-1;flex:0 0 auto;width:100%;max-height:137px;padding:8px 12px;border-radius:13px}.popup-ticket h3{font-size:16px;display:inline;margin-right:12px}.popup-ticket>b{font-size:14px}.popup-ticket dl{display:flex;gap:4px;margin:5px 0;flex-wrap:wrap}.popup-ticket dl>div{flex:1;margin:0;padding:3px;min-width:65px}.popup-ticket dt{font-size:10px}.popup-ticket dd{font-size:12px}.popup-ticket p{display:inline;font-size:12px;margin:0}.popup-ticket small{display:none}.baking-dialog header h2{font-size:23px}.food-options{gap:6px;padding:8px}.food-choice{font-size:14px}.food-choice svg{width:58px;height:54px}.oven-help{font-size:14px;padding:5px 10px}.double-oven{margin:8px;border-width:5px;padding:8px}.oven-slots{gap:7px}.oven-slot{min-height:190px;font-size:14px;padding:7px}.oven-slot>b{font-size:14px}.oven-slot svg{width:80px;height:65px}.bake-owner{padding:7px;font-size:14px;gap:7px}.bake-owner select{font-size:14px}.baking-dialog footer .big-btn{font-size:15px}.with-ticket .fill-workspace{height:285px}.with-ticket .manual-cup{height:240px;width:240px;left:calc(44% - 120px)}.with-ticket .ingredient-options svg{height:34px}.with-ticket .ingredient-options button{font-size:12px}.with-ticket .fill-feedback{bottom:25px}.with-ticket .station-dialog header{padding:6px 10px}.with-ticket .station-dialog header h2{font-size:22px}.with-ticket .station-dialog footer{padding:7px}.with-ticket .requested{font-size:13px;padding:5px}}

.restless .face-change path.neutral-mouth{opacity:1}
/* Fit the game to its viewport; controls remain in view. */
body.playing{height:100dvh;overflow:hidden}.playing #app{height:100%}.queue-game{width:100%;max-width:none;height:100dvh;min-height:0;display:grid;grid-template-rows:76px minmax(0,1fr) 35px 155px 68px 42px 27px}.queue-top{height:auto;padding:8px 16px}.cafe-sign{font-size:34px;padding:6px 36px}.shift-hud{top:8px}.queue-top>.pause{height:58px;top:8px}.fullscreen-button{position:absolute;left:16px;top:16px;width:44px;height:44px;border:2px solid #6b422a;background:#fff0ca;color:#51331c;border-radius:10px;font-size:29px;z-index:32}.cafe-stage{height:auto;min-height:0}.queue-customer{height:calc(100% - 112px);max-height:338px;width:clamp(110px,14vw,210px);bottom:82px}.barista{height:calc(100% - 107px);max-height:330px;bottom:76px}.order-cloud{top:8px;right:17%;padding:9px 13px;max-height:calc(100% - 86px);overflow:auto;border-radius:24px}.order-cloud p{font-size:19px}.cloud-order dl div{padding:2px 5px;margin:2px 0}.cloud-order dt{font-size:11px}.cloud-order dd{font-size:14px}.order-cloud .big-btn{font-size:17px;padding:5px;margin-top:5px}.cloud-order>img{max-height:125px}.counter-front{height:78px}.counter-note{font-size:15px}.instruction{font-size:16px;padding:4px}.station-tray{padding:8px 12px;gap:9px;min-height:0}.station-card{min-height:0;padding:7px;gap:2px}.station-card b{font-size:21px}.station-card>svg{height:48px;width:65px}.station-card .station-note{font-size:13px}.station-card .percent{font-size:12px}.station-card .load-track{height:14px}.give-card>svg{height:68px}.queue-dashboard{padding:7px 16px;gap:10px;flex-wrap:nowrap}.queue-dashboard>div>span,.queue-dashboard small{font-size:13px}.helper-button{padding:7px 12px}.queue-picker{padding:4px 12px;height:42px}.queue-picker:empty{display:flex}.queue-picker button{font-size:14px;padding:3px 10px}.economy{padding:3px 16px;font-size:13px}.empty-cafe{top:12%;padding:16px}.empty-cafe b{font-size:26px}.empty-cafe span,.empty-cafe small{font-size:16px}.rush-ribbon{font-size:18px;padding:5px 10px}
/* Transparent, right-aligned station panels leave the actual queue visible. */
.station-overlay.with-ticket{background:#25150d18;justify-content:flex-end;gap:10px;padding:12px;align-items:center}.with-ticket .station-dialog{width:min(620px,49vw);max-height:94dvh;border-radius:20px}.with-ticket .popup-ticket{width:210px;flex-basis:210px;padding:12px;max-height:92dvh}.popup-ticket h3{font-size:21px}.popup-ticket dd{font-size:16px}.popup-ticket dl>div{padding:5px}.popup-ticket p{font-size:14px}.popup-ticket small{font-size:12px}.with-ticket .station-dialog header{padding:8px 14px}.with-ticket .station-dialog header h2{font-size:25px}.with-ticket .ingredient-options{padding:8px;gap:5px}.with-ticket .ingredient-options button{min-width:60px;font-size:14px}.with-ticket .ingredient-options svg{width:48px;height:44px}.with-ticket .fill-workspace{height:300px}.with-ticket .station-dialog footer{padding:10px;gap:8px}.with-ticket .station-dialog footer button{font-size:18px;padding:8px 12px}.with-ticket .oven-slot{min-height:185px}.with-ticket .food-choice svg{height:57px}.with-ticket .food-choice{font-size:15px}.with-ticket .double-oven{margin:8px 12px}.with-ticket .food-options{padding:10px}.with-ticket .oven-help{font-size:15px}.with-ticket .fill-feedback{right:10px;width:125px;padding:9px}.with-ticket .fill-feedback span{font-size:15px}.with-ticket .manual-cup{left:calc(44% - 140px);height:280px;width:280px}.with-ticket .dispenser{left:calc(44% - 50px)}.with-ticket .target-mark span{right:105%;left:auto;width:90px;font-size:12px}
.topping-tools button{cursor:grab;touch-action:none;user-select:none}.topping-tools button:active{cursor:grabbing}.topping-tools small{font-size:12px;color:#2b743d;min-height:16px}.decoration-workspace{position:relative;height:320px;background:linear-gradient(#cad7cf,#efe6d1 88%,#bd8455 88%);overflow:hidden}.decoration-workspace>svg{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;user-select:none}.topping-legend{position:absolute;right:7px;top:10px;width:104px;padding:8px;background:#fff7e4e8;border-radius:12px;border:1px solid #bd9b72;pointer-events:none;font-size:13px}.topping-legend span,.topping-legend b,.topping-legend small{display:block}.topping-legend small{font-size:11px;margin-top:7px}.topping-legend b{margin-bottom:5px}.applied-toppings{font-size:14px;text-align:center;padding:7px;background:#f3e3c7;min-height:32px}.topping-ghost{position:fixed;z-index:1000;width:65px;height:65px;transform:translate(-50%,-90%) rotate(-20deg);pointer-events:none;filter:drop-shadow(0 3px 4px #0005)}.topping-ghost svg{width:100%;height:100%}.topping-dialog .requested{min-height:38px;font-size:15px}.topping-dialog footer{align-items:center}.topping-dialog #clear-toppings{font-size:13px}.topping-dialog #finish-toppings{margin-left:auto}
@media(max-height:780px) and (min-width:901px){.queue-game{grid-template-rows:66px minmax(0,1fr) 29px 133px 56px 36px 24px}.queue-picker{height:36px}.cafe-sign{font-size:30px}.shift-hud{padding:3px 12px}.shift-hud b{font-size:21px}.queue-top>.pause{height:49px;font-size:30px}.station-card b{font-size:18px}.station-card>svg{height:35px}.give-card>svg{height:52px}.counter-front{height:65px}.queue-customer{bottom:67px;height:calc(100% - 88px)}.barista{bottom:61px;height:calc(100% - 88px)}.order-cloud{max-height:calc(100% - 73px);width:29%;padding:7px 10px}.order-cloud p{font-size:16px;margin-bottom:3px}.cloud-order dl{display:grid;grid-template-columns:1fr 1fr;gap:2px}.cloud-order dl div{margin:0}.cloud-order dd{font-size:12px}.cloud-order dt{font-size:10px}.cloud-order>img{max-height:98px;width:21%}.register{padding:2px 12px}.tip-jar{font-size:12px;padding:3px 8px}.with-ticket .station-dialog{max-height:95dvh}.with-ticket .fill-workspace{height:260px}.with-ticket .manual-cup{height:245px;width:245px;left:calc(44% - 122px)}.decoration-workspace{height:280px}.with-ticket .ingredient-options svg{height:34px}.with-ticket .station-dialog header{padding:6px 12px}.with-ticket .food-choice svg{height:45px}.with-ticket .oven-slot{min-height:165px}.with-ticket .oven-slot svg{height:60px}.with-ticket .oven-help{font-size:14px;min-height:26px}.with-ticket .food-options{padding:7px}.with-ticket .popup-ticket dl>div{padding:4px}.with-ticket .popup-ticket dd{font-size:14px}}
@media(max-width:900px){.queue-game{grid-template-rows:65px minmax(0,1fr) 36px 228px 77px 38px 34px}.queue-top{padding:5px}.cafe-sign{margin-left:43px;font-size:22px;padding:6px 11px}.fullscreen-button{left:5px;top:17px;width:33px;height:33px;font-size:22px}.shift-hud{right:50px;top:9px;padding:4px 7px}.shift-hud b{font-size:18px}.queue-top>.pause{right:5px;top:10px;width:37px;height:46px;font-size:25px}.station-tray{grid-template-columns:repeat(3,1fr);gap:6px;padding:6px}.station-card{min-height:0;padding:4px}.station-card b{font-size:16px;min-height:0}.station-card>svg{height:32px;width:45px}.give-card>svg{height:44px}.station-card .station-note{font-size:12px;min-height:0}.station-card .percent{font-size:10px}.station-card .load-track{height:10px}.queue-dashboard{padding:6px 9px;flex-wrap:wrap;gap:4px}.queue-dashboard>div>span,.queue-dashboard small{font-size:11px}.queue-dashboard b{font-size:13px}.helper-button{font-size:12px;padding:5px}.queue-dashboard .small-btn{font-size:12px}.queue-picker{height:38px;padding:4px}.economy{flex-direction:column;font-size:10px;padding:3px 8px;gap:0}.instruction{font-size:13px;line-height:1.1;padding:4px}.queue-customer{width:100px;height:calc(100% - 91px);max-height:200px;bottom:66px}.counter-front{height:63px}.customer-label{font-size:12px;bottom:0}.customer-label small{font-size:10px}.satisfaction{height:20px;top:-10px}.satisfaction b{font-size:10px}.barista{bottom:59px;height:calc(100% - 83px);width:25%}.barista>span{bottom:10px}.register{font-size:10px;min-width:65px;padding:2px 5px}.register b{font-size:11px}.tip-jar{padding:3px 6px;font-size:10px}.baking-status b,.baking-status span{font-size:10px}.order-cloud{top:4px;right:3%;width:49%;max-height:calc(100% - 70px);padding:5px 7px;border-width:2px;border-radius:17px}.order-cloud p{font-size:13px;line-height:1.05;margin:0 0 3px}.cloud-order>img,.cloud-order>svg{display:none}.cloud-order dl{display:grid;grid-template-columns:1fr 1fr;gap:2px}.cloud-order dl div{padding:2px;margin:0}.cloud-order dt{font-size:9px}.cloud-order dd{font-size:10px}.order-cloud .big-btn{font-size:13px;padding:3px;margin-top:3px}.order-cloud>small{font-size:10px;margin:2px}.rush-ribbon{top:3px;left:5px;font-size:12px;max-width:45%;padding:3px}.empty-cafe{top:10px;padding:10px}.empty-cafe b{font-size:21px}.empty-cafe span,.empty-cafe small{font-size:13px}.station-overlay.with-ticket{justify-content:flex-end;align-items:stretch;flex-direction:column;padding:6px;gap:5px;background:#25150d0c}.with-ticket .station-dialog{width:100%;max-height:66dvh;flex:0 1 auto;overflow:auto}.with-ticket .popup-ticket{order:-1;width:100%;flex:0 0 auto;max-height:115px;padding:6px 9px}.popup-ticket h3{font-size:14px}.popup-ticket>b{font-size:12px}.popup-ticket dl{margin:3px 0;gap:3px}.popup-ticket dl>div{padding:2px;min-width:55px}.popup-ticket dt{font-size:9px}.popup-ticket dd{font-size:11px}.popup-ticket p{font-size:10px}.with-ticket .fill-workspace{height:235px}.with-ticket .manual-cup{height:220px;width:220px;left:calc(43% - 110px)}.with-ticket .target-mark span{left:-24px;right:auto;width:80px;font-size:10px;top:-25px}.with-ticket .ingredient-options svg{height:28px;width:35px}.with-ticket .ingredient-options button{min-width:50px;font-size:11px}.with-ticket .ingredient-options{padding:5px;gap:4px}.with-ticket .station-dialog header h2{font-size:19px}.with-ticket .station-dialog header small{font-size:12px}.with-ticket .station-dialog header button{width:33px;height:33px;font-size:24px}.with-ticket .station-dialog footer{padding:7px}.with-ticket .station-dialog footer button{font-size:14px;padding:7px 9px}.with-ticket .fill-feedback{width:86px;right:5px;padding:6px}.with-ticket .fill-feedback span{font-size:12px}.with-ticket .fill-feedback small{font-size:10px}.with-ticket .requested{font-size:12px;padding:4px}.decoration-workspace{height:245px}.topping-legend{display:none}.topping-tools small{font-size:10px;min-height:12px}.applied-toppings{font-size:12px;padding:4px;min-height:24px}.with-ticket .topping-dialog footer button{font-size:13px}.with-ticket .topping-dialog #clear-toppings{font-size:11px}.with-ticket .oven-slot{min-height:148px}.with-ticket .food-choice svg{height:39px}.with-ticket .food-choice{font-size:12px}.with-ticket .oven-slot svg{height:50px}.with-ticket .oven-help{font-size:12px;padding:4px}.with-ticket .bake-owner{font-size:12px;padding:5px}.with-ticket .bake-owner select{font-size:12px}}
@media(max-height:600px){.queue-game{grid-template-rows:52px minmax(0,1fr) 26px 103px 47px 32px 20px}.station-tray{grid-template-columns:repeat(6,1fr)}.station-card b{font-size:13px}.station-card>svg{height:23px}.give-card>svg{height:35px}.station-card .station-note{font-size:10px}.station-card .percent{font-size:9px}.queue-dashboard{flex-wrap:nowrap}.queue-picker{height:32px}.economy{flex-direction:row;font-size:10px}.cafe-sign{font-size:22px}.queue-top>.pause{height:37px;font-size:24px;top:5px}.shift-hud{top:3px}.fullscreen-button{top:7px}.with-ticket .station-dialog{max-height:94dvh}.station-overlay.with-ticket{flex-direction:row;align-items:center}.with-ticket .popup-ticket{order:0;width:180px;flex-basis:180px;max-height:92dvh}.with-ticket .station-dialog{width:min(600px,calc(100% - 200px))}.with-ticket .popup-ticket dl{display:block}.with-ticket .popup-ticket dl>div{padding:3px;margin-bottom:3px}.with-ticket .fill-workspace,.decoration-workspace{height:200px}.with-ticket .manual-cup{height:190px;width:190px;left:calc(43% - 95px)}.with-ticket .station-dialog header h2{font-size:18px}.with-ticket .ingredient-options svg{height:24px}.topping-legend{display:none}}