:root{color-scheme:dark;--ink:#f7f1e7;--muted:#a9afc3;--pink:#ff77ac;--mint:#93efd2;--gold:#f8cf83}*{box-sizing:border-box}body{margin:0;background:#10131e;color:var(--ink);font:15px/1.5 system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:#242839;border:1px solid #4c5064;border-radius:8px;padding:9px 14px;touch-action:manipulation}button:hover{border-color:var(--mint);background:#30364b}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{opacity:.45;cursor:default}a{color:inherit}header{max-width:1280px;margin:auto;padding:20px 30px;display:flex;gap:28px;align-items:center}header img,footer img{background:#fff5df;border-radius:7px;padding:5px}header>a:nth-child(2){text-decoration:none;font-size:13px}nav{margin-left:auto;display:flex;gap:8px}nav button{font-size:12px}main{max-width:1180px;padding:0 24px;margin:auto}.title{display:flex;align-items:center;justify-content:space-between;margin:10px 0 22px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.3px;color:var(--mint);margin:0 0 8px}h1{font-size:clamp(31px,4vw,54px);line-height:1.1;letter-spacing:-2px;margin:0;font-weight:850}em{font-family:Georgia,serif;font-weight:400;color:var(--pink)}.title>p{color:var(--muted);font-size:13px}.game{border:1px solid #414354;border-radius:16px;overflow:hidden;box-shadow:0 25px 80px #0004}.hud{display:grid;grid-template-columns:repeat(4,1fr);background:#1c2030;padding:13px 24px;gap:14px}.hud>div{border-right:1px solid #3a3d4e}.hud>div:last-child{border:0}.hud span{display:block;font-size:9px;color:var(--muted);letter-spacing:1.8px}.hud strong{font-size:27px;line-height:1.1;font-variant-numeric:tabular-nums}.hud>div:last-child strong{color:var(--mint)}.scene{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 15%,#46304e,transparent 60%),repeating-linear-gradient(110deg,transparent 0 18%,#c17ed607 19% 22%,transparent 23% 40%),#161b29;overflow:hidden}.club-sign{text-align:center;padding:20px 0 16px;position:relative;z-index:1}.club-sign>span{font-size:7px;letter-spacing:3px;color:#9b8baf}.club-sign h2{font-size:26px;letter-spacing:5px;margin:3px 0;text-shadow:0 0 18px #ff77ac77;font-weight:300}.club-sign b{color:var(--pink)}.club-sign p{font-size:8px;letter-spacing:5px;margin:0;color:var(--muted)}.inside{position:absolute;right:15px;top:108px;font-size:8px;letter-spacing:2px;color:#c0b1c7}.membrane{position:absolute;top:182px;height:68px;left:0;right:0;opacity:.7;background:radial-gradient(circle at 10px 10px,#c68ea7 7px,transparent 8px) 0 0/22px 22px repeat-x,radial-gradient(circle at 10px 10px,#c68ea7 7px,transparent 8px) 0 46px/22px 22px repeat-x,repeating-linear-gradient(86deg,#80627d 0 3px,transparent 3px 10px);border-block:1px solid #c68ea744}.doors{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:0 7%;position:relative}.door{height:150px;position:relative;border-radius:48px 48px 10px 10px;background:linear-gradient(#192e33,#19222d);border:2px solid #5b9e96;box-shadow:0 0 25px #93efd211;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:8px}.door.channel{background:linear-gradient(#242e50,#1a2239);border-color:#9ba9f9}.door.glucose{background:linear-gradient(#423022,#2e2430);border-color:#bd9462}.door.glucose.open{border-color:var(--gold);box-shadow:0 0 30px #f8cf8355}.icon{font-size:28px;color:var(--mint);height:48px}.channel .icon{color:#b1baff}.glucose .icon{color:var(--gold)}.door b{font-size:15px}.door small{font-size:10px;color:#c5c8d9;margin-top:3px}kbd{font:10px system-ui;background:#ffffff14;border:1px solid #ffffff24;border-radius:4px;padding:1px 5px}.door kbd{position:absolute;right:10px;bottom:10px}.floor{padding:13px 7% 16px;background:linear-gradient(#13192388,#202230)}.queue-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.8px;color:var(--muted);margin-bottom:9px}.queue-label span{color:var(--gold)}#queue{display:flex;gap:20px;height:119px;align-items:center;justify-content:center}.guest{position:relative;background:none;border:0;width:110px;padding:0;flex-shrink:0;opacity:.48;transform:scale(.83);cursor:default}.guest:first-child{opacity:1;transform:scale(1);cursor:grab;touch-action:none}.guest.selected{filter:drop-shadow(0 0 12px #f8cf8399)}.molecule{height:67px;position:relative;display:flex;justify-content:center;align-items:center}.atom{border-radius:50%;width:43px;height:43px;background:radial-gradient(circle at 30% 23%,#ffb1b0,#d74a65 55%,#6c243b);box-shadow:inset -4px -5px 8px #0005,2px 4px 8px #0004;border:1px solid #ffb7ba66;display:grid;place-items:center;font-weight:750;font-size:12px}.atom+.atom{margin-left:-6px}.atom.carbon{background:radial-gradient(circle at 30% 23%,#a8b6c9,#4d586e 55%,#222939);width:38px;height:38px}.ion .atom{background:radial-gradient(circle at 30% 23%,#c5cffc,#8994e2 50%,#42478b);width:59px;height:59px;font-size:19px}.sugar .atom{border-radius:14px;transform:rotate(-14deg);width:61px;height:57px;background:radial-gradient(circle at 30% 23%,#fff0be,#d7a64d 55%,#8b512a);font-size:24px;color:#412d27}.sugar .molecule:after{content:'✦ hic!';position:absolute;right:-4px;top:0;font-size:10px;color:var(--gold)}.mustache{position:absolute;top:36px;left:calc(50% - 26px);width:52px;height:18px;background:#101019;border-radius:70% 50% 65% 50%;transform:rotate(-8deg);box-shadow:2px 2px 0 #ffffff35}.mustache:after{content:'';position:absolute;right:0;top:-3px;background:#101019;width:27px;height:17px;border-radius:60% 60% 20% 70%;transform:rotate(20deg)}.guest-name{display:block;font-weight:750;font-size:12px}.guest-note{display:block;font-size:9px;color:var(--muted)}.patience{height:3px;width:66px;margin:5px auto 0;background:#414557;border-radius:5px;overflow:hidden}.patience i{display:block;height:100%;background:var(--gold);width:100%}.rope{height:8px;border-bottom:5px solid #aa3864;border-radius:0 0 50% 50%;position:relative;margin:0 0 17px}.rope:before,.rope:after{content:'';position:absolute;width:9px;height:32px;background:linear-gradient(90deg,#6b5745,#e5c997,#816647);border-radius:6px;top:-9px}.rope:after{right:0}.floor-controls{display:flex;gap:20px;justify-content:space-between}.floor-controls button{min-height:61px;min-width:230px;display:flex;flex-direction:column;justify-content:center}.floor-controls small{font-size:10px;color:var(--muted)}#insulin{border-color:#9f8356;color:var(--gold)}.bounce{border:1px dashed #fc8aad!important;color:#ff99bb;background:#422535!important}.feedback{background:#292638;padding:12px 18px;min-height:48px;text-align:center;color:#ede2bf;font-size:13px}.crowd{height:23px;letter-spacing:15px;white-space:nowrap;text-align:center;color:#696177;overflow:hidden;background:#1d1c2b}.overlay{position:absolute;inset:0;z-index:5;background:#101321c9;backdrop-filter:blur(7px);display:grid;place-items:center;padding:18px}.overlay[hidden]{display:none}.intro-card{background:#202333;border:1px solid #686071;border-radius:16px;padding:27px 32px;max-width:470px;box-shadow:0 20px 60px #0006}.intro-card h2{font-size:33px;line-height:1.12;margin:12px 0 17px;letter-spacing:-1px}.intro-card p{font-size:13px;color:#c7c6d3}.mini-rules{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0;font-size:11px;color:var(--gold)}.primary{background:var(--mint);border-color:var(--mint);color:#152a2c;font-weight:800}.primary:hover{background:#b9ffe8;color:#10131e}.intro-card button{width:100%;margin-top:9px}.fine{font-size:10px!important}.below{display:grid;grid-template-columns:1fr 1.4fr;gap:34px;color:var(--muted);font-size:11px;margin:22px 0}.below b{display:block;font-size:9px;letter-spacing:1.5px;color:#e8d9c8;margin-bottom:7px}footer{max-width:1280px;margin:20px auto 0;border-top:1px solid #343748;padding:24px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}dialog{background:#202333;color:var(--ink);border:1px solid #707080;border-radius:16px;max-width:610px;width:calc(100% - 28px);max-height:85dvh;padding:28px;font-size:14px}dialog::backdrop{background:#060918cc}dialog li{margin-bottom:10px}#close-help{float:right}dialog h2{font-size:26px}.drag-ghost{position:fixed;z-index:20;pointer-events:none;opacity:.85;transform:translate(-50%,-50%);font-size:28px;background:#303349;border:2px solid var(--gold);border-radius:30px;padding:10px 20px}.door.drag-over,.bounce.drag-over{outline:3px solid var(--gold);outline-offset:3px}.cheer{animation:pulse .35s ease}@keyframes pulse{50%{background:#435447}}@media(max-width:650px){header{padding:12px 15px;gap:12px;flex-wrap:wrap}header img{width:110px}nav{width:100%;margin:0;justify-content:space-between}nav button{flex:1;padding:8px 5px}main{padding:0 12px}.title{margin:12px 0 17px}.title>p{display:none}.eyebrow{font-size:8px}.hud{padding:12px;gap:9px}.hud strong{font-size:23px}.hud span{font-size:7px;letter-spacing:.8px}.club-sign{padding:16px 0}.club-sign h2{font-size:20px;letter-spacing:3px}.club-sign>span{font-size:6px}.doors{padding:0 12px;gap:9px}.door{height:139px;padding:6px}.door b{font-size:11px}.door small{font-size:8px;max-width:82px}.icon{font-size:25px}.door kbd{right:5px;bottom:5px;font-size:8px}.inside{top:99px;font-size:6px}.membrane{top:163px}.floor{padding:12px}.queue-label{font-size:6px;letter-spacing:1px}#queue{gap:3px;height:113px}.guest{width:87px}.guest:nth-child(n+4){display:none}.floor-controls{gap:10px}.floor-controls button{min-width:0;flex:1;padding:8px;font-size:11px}.floor-controls small{font-size:8px}.floor-controls kbd{font-size:8px;padding:1px 3px}.feedback{font-size:11px;min-height:51px;padding:9px 12px}.intro-card{padding:20px;max-width:385px}.intro-card h2{font-size:28px}.intro-card p{font-size:12px}.mini-rules{font-size:10px;gap:7px;margin:13px 0}.intro-card button{font-size:12px;padding:8px}.below{grid-template-columns:1fr;gap:0;margin:15px 0}footer{flex-wrap:wrap;padding:20px 16px;font-size:10px}footer>span:last-child{width:100%}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}
/* Keep the entire active nightclub together in the browser viewport. */
.coach{display:flex;align-items:center;gap:18px;background:#f8cf83;color:#292315;padding:12px 22px;border-block:2px solid #ffe9b2;min-height:56px}.coach b{flex-shrink:0;font-size:11px;letter-spacing:1.5px}.coach span{font-size:15px;font-weight:750}.action-target{outline:3px solid #ffe09b!important;outline-offset:3px;box-shadow:0 0 24px #f8cf8355!important}.guest:first-child{filter:drop-shadow(0 0 7px #f8cf8366)}
body.playing{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}body.playing header{width:100%;padding:10px 24px}body.playing main{width:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);padding-bottom:6px}body.playing .title{margin:4px 0 10px}body.playing h1{font-size:30px}body.playing .title .eyebrow{margin:0;font-size:8px}body.playing .title>p{margin:0;font-size:11px}body.playing .below{display:none}body.playing .game{min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr)}body.playing .hud{padding:8px 22px}body.playing .hud strong{font-size:24px}body.playing .scene{min-height:0;display:grid;grid-template-rows:minmax(40px,.65fr) minmax(90px,1.2fr) minmax(170px,1.55fr) auto 21px}body.playing .club-sign{padding:3px 0;align-self:center}body.playing .club-sign h2{font-size:23px;margin:0}body.playing .club-sign>span{font-size:6px}body.playing .club-sign p{font-size:7px}body.playing .doors{min-height:0}body.playing .door{height:100%;min-height:0;border-radius:35px 35px 9px 9px}body.playing .floor{min-height:0;padding:9px 7% 11px;display:grid;grid-template-rows:auto minmax(80px,1fr) 15px 52px}body.playing #queue{height:auto;min-height:0}body.playing .rope{margin:0 0 9px}body.playing .floor-controls button{min-height:0}body.playing .feedback{min-height:34px;padding:6px 14px;font-size:12px}body.playing .membrane{top:29%;height:62px}body.playing .inside{top:5px}body.playing footer{width:100%;margin:0 auto;padding:7px 24px;font-size:10px}body.playing footer img{width:96px}body.playing .overlay{overflow:auto;align-items:center}body.playing .intro-card{max-height:100%;overflow:auto;padding:20px 25px}body.playing .intro-card h2{font-size:27px}
@media(max-width:650px){body.playing header{padding:6px 12px;gap:6px 12px}body.playing header img{width:95px}body.playing nav{gap:6px}body.playing nav button{padding:5px;font-size:11px;min-height:32px}body.playing main{padding:0 8px 4px;grid-template-rows:minmax(0,1fr)}body.playing .title{display:none}body.playing .coach{padding:8px 10px;gap:6px;min-height:55px;display:block}body.playing .coach b{display:block;font-size:8px;letter-spacing:1px}body.playing .coach span{display:block;font-size:12px;line-height:1.25}body.playing .hud{padding:6px 10px}body.playing .hud strong{font-size:20px}body.playing .scene{grid-template-rows:minmax(29px,.45fr) minmax(78px,1fr) minmax(145px,1.6fr) auto 16px}body.playing .club-sign>span,body.playing .club-sign p{display:none}body.playing .club-sign h2{font-size:15px;letter-spacing:2px}body.playing .inside{font-size:5px;right:6px}body.playing .doors{padding:0 10px;gap:8px}body.playing .door{border-radius:24px 24px 7px 7px;padding:4px}body.playing .icon{height:28px;font-size:21px}body.playing .door b{font-size:10px;line-height:1.2}body.playing .door small{font-size:8px;line-height:1.15}body.playing .door kbd{font-size:7px;right:3px;bottom:3px}body.playing .floor{padding:6px 10px 7px;grid-template-rows:10px minmax(75px,1fr) 12px 43px}body.playing .queue-label{margin:0;font-size:6px}body.playing .molecule{height:51px}body.playing .atom{width:33px;height:33px}.playing .atom.carbon{width:29px;height:29px}body.playing .ion .atom{width:44px;height:44px;font-size:16px}body.playing .sugar .atom{width:43px;height:42px;font-size:21px}body.playing .mustache{top:28px;width:44px;height:14px;left:calc(50% - 22px)}body.playing .mustache:after{width:22px;height:14px}body.playing .guest-name{font-size:10px}body.playing .guest-note{font-size:8px}body.playing .floor-controls button{font-size:10px;padding:4px}body.playing .feedback{font-size:10px;line-height:1.3;min-height:33px;padding:5px 8px}body.playing .crowd{height:16px;font-size:9px;letter-spacing:6px}body.playing footer{padding:5px 10px;gap:3px 8px;font-size:8px}body.playing footer img{width:68px}body.playing footer>span:last-child{width:100%;text-align:center}body.playing .intro-card{padding:12px 16px}body.playing .intro-card h2{font-size:22px;margin:8px 0}body.playing .intro-card p{font-size:11px}}
@media(min-width:651px) and (max-height:600px){body.playing header{padding:5px 18px}body.playing header img{width:95px}body.playing .title{display:none}body.playing main{grid-template-rows:minmax(0,1fr)}body.playing .hud{padding:4px 16px}body.playing .hud strong{font-size:19px}body.playing .coach{min-height:37px;padding:5px 16px}body.playing .coach span{font-size:12px}body.playing .scene{grid-template-columns:1fr 1fr;grid-template-rows:25px minmax(0,1fr) 31px 16px}body.playing .club-sign{grid-column:1/-1;padding:0}body.playing .club-sign h2{font-size:14px}body.playing .club-sign>span,body.playing .club-sign p{display:none}body.playing .doors{grid-column:1;grid-row:2;padding:10px 12px 12px;gap:8px}body.playing .door{border-radius:22px 22px 8px 8px}body.playing .door b{font-size:10px}body.playing .door small{font-size:8px}body.playing .icon{font-size:23px;height:32px}body.playing .floor{grid-column:2;grid-row:2;padding:4px 14px 7px;grid-template-rows:10px minmax(68px,1fr) 12px 40px}body.playing .queue-label{font-size:6px;letter-spacing:.5px}body.playing .floor-controls{gap:8px}body.playing .floor-controls button{min-width:0;font-size:10px;padding:4px;flex:1}body.playing .floor-controls small{font-size:8px}body.playing .guest{width:83px}body.playing .guest:nth-child(n+4){display:none}body.playing .molecule{height:52px}body.playing .feedback{grid-column:1/-1;grid-row:3;padding:5px;min-height:0;font-size:11px}body.playing .crowd{grid-column:1/-1;grid-row:4;height:16px;font-size:10px}body.playing .membrane{top:35%;right:50%;height:48px}body.playing .inside{top:7px;font-size:6px}body.playing footer{padding:4px 18px;font-size:8px}body.playing footer img{width:70px}body.playing .intro-card{padding:10px 18px;max-width:500px}body.playing .intro-card h2{font-size:20px;margin:4px 0}body.playing .intro-card p{margin:6px 0;font-size:11px}body.playing .intro-card button{padding:5px;margin-top:5px}}
body.playing main{height:100%;margin:0 auto}body.playing .crowd{height:100%}
@media(min-width:651px) and (min-height:601px){body.playing .scene{grid-template-rows:minmax(34px,.5fr) minmax(85px,1fr) minmax(220px,1.5fr) auto 21px}body.playing .club-sign>span{display:none}body.playing .club-sign h2{font-size:20px}body.playing .floor{grid-template-rows:16px minmax(104px,1fr) 15px 52px}}
@media(max-width:650px){body.playing .scene{grid-template-rows:minmax(29px,.45fr) minmax(78px,1fr) minmax(170px,1.6fr) auto 16px}body.playing .floor{grid-template-rows:10px minmax(88px,1fr) 12px 43px}}
@media(min-width:651px) and (max-height:600px){body.playing .floor{grid-template-rows:10px minmax(92px,1fr) 10px 36px}body.playing .guest-name{font-size:10px}body.playing .guest-note{font-size:8px}body.playing .molecule{height:46px}body.playing .ion .atom{width:42px;height:42px;font-size:16px}body.playing .sugar .atom{width:42px;height:40px;font-size:20px}body.playing .mustache{top:26px}body.playing .queue-label{line-height:10px}}
body.playing .membrane{display:none}body.playing .doors{isolation:isolate}body.playing .doors:before{content:'';position:absolute;z-index:-1;left:0;right:0;bottom:10px;height:43px;opacity:.6;background:radial-gradient(circle at 8px 8px,#c68ea7 6px,transparent 7px) 0 0/18px 18px repeat-x,radial-gradient(circle at 8px 8px,#c68ea7 6px,transparent 7px) 0 27px/18px 18px repeat-x,repeating-linear-gradient(86deg,#80627d 0 3px,transparent 3px 9px)}
@media(min-width:651px) and (max-height:600px){body.playing .floor{grid-template-rows:10px minmax(63px,1fr) 8px 34px;padding:4px 12px 7px}body.playing .molecule{height:36px}body.playing .atom{width:28px;height:28px;font-size:9px}body.playing .atom.carbon{width:24px;height:24px}body.playing .ion .atom{width:33px;height:33px;font-size:13px}body.playing .sugar .atom{width:33px;height:31px;font-size:18px}body.playing .mustache{top:21px;width:38px;height:12px;left:calc(50% - 19px)}body.playing .mustache:after{width:20px;height:12px}body.playing .guest-name{font-size:10px;line-height:12px}body.playing .guest-note{font-size:7px;line-height:9px}body.playing .patience{margin-top:2px}body.playing .floor-controls b{font-size:9px}body.playing .floor-controls small{font-size:7px}body.playing .floor-controls kbd{font-size:7px}}
.coach-copy{min-width:0}.coach-copy>span{display:block}.coach-copy>small{display:block;font-size:12px;font-weight:500;line-height:1.35;margin-top:3px;color:#574017}
@media(max-width:650px){body.playing .coach{padding:6px 10px}body.playing .coach-copy>small{font-size:10px;line-height:1.2;margin-top:3px}body.playing .coach-copy>span{font-size:11px;line-height:1.25}}
@media(min-width:651px) and (max-height:600px){body.playing .coach{padding:4px 16px;min-height:43px}body.playing .coach-copy>span{font-size:11px}body.playing .coach-copy>small{font-size:10px;line-height:1.1;margin-top:1px}}
