.party-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;padding:0;margin:0;color:white;background:#28134c;font-family:'DM Sans',system-ui;overflow:auto;z-index:30}.party-dialog::backdrop{background:#18082e}.party-dialog:before{content:'';pointer-events:none;position:fixed;inset:0;background:radial-gradient(circle at 12% 8%,#7651b455,transparent 35%),radial-gradient(circle at 90% 60%,#5245ab55,transparent 35%)}.party-shell{position:relative;max-width:1080px;padding:24px 35px 35px;margin:auto}.party-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.party-brand{text-decoration:none;font-family:Manrope;font-weight:800;font-size:25px;letter-spacing:-1px;display:flex;align-items:center;gap:14px}.party-brand span{font-family:'DM Sans';font-size:9px;background:#ffffff18;padding:8px 11px;border-radius:30px;letter-spacing:1.4px}.party-exit{background:#ffffff12;border:1px solid #ffffff32;border-radius:50%;width:40px;height:40px;color:#fff;font-size:27px;line-height:1;display:grid;place-items:center}.party-intro{text-align:center;margin:45px 0 32px}.party-badge{display:block;font-size:9px;letter-spacing:2px;font-weight:700;color:#e0c8ff}.party-dialog h1{font-family:Manrope;font-size:48px;line-height:1.14;letter-spacing:-2px;margin:18px 0;color:white;font-weight:800;outline:none}.party-dialog h1 em{color:#f5d953;font-style:normal}.party-intro>p{font-size:14px;color:#c0b4d3;line-height:1.75}.party-setup{max-width:750px;margin:auto;background:#ffffff0a;border:1px solid #ffffff1b;border-radius:22px;padding:27px}.party-setup fieldset{padding:0;border:0;margin:0}.party-setup legend,.party-options label,.party-names label{font-size:12px;font-weight:650;margin-bottom:12px;color:#eadff6}.party-mode{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:0 0 23px}.party-mode label{display:flex;align-items:center;gap:11px;background:#ffffff0b;padding:16px;border:2px solid #ffffff14;border-radius:13px;cursor:pointer}.party-mode label:has(input:checked){background:#9c7bd02d;border-color:#c19aff}.party-mode input{width:18px;height:18px;accent-color:#ddbcff}.party-mode span{font-size:14px;font-weight:650}.party-mode small{display:block;font-size:10px;font-weight:400;margin-top:6px;color:#bcb1cd}.party-names{display:grid;grid-template-columns:1fr 1fr;gap:11px 16px;margin-bottom:15px}.party-names label{display:flex;flex-direction:column;gap:8px;margin-bottom:0}.party-names input,.party-options select{border:1px solid #ffffff28;background:#1f0c3d;color:white;border-radius:9px;min-width:0;width:100%;min-height:45px;padding:11px 13px;font:inherit;font-size:13px}.party-names input::placeholder{color:#92849f}.party-options{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:15px;margin:23px 0 8px}.party-options label{display:flex;flex-direction:column;gap:10px}.party-options select{appearance:auto;font-size:11px}.party-how{background:#ffffff08;padding:15px 17px;border-radius:11px;border:1px solid #ffffff13;margin-top:9px}.party-how>b{font-size:11px;color:#e6d7ff}.party-how p{font-size:10px;color:#b8acc8;line-height:1.7;margin:7px 0 0}.party-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:14px 25px;border-radius:12px;font-size:13px;line-height:1.4;font-weight:750;border:0;cursor:pointer}.party-go{background:#f4d852;color:#3c2b08;box-shadow:0 4px 0 #ac8f2b}.party-go:hover{background:#ffe477}.party-button span{font-size:22px;line-height:1}.party-setup>.party-go{width:100%;margin-top:20px}.party-secondary{background:#ffffff10;color:#fff;border:1px solid #ffffff3b;box-shadow:none}.party-setup-error{font-size:12px;color:#ffb5b5;margin-top:12px}.party-footnote{text-align:center;color:#9685b1;font-size:9px;margin:30px 0 5px}.party-handoff{text-align:center;max-width:700px;margin:25px auto}.party-handoff-shape{margin:0 auto 28px;width:100px;height:100px;border-radius:30px;background:#7a4da3;display:grid;place-items:center;font-size:53px;color:#f1d65c;transform:rotate(-8deg)}.party-handoff h1{overflow-wrap:anywhere}.party-handoff>p{font-size:14px;color:#c7b8d9}.party-handoff-stats{display:flex;justify-content:center;gap:25px;font-size:11px;color:#a994c1;margin:25px 0}.party-handoff>.party-go{min-width:240px;margin-bottom:27px}.party-question{max-width:940px;margin:auto}.party-question-bar{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#d4c2e8;margin-bottom:16px}.party-timer{height:12px;border-radius:12px;background:#ffffff1a;position:relative;margin-right:53px;isolation:isolate}.party-timer>[data-timer-track]{background:#f7d750;position:absolute;inset:0;border-radius:12px;transform-origin:left;z-index:0}.party-timer>span{position:absolute;right:-49px;top:-6px;font-size:16px;font-weight:750;color:#f8db67}.party-timer.untimed{background:#ffffff14}.party-timer.untimed>div{display:none}.party-question h1{text-align:center;font-size:28px;letter-spacing:-1px;margin:28px 0 22px}.party-question-image{margin:0 auto 28px;background:#fff;border:6px solid #ffffff22;max-width:420px;height:257px;border-radius:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px #0e031e3b}.party-question-image img{width:210px;height:210px;object-fit:contain}.party-answers{display:grid;grid-template-columns:1fr 1fr;gap:13px}.party-answer{display:flex;align-items:center;gap:16px;text-align:left;padding:18px 21px;min-height:82px;border:2px solid #ffffff18;border-radius:13px;font-size:16px;font-weight:650;color:white;box-shadow:0 5px 0 #13082460;line-height:1.35}.party-answer:hover{filter:brightness(1.08)}.answer-colour-0{background:#b51f45}.answer-colour-1{background:#1957b5}.answer-colour-2{background:#946800}.answer-colour-3{background:#17693f}.party-shape{display:flex;align-items:center;justify-content:center;width:32px;min-width:32px;font-size:30px}.party-question-hint{text-align:center;font-size:10px;color:#b49fca;margin:23px 0 0}.party-reveal{text-align:center;max-width:820px;margin:10px auto}.party-result-icon{display:grid;place-items:center;margin:10px auto 24px;border-radius:50%;height:75px;width:75px;font-size:43px;font-weight:700}.party-result-icon.win{background:#48a774;color:white}.party-result-icon.miss{background:#9267b7;color:#fff}.party-reveal h1{font-size:36px;margin:16px 0 24px}.party-reveal-card{background:#fff;color:#2f3a30;display:flex;align-items:center;gap:28px;padding:24px;border-radius:20px;text-align:left}.party-reveal-card>img{width:135px;height:135px;object-fit:contain;flex-shrink:0}.party-reveal-card h2{font-size:21px;letter-spacing:-.7px}.party-reveal-card p{font-size:12px;color:#71806a;line-height:1.6;margin-top:9px}.party-tip{font-size:11px;background:#f1edd5;color:#776b3e;border-radius:9px;padding:10px;margin-top:12px;line-height:1.6}.party-answer-recap{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 26px}.party-answer-recap .party-answer{font-size:11px;min-height:55px;padding:12px;gap:10px;box-shadow:none}.party-answer-recap .party-answer.was-other{opacity:.45}.party-answer-recap .party-answer.was-selected{border-color:#ffb7b7}.party-answer-recap .party-answer.was-correct{border:3px solid white;opacity:1}.party-leaderboard{max-width:620px;margin:25px auto;background:#ffffff08;border:1px solid #ffffff14;border-radius:15px;overflow:hidden;text-align:left}.party-score-row{display:flex;align-items:center;gap:16px;padding:17px 20px;border-bottom:1px solid #ffffff15}.party-score-row:last-child{border:0}.party-rank{color:#cdb3ea;width:22px;font-size:17px;flex-shrink:0}.party-score-row>span:nth-child(2){flex:1;min-width:0}.party-score-row b{font-size:14px;overflow-wrap:anywhere}.party-score-row small{display:block;color:#a992c0;font-size:9px;font-weight:450;margin-top:5px}.party-score-row>strong{text-align:right;font-family:Manrope;font-size:22px;letter-spacing:-1px}.party-score-row.leading{background:#f9db5810}.party-score-row.leading .party-rank{color:#f6d657}.party-podium{text-align:center;max-width:720px;margin:20px auto}.party-podium-trophy{display:block;font-size:70px;color:#f1d05c;line-height:1.3;margin-bottom:18px}.party-podium h1{font-size:42px;overflow-wrap:anywhere}.party-podium>p{font-size:13px;color:#bda8d2}.party-podium-actions{display:flex;gap:13px;justify-content:center;margin-top:25px}.party-podium>p.party-small{font-size:10px;line-height:1.7;margin-top:26px}.party-exit-overlay{position:fixed;z-index:20;inset:0;background:#120323d9;display:flex;align-items:center;justify-content:center;padding:20px}.party-exit-overlay>section{background:#342052;padding:30px;border:1px solid #ffffff32;border-radius:20px;max-width:500px;width:100%;box-shadow:0 20px 70px #0004}.party-exit-overlay h2{font-size:26px;letter-spacing:-.8px}.party-exit-overlay p{font-size:12px;color:#c4b0d9;line-height:1.7;margin-top:15px}.party-exit-overlay>section>div{display:flex;gap:12px;margin-top:25px}.party-dialog button:focus-visible,.party-dialog input:focus-visible,.party-dialog select:focus-visible,.party-dialog a:focus-visible{outline:3px solid #ffeb9e;outline-offset:5px}
@media(max-width:650px){.party-shell{padding:18px 22px 25px}.party-top{margin-bottom:25px}.party-brand{font-size:22px;gap:9px}.party-brand span{font-size:7px;padding:7px 9px}.party-exit{width:35px;height:35px;font-size:24px}.party-intro{margin:32px 0 25px}.party-dialog h1{font-size:35px;letter-spacing:-1.7px}.party-intro>p{font-size:12px}.party-badge{font-size:8px;letter-spacing:1.4px}.party-setup{padding:20px 17px;border-radius:17px}.party-mode{gap:9px}.party-mode label{padding:12px 10px;gap:7px}.party-mode span{font-size:11px}.party-mode small{font-size:8px;line-height:1.5}.party-mode input{width:14px;height:14px}.party-names{gap:12px 10px}.party-names label,.party-setup legend{font-size:10px}.party-names input{font-size:11px;padding:10px;min-height:44px}.party-options{grid-template-columns:1fr;gap:8px;margin-top:20px}.party-options label{font-size:10px;gap:8px;margin-bottom:9px}.party-options select{font-size:12px;min-height:44px}.party-how{padding:13px}.party-how p{font-size:9px}.party-how>b{font-size:10px}.party-button{font-size:12px;min-height:48px;padding:12px 20px;border-radius:10px}.party-handoff{margin-top:35px}.party-handoff-shape{height:80px;width:80px;border-radius:24px;font-size:42px;margin-bottom:25px}.party-handoff>p{font-size:12px}.party-handoff-stats{font-size:9px;gap:15px;margin:23px 0}.party-handoff>.party-go{min-width:210px}.party-question-bar{font-size:9px;gap:14px;line-height:1.5}.party-question-bar>span{max-width:55%;overflow-wrap:anywhere}.party-timer{height:9px;margin-right:41px}.party-timer>span{font-size:13px;right:-39px;top:-5px}.party-question h1{font-size:25px;letter-spacing:-.9px;margin:24px 0 20px;line-height:1.25}.party-question-image{height:220px;max-width:330px;border-radius:20px;border-width:4px;margin-bottom:23px}.party-question-image img{width:175px;height:175px}.party-answers{gap:11px}.party-answer{font-size:12px;padding:15px 11px;gap:9px;min-height:94px;border-radius:11px}.party-shape{width:21px;min-width:21px;font-size:23px}.party-question-hint{font-size:9px;margin-top:20px}.party-reveal h1{font-size:30px;margin-bottom:22px}.party-result-icon{height:61px;width:61px;font-size:35px}.party-reveal-card{flex-direction:column;gap:18px;padding:20px}.party-reveal-card>img{width:120px;height:120px}.party-reveal-card h2{font-size:20px}.party-reveal-card p{font-size:11px}.party-tip{font-size:10px}.party-answer-recap{gap:9px}.party-answer-recap .party-answer{font-size:9px;min-height:66px;padding:10px;gap:7px}.party-score-row{padding:14px;gap:11px}.party-score-row b{font-size:12px}.party-score-row strong{font-size:19px}.party-score-row small{font-size:8px}.party-podium h1{font-size:33px}.party-podium>p{font-size:11px}.party-podium-actions{flex-direction:column;gap:13px}.party-podium>p.party-small{font-size:9px}.party-podium-trophy{font-size:60px}.party-exit-overlay>section{padding:24px}.party-exit-overlay h2{font-size:23px}.party-exit-overlay p{font-size:11px}.party-exit-overlay>section>div{flex-direction:column-reverse;gap:12px}.party-footnote{font-size:8px;margin-top:26px}}
@media(max-width:360px){.party-shell{padding:16px}.party-brand{font-size:20px}.party-dialog h1{font-size:31px;letter-spacing:-1.3px}.party-intro>p{font-size:11px}.party-mode{grid-template-columns:1fr}.party-setup{padding:17px 14px}.party-names{grid-template-columns:1fr}.party-answer{font-size:11px;padding:13px 9px;gap:7px;min-height:92px}.party-shape{min-width:17px;width:17px;font-size:19px}.party-question-image{height:190px}.party-question-image img{height:155px;width:155px}.party-question h1{font-size:23px}.party-handoff-stats{font-size:8px;gap:10px}}
@media(prefers-reduced-motion:reduce){.party-dialog *{animation:none!important;transition:none!important}}