:root{--bg:#100a19;--panel:rgba(29,19,44,.82);--panel2:rgba(255,255,255,.065);--line:rgba(255,255,255,.11);--text:#fff;--muted:#b9afc7;--pink:#ff5da9;--purple:#9b5cff;--cyan:#5fe4ff;--good:#73efb6;--danger:#ff7898;--shadow:0 24px 80px rgba(0,0,0,.38)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}.scene{position:fixed;inset:0;z-index:-2;overflow:hidden;background:linear-gradient(145deg,#0a0710 0%,#160b25 45%,#0e0b1c 100%)}.orb{position:absolute;border-radius:50%;filter:blur(8px);opacity:.42;animation:float 13s ease-in-out infinite}.orb-a{width:420px;height:420px;background:#8f4bff;left:-150px;top:-100px}.orb-b{width:360px;height:360px;background:#ff4f9d;right:-90px;top:10%;animation-delay:-4s}.orb-c{width:300px;height:300px;background:#38d8ff;left:35%;bottom:-170px;animation-delay:-8s}.stars{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.55) 1px,transparent 1.5px);background-size:55px 55px;opacity:.14;animation:drift 30s linear infinite}@keyframes float{50%{transform:translate3d(25px,35px,0) scale(1.08)}}@keyframes drift{to{background-position:100px 60px}}.topbar{height:72px;position:sticky;top:0;z-index:20;padding:0 max(18px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(12,8,19,.66);border-bottom:1px solid var(--line);backdrop-filter:blur(22px)}button,input,textarea{font:inherit}.brand{display:flex;align-items:center;gap:11px;border:0;background:transparent;color:#fff;padding:0;cursor:pointer;text-align:left}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,var(--purple),var(--pink));box-shadow:0 10px 28px rgba(191,75,255,.35);animation:pulse 3s ease-in-out infinite}.brand b,.brand small{display:block}.brand small{color:var(--muted);font-size:11px;margin-top:1px}@keyframes pulse{50%{box-shadow:0 10px 36px rgba(255,93,169,.55)}}.top-actions{display:flex;gap:9px}.icon-btn,.soft{border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;border-radius:14px;padding:11px 15px;cursor:pointer;transition:.2s}.icon-btn{width:44px;padding:0}.icon-btn:hover,.soft:hover{background:rgba(255,255,255,.12);transform:translateY(-1px)}main{width:min(1120px,calc(100% - 28px));margin:38px auto 90px}.hidden{display:none!important}.panel{background:var(--panel);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);backdrop-filter:blur(22px)}.tag{display:inline-flex;align-items:center;color:#e2afff;font-size:11px;letter-spacing:.17em;font-weight:900}.auth-shell{min-height:calc(100vh - 190px);display:grid;grid-template-columns:1.1fr .8fr;align-items:center;gap:50px}.auth-copy h1{font-size:clamp(48px,8vw,88px);line-height:.92;letter-spacing:-.055em;margin:18px 0 22px;max-width:720px}.auth-copy p{font-size:18px;color:var(--muted);line-height:1.65;max-width:610px}.mini-features{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.mini-features span{padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);color:#ddd4e7;font-size:13px}.auth-card{padding:28px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border-radius:16px;background:rgba(255,255,255,.045);margin-bottom:20px}.tab{border:0;border-radius:12px;padding:12px;background:transparent;color:var(--muted);font-weight:850;cursor:pointer}.tab.active{background:rgba(255,255,255,.11);color:#fff}form{display:grid;gap:15px}label{display:grid;gap:7px;color:#ded5e8;font-size:13px;font-weight:750}input,textarea{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;border-radius:15px;padding:15px 16px;outline:none;transition:.2s}input:focus,textarea:focus{border-color:#bb7cff;box-shadow:0 0 0 4px rgba(155,92,255,.12)}.primary{border:0;color:#fff;font-weight:900;border-radius:15px;padding:13px 17px;cursor:pointer;background:linear-gradient(135deg,var(--purple),var(--pink));box-shadow:0 12px 30px rgba(181,70,218,.28);transition:.2s}.primary:hover{transform:translateY(-2px);filter:brightness(1.08)}.big{min-height:54px;font-size:16px}.form-msg{min-height:20px;margin:12px 0 0;color:#ff93ad;font-size:13px}.welcome-card{padding:34px;display:flex;align-items:center;justify-content:space-between;gap:30px}.welcome-card h2,.room-head h2{font-size:clamp(34px,6vw,58px);margin:8px 0 6px;letter-spacing:-.04em}.welcome-card p,.room-head p{color:var(--muted);margin:0}.home-actions{display:grid;gap:12px;min-width:min(380px,100%)}.join-box{display:grid;grid-template-columns:1fr auto;gap:8px}.join-box input{text-align:center;text-transform:uppercase;letter-spacing:.24em;font-weight:950}.join-box button{border:1px solid var(--line);background:rgba(255,255,255,.1);color:#fff;border-radius:14px;padding:0 19px;font-weight:850;cursor:pointer}.home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:15px}.teaser{min-height:160px;padding:22px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.045);display:flex;flex-direction:column;justify-content:flex-end;transition:.25s}.teaser:hover{transform:translateY(-4px);background:rgba(255,255,255,.075)}.teaser span{font-size:34px;margin-bottom:auto}.teaser b{font-size:18px}.teaser small{color:var(--muted);margin-top:5px;line-height:1.4}.room-head{padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.room-head h2{font-size:44px;letter-spacing:.14em}.room-head-actions{display:flex;gap:9px}.score-strip{display:grid;grid-template-columns:220px 1fr;gap:12px;margin:14px 0}.score-main,.member{border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:20px}.score-main{padding:16px;display:flex;align-items:center;gap:12px}.score-main>span{font-size:30px}.score-main small,.member small{display:block;color:var(--muted);font-size:12px}.score-main b{display:block;margin-top:3px;font-size:18px}.members{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.member{padding:15px 16px;position:relative;overflow:hidden}.member.me{border-color:rgba(185,111,255,.45)}.member::after{content:"";position:absolute;inset:auto -15% -35% auto;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(255,93,169,.25),transparent 65%)}.member b{display:block;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-panel{padding:30px}.section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.section-title h3,.confession-zone h3{font-size:30px;margin:7px 0 0;letter-spacing:-.03em}.section-title>small{color:var(--muted)}.games{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:22px}.games button{min-height:180px;text-align:left;border:1px solid var(--line);border-radius:22px;padding:19px;color:#fff;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.025));cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;transition:.24s;position:relative;overflow:hidden}.games button::before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-45px;top:-50px;background:radial-gradient(circle,rgba(187,92,255,.3),transparent 68%);transition:.3s}.games button:hover{transform:translateY(-5px);border-color:rgba(216,161,255,.45);box-shadow:0 18px 40px rgba(0,0,0,.24)}.games button:hover::before{transform:scale(1.25)}.games button:disabled{opacity:.55;cursor:not-allowed;transform:none}.games i{font-style:normal;font-size:34px;margin-bottom:auto}.games b{font-size:18px}.games small{color:var(--muted);margin-top:4px}.games span{margin-top:13px;color:#e1b4ff;font-weight:850;font-size:13px}.confession-zone{margin-top:34px;padding-top:28px;border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:18px 26px}.confession-zone p{color:var(--muted);margin:8px 0 0}.confession-form{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end}.confession-form textarea{min-height:102px;resize:vertical}.confessions{grid-column:1/-1;display:grid;gap:10px}.confession{padding:15px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.04);display:flex;justify-content:space-between;align-items:center;gap:15px;animation:fadeUp .35s ease both}.confession b{font-size:12px;color:#e2afff}.confession div div{margin-top:4px}.confession button{border:1px solid var(--line);background:rgba(255,255,255,.08);color:#fff;border-radius:11px;padding:9px 12px;cursor:pointer}.game-stage{min-height:620px;padding:28px;display:flex;flex-direction:column;position:relative;overflow:hidden}.game-stage::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(155,92,255,.22),transparent 68%);right:-130px;top:-150px}.game-stage-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.round-pill{padding:9px 13px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px}.prompt-wrap{flex:1;display:grid;place-items:center;text-align:center;padding:50px 8%;position:relative;z-index:1}.prompt-wrap p{font-size:clamp(32px,6vw,64px);line-height:1.08;letter-spacing:-.045em;font-weight:950;margin:0;text-wrap:balance;animation:promptIn .42s cubic-bezier(.2,.8,.2,1)}@keyframes promptIn{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}.roulette-wheel{font-size:80px;margin-bottom:20px;animation:spin .9s cubic-bezier(.2,.8,.2,1)}@keyframes spin{to{transform:rotate(720deg)}}.game-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:1}.drink-control,.host-controls{display:flex;gap:8px}.drink-control button,.host-controls button{border:1px solid var(--line);background:rgba(255,255,255,.07);color:#fff;border-radius:14px;padding:12px 15px;font-weight:850;cursor:pointer}.drink-control .drink-main{background:rgba(255,93,169,.13);border-color:rgba(255,93,169,.3)}.host-controls .primary{border:0}.toast{position:fixed;left:50%;bottom:28px;z-index:80;transform:translate(-50%,25px);opacity:0;pointer-events:none;background:#fff;color:#160c22;padding:13px 18px;border-radius:999px;font-weight:900;box-shadow:0 15px 45px rgba(0,0,0,.35);transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(6,3,10,.7);backdrop-filter:blur(10px);animation:fade .2s}.modal-card{width:min(430px,100%);background:#21152f;border:1px solid var(--line);border-radius:26px;padding:30px;text-align:center;box-shadow:var(--shadow);position:relative;animation:pop .28s cubic-bezier(.2,.8,.2,1)}.modal-close{position:absolute;right:13px;top:12px;border:0;background:transparent;color:#fff;font-size:28px;cursor:pointer}.modal-icon{font-size:46px}.modal-card h3{font-size:27px;margin:10px 0 8px}.modal-card p{color:var(--muted);line-height:1.55}.modal-actions{display:flex;justify-content:center;gap:9px;margin-top:20px}.modal-actions button{border:1px solid var(--line);border-radius:13px;padding:11px 15px;background:rgba(255,255,255,.08);color:#fff;font-weight:850;cursor:pointer}.modal-actions .primary{border:0}.shake{animation:shake .35s}.flash{animation:flash .45s}.drink-pop{animation:drinkPop .35s}@keyframes fade{from{opacity:0}}@keyframes pop{from{opacity:0;transform:scale(.9) translateY(10px)}}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}}@keyframes shake{25%{transform:translateX(-7px)}50%{transform:translateX(7px)}75%{transform:translateX(-4px)}}@keyframes flash{50%{box-shadow:0 0 0 5px rgba(155,92,255,.25),var(--shadow)}}@keyframes drinkPop{50%{transform:scale(1.12)}}#confetti{position:fixed;inset:0;pointer-events:none;z-index:90;overflow:hidden}.confetti-piece{position:absolute;top:-20px;width:10px;height:16px;border-radius:2px;background:var(--pink);animation:fall 1.8s linear forwards}.confetti-piece:nth-child(3n){background:var(--purple)}.confetti-piece:nth-child(4n){background:var(--cyan)}.confetti-piece:nth-child(5n){background:var(--good)}@keyframes fall{to{transform:translate3d(var(--x),110vh,0) rotate(720deg);opacity:.2}}footer{text-align:center;color:#857b91;font-size:12px;padding:24px 18px 30px}@media(max-width:860px){.auth-shell{grid-template-columns:1fr;gap:28px;padding-top:25px}.auth-copy{text-align:center}.auth-copy p{margin-left:auto;margin-right:auto}.mini-features{justify-content:center}.welcome-card,.room-head{align-items:stretch;flex-direction:column}.home-actions{min-width:0}.home-grid{grid-template-columns:1fr}.score-strip{grid-template-columns:1fr}.members{grid-template-columns:repeat(3,1fr)}.games{grid-template-columns:1fr 1fr}.confession-zone{grid-template-columns:1fr}.confession-form{grid-template-columns:1fr}.game-controls{align-items:stretch;flex-direction:column}.drink-control,.host-controls{display:grid;grid-template-columns:auto 1fr auto}.host-controls{grid-template-columns:1fr 1fr}.game-stage{min-height:68vh}}@media(max-width:540px){main{width:min(100% - 20px,1120px);margin-top:18px}.topbar{height:64px;padding:0 12px}.brand-mark{width:36px;height:36px}.auth-copy h1{font-size:52px}.auth-card,.lobby-panel{padding:21px}.welcome-card,.room-head{padding:23px}.room-head-actions{display:grid;grid-template-columns:1fr 1fr}.games{grid-template-columns:1fr}.games button{min-height:145px}.members{grid-template-columns:1fr}.member{min-height:68px}.section-title{align-items:flex-start;flex-direction:column}.game-stage{padding:20px;min-height:72vh}.prompt-wrap{padding:35px 4%}.prompt-wrap p{font-size:35px}.drink-control .drink-main{padding-left:8px;padding-right:8px}.host-controls{grid-template-columns:1fr}.toast{max-width:calc(100% - 28px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.join-box{grid-template-columns:1fr}.join-box button{min-height:50px}.mini-features{gap:6px}}
.party-settings{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:0 0 22px;padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.035)}.party-settings label{display:grid;gap:6px;font-size:12px;color:#cbbdd7}.party-settings select{min-width:130px;padding:11px;border-radius:12px;background:#171020;color:#fff;border:1px solid rgba(255,255,255,.13)}.turn-banner{text-align:center;font-weight:900;font-size:14px;color:#f5cbff;min-height:24px;margin-bottom:8px}.reactions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:10px 0 20px}.reactions button{width:45px;height:45px;border-radius:50%;font-size:21px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}.reactions button:hover{transform:translateY(-4px) scale(1.08)}#waterBtn,#completeBtn{padding:10px 12px;border-radius:14px}.member .reaction{font-size:20px;animation:pop .4s ease}@keyframes pop{50%{transform:scale(1.35)}}.summary-list{display:grid;gap:10px;margin-top:14px}.summary-row{display:flex;justify-content:space-between;padding:12px;border-radius:14px;background:rgba(255,255,255,.05)}