:root{color-scheme:dark;--gold:#ffca71;--ink:#161e1b;--cream:#fff0d4}*{box-sizing:border-box}body{margin:0;color:var(--cream);background:radial-gradient(ellipse at 20% 0,#453128,transparent 55%),#101b18;font:14px Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;border:1px solid #8a805e;border-radius:8px;background:#2d4233;padding:11px 16px;min-height:44px}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}header,main,footer{max-width:1250px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:25px 0;border-bottom:1px solid #ffffff22}.brand{font-size:25px;font-weight:900;letter-spacing:-1px}.brand small{display:block;color:var(--gold);font-size:8px;letter-spacing:2px;margin-top:6px}nav{display:flex;gap:20px;font-size:11px}nav span{color:var(--gold)}.heading{display:flex;justify-content:space-between;align-items:center;padding:32px 0}.eyebrow{font-size:9px;font-weight:800;letter-spacing:2px;color:var(--gold)}h1,h2{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400}h1{font-size:49px;margin:9px 0}.heading p:last-child{color:#b7c3af;font-size:12px}.record{text-align:right;font-size:9px;color:#b7c3af}.record strong{display:block;font-size:30px;color:var(--cream);margin-top:7px}.layout{display:grid;grid-template-columns:minmax(0,950px) minmax(240px,1fr);gap:24px;align-items:start}.board{position:relative;border:1px solid #9b8056;border-radius:13px;background:#17291f;overflow:hidden;isolation:isolate;scroll-margin-top:6px}.hud{display:flex;justify-content:space-between;align-items:center;padding:11px 18px;background:#1a2e23;font-size:8px;letter-spacing:1px}.hud strong{display:block;font-size:24px;letter-spacing:0}.chaos{padding:10px 18px;background:#112319}.chaos label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}progress{width:100%;height:12px;accent-color:#f0ab55;margin-top:7px}.scene{height:480px;position:relative;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0 58px,#0004 59px 62px),linear-gradient(120deg,#37251f,#182c27 55%,#382220);isolation:isolate}.neon{position:absolute;left:7%;top:7%;font:bold 39px Impact,sans-serif;color:#ffce83;text-shadow:0 0 25px #ffad45;transform:rotate(-3deg);z-index:2}.neon small{display:block;font:8px Arial;letter-spacing:3px;margin-top:8px}.bottles{position:absolute;right:5%;top:15%;font-size:26px;width:30%;letter-spacing:6px;line-height:2;border-bottom:8px solid #77512b}.crew{position:absolute;left:35%;top:4%;width:36%;height:66%;display:flex;align-items:flex-end;opacity:.8}.crew>img{width:80%;height:100%;object-fit:contain}.crew .bartender{width:43%;height:74%;margin-left:-14%;object-fit:contain}.counter{position:absolute;inset:47% 0 0;background:repeating-linear-gradient(0deg,transparent 0 50px,#0004 51px 53px),linear-gradient(#8e6138,#442b22 13%,#55392a 85%,#241c19);border-top:14px solid #b48650;box-shadow:0 -5px 20px #0007}.klaus{position:absolute;right:-10px;top:39%;width:150px;height:160px;overflow:hidden;pointer-events:none}.klaus img{width:300px;height:150px;object-fit:contain;max-width:none;position:absolute;left:0;top:0}.klaus span{position:absolute;bottom:0;right:20px;font-size:9px;background:#18281fe8;padding:6px;border-radius:5px}.emmi{position:absolute;left:0;bottom:-9px;width:160px;height:170px;pointer-events:none}.emmi img{width:100%;height:100%;object-fit:contain}.station-labels{position:absolute;left:3%;right:3%;top:59%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#ecd5b0;opacity:.65}#targets{position:absolute;inset:0}.task{position:absolute;min-width:82px;width:22%;max-width:144px;min-height:82px;padding:9px 7px;color:#18251c;background:linear-gradient(#ffe1a0,#f5b452);border:2px solid #ffeec6;box-shadow:0 8px 24px #0007,0 0 20px #ffb74933;border-radius:15px;touch-action:manipulation;transform:translate(-50%,-50%);transition:left .25s,top .25s}.task .icon{font-size:26px;display:block;line-height:1.15}.task .name{display:block;font-size:11px;font-weight:bold;margin-top:3px}.task .clock{display:block;font-size:10px;margin-top:5px}.task.danger{background:#a83732;color:#fff1db;border-color:#ffb29f}.task.urgent{outline:3px solid #ff764d;outline-offset:2px}.task .remaining{display:block;height:3px;background:#263e2980;border-radius:5px;margin-top:5px;transform-origin:left}#feedback{margin:0;padding:12px 16px;min-height:55px;font-size:12px;line-height:1.5;background:#203a29;border-top:1px solid #8c8957}.card{border:1px solid #60724c;padding:23px;border-radius:12px;background:#1d2f23;margin-bottom:18px}.card h2{font-size:37px;line-height:1.1;margin:15px 0}.card p{font-size:12px;line-height:1.7;color:#bdcbb3}.card b{color:var(--cream)}.hint{border-top:1px solid #52633e;padding-top:15px}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:5;background:#0c1b16dd;backdrop-filter:blur(5px);padding:15px}.ticket{max-width:490px;width:95%;padding:24px;border:1px solid #bc935c;border-radius:14px;text-align:center;background:#1b2c22}.ticket h2{font-size:50px;line-height:1.05;margin:12px 0}.ticket>p:not(.eyebrow){font-size:13px;color:#c6cfb7;line-height:1.7}.primary{width:100%;background:var(--gold);color:#18231b;font-weight:bold;border:0;margin-top:8px}.ticket a{display:block;padding:12px;font-size:12px}#final-crew{height:150px;display:flex;justify-content:center}#final-crew img{object-fit:contain;max-width:60%;height:100%}.leaderboard{margin-top:24px}.leaderboard table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}.leaderboard th,.leaderboard td{padding:12px;border-bottom:1px solid #52633e}.leaderboard-you{background:#3b5031}.login{display:inline-block;color:var(--gold);padding:12px 0}.leaderboard button{margin:10px 5px 0 0}footer{padding:25px 0;color:#9fac95;font-size:9px;letter-spacing:1px}@media(max-width:1300px){header,main,footer{margin-left:24px;margin-right:24px}}@media(max-width:900px){.layout{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}.scene{height:460px}h1{font-size:42px}}@media(max-width:540px){header,main,footer{margin-left:12px;margin-right:12px}header{flex-wrap:wrap;padding:15px 0}.brand{font-size:20px}nav{order:3;width:100%;justify-content:center}.heading{padding:21px 0;gap:10px}h1{font-size:32px}.heading .eyebrow{font-size:7px;line-height:1.6}.heading p:last-child{font-size:10px}.record{font-size:7px}.record strong{font-size:23px}.hud{padding:8px 12px}.hud strong{font-size:21px}.scene{height:410px}.neon{font-size:29px;left:7%;top:5%}.neon small{font-size:6px}.crew{left:33%;top:12%;width:45%;height:45%}.bottles{top:14%;font-size:18px;line-height:1.7}.klaus{width:105px;height:120px;top:42%}.klaus img{width:210px;height:105px}.klaus span{font-size:7px;right:8px}.emmi{width:110px;height:125px}.task{width:25%;min-width:74px;min-height:81px;padding:7px 4px}.task .name{font-size:10px}.task .icon{font-size:25px}.station-labels{font-size:6px;top:58%}.chaos{padding:8px 12px}#feedback{font-size:11px;min-height:62px}aside{display:block}.card{padding:20px}.card h2{font-size:32px}.ticket{padding:20px}.ticket h2{font-size:37px}.board:has(>.screen:not([hidden])){z-index:50;overflow:visible}.screen{position:fixed;inset:0;padding:14px;background:#102019f7}.ticket{max-height:calc(100svh - 28px);overflow:auto}.ticket>p:not(.eyebrow){font-size:12px}.leaderboard th,.leaderboard td{padding:10px 5px}.leaderboard table{font-size:11px}}@media(orientation:landscape) and (max-height:500px){.heading{padding:12px 0}.scene{height:310px}.screen{position:fixed;inset:0;z-index:50}.ticket{max-height:94svh;overflow:auto}.board:has(>.screen:not([hidden])){z-index:50;overflow:visible}.crew{height:64%}.neon{font-size:30px}.task{min-height:72px}.task .icon{font-size:22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.duo{display:block;background:url(level6-dance-slim.png) 0 0/200% 200% no-repeat;aspect-ratio:1;flex-shrink:0}.crew>.duo{width:80%;align-self:flex-end}#final-crew>.duo{width:150px;height:150px;animation:celebrate 2s steps(1,end) infinite}@keyframes celebrate{0%,100%{background-position:0 0}25%{background-position:100% 0}50%{background-position:0 100%}75%{background-position:100% 100%}}@media(prefers-reduced-motion:reduce){#final-crew>.duo{animation:none}}
.rush-bar{padding:10px 16px;background:#243c2a;border-top:1px solid #718454}.rush-bar>div{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#ffcd7e;margin-bottom:8px}.rush-bar>p{font-size:10px;margin:7px 0 0;color:#c3d1b4}#pour{width:100%;padding:8px 12px;touch-action:none;user-select:none;background:#58422a;border-color:#d1aa65;font-size:12px;font-weight:bold;min-height:52px}#pour:disabled{opacity:.65}#pour.perfect{background:#367544;color:white}.pour-track{position:relative;display:block;width:100%;height:10px;margin-top:7px;border-radius:6px;overflow:hidden;background:#18281b}.pour-zone{position:absolute;left:58.62%;width:27.59%;top:0;bottom:0;background:#75be67}#pour-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-right:4px solid white;background:#fff4}.task{transition:none}.task-fly{max-width:94px;min-width:70px;width:21%;border-radius:50%;min-height:82px;background:#e3d4a9}.task-bottle{background:#3a4243;color:#c7cebf;border-color:#89968c}.task-bottle.catchable{background:#96d574;color:#152719;border-color:#e8ffd6;box-shadow:0 0 22px #9bee68aa}.task-beer.ready-beer{border-color:#e5ff99;box-shadow:0 0 22px #d5f17866}.task-fly .clock{font-size:9px}.task-fly .name{font-size:9px}.rush-bar:has(#wave-label){position:relative}@media(max-width:540px){.rush-bar{padding:9px 12px}.rush-bar>div{font-size:8px}.task-fly{min-width:68px;max-width:80px;min-height:76px}.task-bottle .name{font-size:9px}.scene{height:390px}}

@media(max-width:540px) and (orientation:portrait){.scene{height:clamp(240px,calc(100svh - 290px),390px)}.task{min-height:72px}.task-fly{min-height:68px}.task .icon{font-size:23px}.task .clock{margin-top:3px}}
@media(orientation:landscape) and (max-height:500px) and (max-width:950px){.board{display:grid;grid-template-columns:1fr 1fr;align-items:start}.hud{grid-column:1/-1;grid-row:1}.chaos{grid-column:2;grid-row:2}.rush-bar{grid-column:2;grid-row:3;padding:8px 10px}.rush-bar>div{font-size:8px}.scene{grid-column:1;grid-row:2/5;height:clamp(210px,calc(100svh - 70px),270px)}#feedback{grid-column:2;grid-row:4;font-size:10px;padding:8px 10px;min-height:50px}.neon{font-size:24px;top:5%}.neon small{font-size:5px;letter-spacing:2px}.crew{left:32%;width:46%;height:49%;top:9%}.bottles{font-size:16px;line-height:1.5}.klaus{width:94px;height:105px}.klaus img{width:188px;height:94px}.klaus span{font-size:6px;right:7px}.emmi{width:90px;height:100px}.station-labels{font-size:5px}.task{min-width:68px;min-height:62px;padding:5px 3px}.task .icon{font-size:20px}.task .name{font-size:9px}.task .clock{font-size:8px;margin-top:2px}.task .remaining{margin-top:3px}.task-fly{width:23%;max-width:76px;min-width:62px;min-height:62px}.task-fly .name{font-size:8px}.task-bottle .name{font-size:8px}}