:root{--ground:#160820;--ground-2:#22103a;--card:#2c1748;--card-2:#3a1f5c;--magenta:#ff3d8b;--magenta-soft:#ff6aa6;--cyan:#2ee6dd;--gold:#ffc94d;--lime:#bcff45;--cream:#fbeee2;--lav:#b79ed6;--lav-dim:#8f76b0;--line:#b79ed62e;--line-strong:#b79ed652;--font-sans:system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-sign:"Bahnschrift", "DIN Alternate", "Oswald", "Impact", var(--font-sans);--font-mono:ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace;--radius:14px;--radius-lg:18px;--maxw:1080px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100dvh;color:var(--cream);font-family:var(--font-sans);background:radial-gradient(1100px 560px at 82% -8%, #ff3d8b29, transparent 60%), radial-gradient(900px 520px at 4% 8%, #2ee6dd1c, transparent 55%), var(--ground);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3{text-wrap:balance;margin:0}.shell{max-width:var(--maxw);margin:0 auto;padding:clamp(24px,5vw,48px) 22px 64px}.eyebrow{font-family:var(--font-sign);letter-spacing:.26em;text-transform:uppercase;color:var(--cyan);margin:0 0 12px;font-size:13px}.sign{font-family:var(--font-sign);text-transform:uppercase;letter-spacing:.01em;color:#fff;text-shadow:0 0 6px #ff3d8bd9,0 0 26px #ff3d8b80,0 0 52px #ff3d8b47;font-weight:700;line-height:.98}.sign--cyan{text-shadow:0 0 6px #2ee6ddd9,0 0 26px #2ee6dd80,0 0 52px #2ee6dd47}.h-xl{font-size:clamp(36px,7vw,64px)}.h-lg{font-size:clamp(26px,4vw,38px)}.muted{color:var(--lav)}.muted-dim{color:var(--lav-dim)}.lede{color:var(--lav);max-width:60ch;font-size:17px}.card{background:linear-gradient(180deg, var(--card), var(--card-2));border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px}.panel{background:linear-gradient(180deg, var(--ground-2), #22103a73);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px}.grid{gap:16px;display:grid}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.navcard{flex-direction:column;gap:6px;min-height:150px;transition:transform .12s,border-color .12s;display:flex}.navcard:hover{border-color:var(--line-strong);transform:translateY(-3px)}.navcard .ico{font-size:30px}.navcard h3{font-family:var(--font-sign);text-transform:uppercase;letter-spacing:.04em;color:#fff;font-size:20px}.navcard p{color:var(--lav);margin:0;font-size:13px}.navcard .go{letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-top:auto;font-size:12px}.btn{font-family:var(--font-sign);text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:15px 26px;font-size:16px;font-weight:700;display:inline-flex}.btn--primary{color:#2a0616;background:linear-gradient(180deg, var(--magenta-soft), var(--magenta));box-shadow:0 6px 22px #ff3d8b66}.btn--ghost{font-family:var(--font-sans);letter-spacing:0;color:var(--cyan);border:1.5px solid var(--cyan);background:0 0}.btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.pill{letter-spacing:.02em;border:1px solid #0000;border-radius:999px;align-items:center;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex}.pill--easy{color:var(--lime);background:#bcff4526;border-color:#bcff4566}.pill--medium{color:var(--gold);background:#ffc94d26;border-color:#ffc94d66}.pill--hard{color:#ff86b4;background:#ff3d8b29;border-color:#ff3d8b73}.pill--expert{color:#fff;background:#dc143ce6;border-color:#ff2d55;font-weight:700;box-shadow:0 0 10px #ff2d558c}.pill--af{color:var(--cyan);background:#2ee6dd24;border-color:#2ee6dd66}.pill--gold{background:var(--gold);color:#241a00;border-color:var(--gold)}.field{flex-direction:column;gap:8px;display:flex}.field label{letter-spacing:.14em;text-transform:uppercase;color:var(--lav-dim);font-size:12px}.input{width:100%;color:var(--cream);border:1.5px solid var(--line-strong);border-radius:var(--radius);background:#00000040;min-height:54px;padding:15px 16px;font-size:17px}.input::placeholder{color:var(--lav-dim)}.input:focus{border-color:var(--cyan);outline:none}.stack{flex-direction:column;gap:18px;display:flex}.center-screen{place-items:center;min-height:100dvh;padding:22px;display:grid}.card-narrow{width:100%;max-width:440px}.menu-list{flex-direction:column;gap:12px;display:flex}.drink{text-align:left;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--card), var(--card-2));width:100%;color:inherit;align-items:center;gap:14px;padding:14px;transition:transform .12s,border-color .12s;display:flex}.drink:hover{border-color:var(--line-strong);transform:translateY(-2px)}.drink:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.drink .emoji{background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;flex:none;place-items:center;width:54px;height:54px;font-size:30px;display:grid}.drink .body{flex:1;min-width:0}.drink .name{color:#fff;font-size:17px;font-weight:700}.drink .desc{color:var(--lav);margin:2px 0 8px;font-size:13px}.drink .meta{flex-wrap:wrap;gap:6px;display:flex}.progress{background:#ffffff14;border-radius:999px;height:6px;margin-bottom:20px;overflow:hidden}.progress>span{background:var(--cyan);height:100%;transition:width .3s;display:block}.question{color:#fff;margin-bottom:22px;font-size:clamp(20px,5vw,26px);font-weight:700;line-height:1.25}.options{flex-direction:column;gap:12px;display:flex}.option{text-align:left;width:100%;color:var(--cream);border:1.5px solid var(--line-strong);border-radius:var(--radius);cursor:pointer;background:#00000038;min-height:58px;padding:18px;font-size:17px;transition:border-color .12s,background .12s}.option:hover:not(:disabled){border-color:var(--cyan)}.option:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.option:focus:not(:focus-visible){outline:none}.option:disabled{cursor:default}.option--correct{border-color:var(--lime);color:#eaffc9;background:#bcff4524}.option--wrong{border-color:var(--magenta);color:#ffd0e2;background:#ff3d8b24}.sos-feed{border-radius:var(--radius-lg);background:#2ee6dd12;border:1px solid #2ee6dd66;margin-top:18px;padding:14px}.sos-feed-head{color:var(--cyan);justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-weight:600;display:flex}.sos-item{text-align:left;border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--cream);cursor:pointer;background:#0003;align-items:center;gap:10px;min-height:52px;margin-bottom:8px;padding:12px 14px;display:flex}.sos-item:hover{border-color:var(--cyan)}.sos-item .grow{flex:1}.sos-item .sos-go{color:var(--cyan);white-space:nowrap;font-size:13px;font-weight:600}.modal-scrim{z-index:60;background:#0a0311b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.bar-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.conn{color:var(--lav);align-items:center;gap:7px;font-size:13px;display:inline-flex}.conn .dot{background:var(--lav-dim);border-radius:50%;width:9px;height:9px}.conn.live .dot{background:var(--lime);box-shadow:0 0 8px var(--lime)}.paused-banner{color:var(--gold);border-radius:var(--radius);background:#ffc94d29;border:1px solid #ffc94d80;margin:12px 0;padding:12px 16px;font-weight:600}.bar-cols{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:18px;display:grid}.bar-col h2{font-family:var(--font-sign);text-transform:uppercase;letter-spacing:.1em;color:var(--lav);margin-bottom:12px;font-size:14px}.bar-col .count{color:var(--lav-dim)}.order-card{margin-bottom:12px;padding:14px}.order-card .head{align-items:baseline;gap:8px;display:flex}.order-card .onum{font-family:var(--font-mono);color:var(--lav-dim);font-size:13px}.order-card .oname{font-family:var(--font-sign);text-transform:uppercase;color:#fff;letter-spacing:.02em;font-size:22px}.order-card .drinkline{align-items:center;gap:8px;margin:8px 0;font-size:16px;display:flex}.order-card .drinkline .em{font-size:22px}.order-card .who{color:var(--lav);font-size:14px}.order-card .tags{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.status-btns{flex-wrap:wrap;gap:10px;display:flex}.sbtn{border-radius:var(--radius);cursor:pointer;letter-spacing:.02em;border:0;flex:1;min-width:110px;min-height:52px;font-size:16px;font-weight:700}.sbtn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.sbtn--go{background:var(--lime);color:#1c3300}.sbtn--done{background:var(--cyan);color:#06302e}.sbtn--stop{color:#ff86b4;background:0 0;border:1.5px solid #ff3d8b80}.sbtn--neutral{color:var(--cream);background:#ffffff14}.screen-wrap{min-height:100dvh;padding:clamp(20px,3vw,44px)}.screen-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:clamp(16px,3vw,32px);display:flex}.screen-head .evt{font-family:var(--font-sign);text-transform:uppercase;letter-spacing:.04em;color:#fff;font-size:clamp(26px,4vw,48px)}.screen-grid{grid-template-columns:1.4fr 1fr;align-items:start;gap:clamp(16px,2.5vw,32px);display:grid}@media (max-width:820px){.screen-grid{grid-template-columns:1fr}}.serving{border:1px solid var(--line);background:radial-gradient(600px 300px at 80% 0%, #ff3d8b2e, transparent 60%), linear-gradient(180deg, var(--card), var(--card-2));text-align:center;border-radius:22px;padding:clamp(20px,3vw,40px)}.serving .lbl{font-family:var(--font-sign);text-transform:uppercase;letter-spacing:.22em;color:var(--cyan);font-size:clamp(13px,1.5vw,18px)}.serving .big{font-family:var(--font-sign);text-transform:uppercase;color:#fff;text-shadow:0 0 12px #ff3d8b99,0 0 48px #ff3d8b59;margin-top:10px;font-size:clamp(40px,8vw,96px);line-height:1.02}.serving .em{font-size:clamp(34px,6vw,72px)}.serving .waiting{color:var(--lav);padding:24px 0;font-size:clamp(18px,2.5vw,26px)}.qtitle{font-family:var(--font-sign);text-transform:uppercase;letter-spacing:.16em;color:var(--lav);margin:clamp(18px,2.5vw,28px) 0 12px;font-size:clamp(14px,1.6vw,18px)}.qchips{flex-wrap:wrap;gap:10px;display:flex}.qchip{border:1px solid var(--line);color:var(--cream);background:#ffffff0d;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:clamp(16px,2vw,22px);display:inline-flex}.qchip.serving-now{border-color:var(--cyan);color:#fff}.board{border:1px solid var(--line);background:linear-gradient(180deg, var(--ground-2), #22103a73);border-radius:22px;padding:clamp(16px,2vw,28px)}.board .head{font-family:var(--font-sign);text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin-bottom:16px;font-size:clamp(16px,2vw,24px)}.brow{border-top:1px solid var(--line);align-items:center;gap:12px;padding:12px 6px;display:flex}.brow:first-of-type{border-top:0}.brow .rank{font-family:var(--font-sign);text-align:center;flex:none;width:44px;font-size:clamp(20px,2.4vw,30px)}.brow .nm{color:#fff;flex:1;font-size:clamp(17px,2vw,24px);font-weight:600}.brow .sc{color:var(--lav);font-variant-numeric:tabular-nums;font-size:clamp(13px,1.5vw,17px)}.board .empty{color:var(--lav-dim);padding:16px 0;font-size:clamp(15px,1.8vw,20px)}.adm-section{margin-top:30px}.adm-section>h2{font-family:var(--font-sign);text-transform:uppercase;letter-spacing:.1em;color:var(--lav);margin-bottom:14px;font-size:16px}.adm-row{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff08;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;padding:12px 14px;display:flex}.adm-row .grow{flex:1;min-width:0}.adm-row .rname{color:#fff;font-weight:600}.adm-row.off{opacity:.55}.switch{border:1.5px solid var(--line-strong);color:var(--lav);cursor:pointer;background:0 0;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.switch.on{border-color:var(--lime);color:var(--lime)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.qr-box{background:#fff;border-radius:14px;padding:12px;display:inline-block}.qr-box img{width:180px;height:180px;display:block}.copyfield{border:1px solid var(--line);border-radius:var(--radius);background:#00000040;align-items:center;gap:8px;padding:8px 10px;display:flex}.copyfield code{font-family:var(--font-mono);color:var(--cream);white-space:nowrap;flex:1;font-size:13px;overflow-x:auto}.opt-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.opt-row input[type=radio]{width:22px;height:22px;accent-color:var(--lime);flex:none}select.input{appearance:none}.hero-banner{font-family:var(--font-sign);text-transform:uppercase;letter-spacing:.04em;color:#eaffc9;text-shadow:0 0 10px #bcff458c,0 0 36px #bcff454d;background:linear-gradient(#bcff4524,#bcff450d);border:1.5px solid #bcff458c;border-radius:18px;justify-content:center;align-items:center;gap:14px;margin-bottom:clamp(16px,2.5vw,28px);padding:clamp(14px,2vw,22px);font-size:clamp(20px,3.4vw,40px);animation:.5s hero-pop;display:flex}@keyframes hero-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.sos-banner{text-align:center;background:linear-gradient(#ff3d8b29,#ff3d8b0d);border:1.5px solid #ff3d8b99;border-radius:18px;margin-bottom:clamp(16px,2.5vw,28px);padding:clamp(14px,2vw,24px);animation:.4s hero-pop}.sos-banner .sos-head{font-family:var(--font-sign);text-transform:uppercase;letter-spacing:.04em;color:#ffd0e2;text-shadow:0 0 10px #ff3d8b99,0 0 36px #ff3d8b4d;font-size:clamp(20px,3.4vw,40px)}.sos-banner .sos-q{color:var(--cream);margin-top:8px;font-size:clamp(16px,2.2vw,26px)}.verdict-banner{font-family:var(--font-sign);text-transform:uppercase;letter-spacing:.04em;color:#ffe9b8;text-shadow:0 0 10px #ffc94d8c,0 0 36px #ffc94d4d;background:linear-gradient(#ffc94d24,#ffc94d0d);border:1.5px solid #ffc94d8c;border-radius:18px;justify-content:center;align-items:center;gap:14px;margin-bottom:clamp(16px,2.5vw,28px);padding:clamp(14px,2vw,22px);font-size:clamp(18px,3vw,34px);animation:.5s hero-pop;display:flex}.board .toptag{color:var(--lime);letter-spacing:.04em;border:1px solid #bcff4573;border-radius:999px;margin-left:8px;padding:2px 10px;font-size:clamp(11px,1.2vw,14px);display:inline-block}.flash-takeover{z-index:40;text-align:center;background:radial-gradient(circle at 50% 30%,#2c1a34,#160820 65%);flex-direction:column;justify-content:center;align-items:center;gap:clamp(10px,2vh,22px);padding:clamp(20px,4vw,60px);animation:.4s hero-pop;display:flex;position:fixed;inset:0}.flash-takeover .flash-eyebrow{font-family:var(--font-sign);text-transform:uppercase;letter-spacing:.1em;color:var(--gold);text-shadow:0 0 12px #ffc94d99,0 0 40px #ffc94d4d;font-size:clamp(22px,3.6vw,44px)}.flash-takeover .flash-q{font-family:var(--font-sign);color:var(--cream);max-width:18em;margin:0;font-size:clamp(26px,4.6vw,60px);line-height:1.2}.flash-takeover .flash-opts{flex-wrap:wrap;justify-content:center;gap:clamp(8px,1.5vw,18px);display:flex}.flash-takeover .flash-opt{color:var(--cream);background:#2ee6dd14;border:1.5px solid #2ee6dd80;border-radius:14px;padding:clamp(8px,1.4vw,16px) clamp(14px,2vw,26px);font-size:clamp(16px,2.4vw,30px)}.flash-takeover .flash-count{font-family:var(--font-sign);color:var(--gold);text-shadow:0 0 16px #ffc94d99;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(48px,8vw,110px)}.flash-takeover .flash-hint{color:var(--lav);margin:0;font-size:clamp(14px,1.8vw,22px)}.credits-wrap{position:fixed;inset:0;overflow:hidden}.credits-roll{text-align:center;width:min(90vw,900px);animation:45s linear infinite credits-scroll;position:absolute;left:50%;transform:translate(-50%)}@keyframes credits-scroll{0%{top:100vh}to{top:-160vh}}.credits-eyebrow{color:var(--lav);letter-spacing:.14em;text-transform:uppercase;font-size:clamp(14px,1.8vw,22px)}.credits-title{font-family:var(--font-sign);text-transform:uppercase;color:var(--cyan);text-shadow:0 0 14px #2ee6dd8c,0 0 46px #2ee6dd4d;margin:0 0 clamp(24px,5vh,60px);font-size:clamp(34px,6vw,80px)}.credits-sec{margin-bottom:clamp(26px,5vh,64px)}.credits-sec h2{font-family:var(--font-sign);text-transform:uppercase;letter-spacing:.06em;color:var(--gold);margin:0 0 10px;font-size:clamp(20px,3vw,38px)}.credits-name{color:var(--cream);margin:6px 0;font-size:clamp(18px,2.6vw,34px)}.credits-thanks{font-family:var(--font-sign);color:var(--magenta);text-shadow:0 0 12px #ff3d8b8c;margin-top:clamp(30px,6vh,80px);font-size:clamp(26px,4vw,54px)}.confetti{pointer-events:none;z-index:50;position:fixed;inset:0;overflow:hidden}.confetti i{border-radius:2px;width:10px;height:14px;animation:linear forwards confetti-fall;position:absolute;top:-12px}@keyframes confetti-fall{to{opacity:.9;transform:translateY(105vh)rotate(720deg)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.confetti{display:none}}