.party-main{max-width:1180px;padding-bottom:48px}.party-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.party-heading h1{font-size:48px;margin:12px 0}.party-heading p{margin:0;color:var(--muted)}.solo-link{font-size:14px;color:var(--accent)}.connection{font-size:14px;color:var(--accent)}.party-muted{font-size:14px;line-height:1.65;color:var(--muted)}.party-card,.entry-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:26px}.entry-card{max-width:760px;margin:20px auto}.party-main h2{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:500;letter-spacing:-.6px;margin:0 0 12px}.entry-options{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:32px 0}.entry-options>div{border-right:1px solid var(--line);padding-right:30px}.entry-options p{font-size:16px;line-height:1.6;color:var(--muted)}.entry-options button{margin-top:16px}.party-main label{display:block;font-size:14px;font-weight:500}.party-main input:not([type=range]):not([type=checkbox]),.party-main select{display:block;width:100%;padding:12px;margin:8px 0 0;border:1px solid #46503d;border-radius:8px;background:#11160f;color:var(--text);font-size:16px;min-width:0}.party-main input:disabled,.party-main select:disabled{opacity:.65}#join-code{text-transform:uppercase;letter-spacing:5px;font-family:'Space Grotesk',sans-serif;font-weight:600}.lobby-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0 24px}.lobby-banner>div:first-child{display:flex;align-items:center;gap:18px}#room-code{font-family:'Space Grotesk',sans-serif;font-size:32px;letter-spacing:5px;color:var(--accent)}.banner-actions,.lobby-controls{display:flex;gap:10px;flex-wrap:wrap}.party-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.party-main fieldset{margin:0;padding:0;border:0;min-width:0}.party-main .checkbox-label{display:flex;align-items:center;gap:10px;margin:22px 0;line-height:1.5}.checkbox-label input{accent-color:var(--accent);width:18px;height:18px;flex-shrink:0}.lobby-controls{margin-top:22px}.scoreboard-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.scoreboard-heading span{font-size:14px;color:var(--muted)}.player-list{list-style:none;padding:0;margin:12px 0}.player-row{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid var(--line)}.player-row .position{font-size:14px;color:var(--muted);min-width:16px}.player-info{flex:1;min-width:0}.player-name{display:block;font-size:16px;overflow-wrap:anywhere}.player-detail{display:block;font-size:13px;color:var(--muted);margin-top:5px}.player-row.me .player-name{color:var(--accent)}.player-score{font-family:'Space Grotesk',sans-serif;font-size:21px;text-align:right}.round-points{font-size:13px;color:var(--accent);display:block;margin-top:4px}.kick-button{font-size:12px;padding:5px 7px;background:none;border:1px solid var(--line);border-radius:5px}.round-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.round-timer{font-family:'Space Grotesk',sans-serif;font-size:36px;font-variant-numeric:tabular-nums;color:var(--accent)}.round-timer.urgent{color:#ffbc9d}.round-progress{height:5px;background:var(--line);border-radius:3px;overflow:hidden;margin:22px 0}.round-progress>div{height:100%;background:var(--accent);width:0;transition:width .1s linear}.party-player{display:flex;align-items:center;gap:15px;padding:12px 0 22px}.party-player strong{font-size:16px}.party-player .party-muted{display:block;margin-top:5px}.party-player .play-button{font-size:20px}.party-player .volume-label{margin-left:auto}#party-search{margin:0;border:0;background:none}#party-suggestions{position:absolute;left:-1px;right:-1px;top:100%;margin:5px 0 0;padding:5px;list-style:none;background:#252e20;border:1px solid #526044;border-radius:8px;z-index:5;box-shadow:0 12px 25px #0007;max-height:240px;overflow:auto}#party-suggestions li{padding:10px;border-radius:5px;cursor:pointer;font-size:16px;display:flex;flex-direction:column;gap:4px}#party-suggestions li small{font-size:14px;color:var(--muted)}#party-suggestions li[aria-selected=true],#party-suggestions li:hover{background:#3b4a2d}#party-suggestions .no-results{font-size:14px;color:var(--muted);cursor:default}#party-attempts .attempt{height:auto;min-height:38px;line-height:1.5;padding:9px 12px}.party-card #answer-reveal{margin-top:20px}#save-settings{margin-right:12px}.scoreboard>.party-muted{margin-bottom:0}.party-main button{min-height:40px}.party-main .play-button{min-height:52px}#audio-error:empty{display:none}.party-main button:disabled{cursor:default}.party-main .guess-actions{margin-top:12px}.party-main .result h3{font-size:24px}.party-main .result p,.party-main .result a{font-size:14px}
@media(max-width:900px){.party-layout{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.party-card{padding:20px}.lobby-banner{align-items:flex-start;flex-direction:column}.banner-actions{width:100%}.banner-actions button:last-child{margin-left:auto}}
@media(max-width:700px){.party-heading{align-items:flex-start;flex-direction:column;gap:10px}.party-heading h1{font-size:40px}.party-layout{grid-template-columns:1fr}.party-main{padding-top:24px}.entry-options{grid-template-columns:1fr;gap:28px}.entry-options>div{padding:0 0 24px;border-right:0;border-bottom:1px solid var(--line)}.entry-card{padding:22px}.party-main select{width:100%;margin:8px 0 0}.settings-grid{gap:15px}.settings-grid label{min-width:0}.lobby-banner>div:first-child{flex-wrap:wrap;gap:12px}.party-player{flex-wrap:wrap}.party-player .volume-label{margin-left:0}.party-main .guess-actions>span{flex-basis:100%}.round-timer{font-size:32px}.party-main .volume-label input{width:65px}.party-main .guess-button{flex:initial}.lobby-controls .guess-button{flex:1}.scoreboard .player-list{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}}
@media(max-width:400px){.settings-grid,.scoreboard .player-list{grid-template-columns:1fr}.banner-actions{gap:6px}.banner-actions button{font-size:12px;padding:8px}.party-main .party-player{gap:12px}}
.clip-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin:0 0 20px}.clip-actions:not(:has(>button:not([hidden]))):not(:has(>span:not([hidden]))){display:none}.clip-actions .party-muted{font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){.round-progress>div{transition:none}}