.party-page{margin-inline:auto;max-width:58rem}.party-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:1.5rem;padding:1.5rem}.party-access,.party-form{display:grid;gap:1.25rem}.party-form__footer,.party-form__question-variants,.party-form__section,.party-form__source-variant,.party-form__source-variants{display:contents}.party-form__question-variants>[aria-hidden=true],.party-form__source-variant[aria-hidden=true]{display:none}.party-form__availability-status{color:var(--color-text-muted)}.party-access--invitation{--public-page-title-columns:minmax(0,1fr);box-sizing:border-box;gap:1.75rem;margin:0 auto;max-width:42rem;padding:2rem;width:100%}.party-access__facts{border-block:1px solid var(--color-border);display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr);margin:0;padding-block:1.25rem}.party-access__facts>div{align-content:start;display:grid;gap:.5rem;min-width:0}.party-access__facts dt{color:var(--color-text-muted);font-size:var(--font-size-caption);line-height:var(--line-height-body)}.party-access__facts dd{font-size:var(--font-size-body);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold);line-height:var(--line-height-body);margin:0;overflow-wrap:anywhere}.party-access__actions>.button-primary{min-width:13rem}.party-access__footer{border-top:1px solid var(--color-border);padding-top:.75rem}.party-access--invitation .party-access__back{align-items:center;display:inline-flex;font-size:var(--font-size-caption);margin:0;min-height:var(--control-height-min)}.party-form__grid{display:grid;gap:1.25rem;grid-template-columns:repeat(2,minmax(0,1fr))}.party-form__availability{min-height:1.5rem;padding-block:.25rem}.party-access p,.party-form__availability p{margin:0;overflow-wrap:anywhere}.party-form__availability strong{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.party-form__submit{justify-self:start}.party-section-title{font-size:var(--font-size-section-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);margin:0}.party-summary{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem}.party-muted{color:var(--color-text-muted);font-size:var(--font-size-body);line-height:var(--line-height-body)}.party-error{color:var(--color-danger);overflow-wrap:anywhere}.party-notice{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);line-height:var(--line-height-body);padding:1rem}.party-notice .party-actions{margin-top:1rem}.party-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.party-field{display:grid;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);gap:.5rem;min-width:0}.party-input{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--ui-action-radius);color:var(--color-text);font:inherit;font-size:var(--font-size-control);line-height:var(--line-height-control);min-height:3rem;min-width:0;padding:.75rem 1rem;width:100%}.party-back:focus-visible,.party-input:focus-visible,.party-text-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.party-invite-url{text-overflow:ellipsis}.party-text-button{background:transparent;border:0;color:var(--color-primary);cursor:pointer;font:inherit;font-size:var(--font-size-control);justify-self:start;padding:.375rem 0}.party-back:hover,.party-text-button:hover{color:var(--color-primary-hover)}.party-text-button:disabled{cursor:wait;opacity:.5}.party-back{color:var(--color-text-muted);display:inline-block;font-size:var(--font-size-control);margin-top:1.5rem}.party-lobby__columns{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.party-lobby__columns>div{min-width:0}.party-lobby__section-head{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.party-roster{list-style:none;margin:0;padding:0}.party-roster__row{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:.75rem;padding:1rem 0}.party-roster__person{display:grid;flex:1;gap:.25rem;min-width:0;overflow-wrap:anywhere}.party-roster__avatar{border-radius:var(--radius-round);flex:0 0 auto;-o-object-fit:cover;object-fit:cover}.party-roster__role,.party-roster__status{font-size:var(--font-size-caption);line-height:var(--line-height-body)}.party-roster__status{color:var(--color-text-muted)}.party-roster__status--ready{color:var(--color-primary)}.party-sound-check{display:grid;gap:.75rem}.party-lobby__controls{gap:1rem}.party-lobby__ready-actions{display:grid;gap:.75rem}.party-lobby__ready-actions>.button,.party-sound-check__button{min-height:var(--control-height-md);width:100%}.party-lobby__ready-status{min-height:2lh}.party-lobby__controls .party-sound-check{border-top:1px solid var(--color-border);padding-top:1rem}.party-sound-check__feedback{font-size:var(--font-size-caption);line-height:var(--line-height-body);min-height:2lh}.party-page--game{max-width:72rem}.party-game{align-content:center;box-sizing:border-box;display:grid;gap:.75rem;margin-top:0;min-height:calc(100svh - var(--site-header-height));padding-block:1rem}.party-game>p{margin:0}.party-game__stage{display:grid;margin-inline:auto;max-width:72rem;min-width:0;width:100%}.party-game__stage>.party-game__round,.party-game__stage>.party-reveal{align-content:start;grid-area:1/1;max-width:none}.party-game__round--hidden{visibility:hidden}.party-game__play{gap:1rem}.party-game__participants,.party-game__play{align-content:start;display:grid;min-width:0}.party-game__participants{gap:.75rem}.party-game__participants-title{font-size:var(--font-size-lead);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);margin:0}.party-game__participants>.party-text-button{justify-self:start;min-height:var(--control-height-min)}.party-game__participants .party-roster__row{gap:.5rem;padding-block:.75rem}.party-game__participants .party-roster__person>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-game__round p{margin:0}.party-game__clock>span,.party-game__heading>span{color:var(--color-text-muted);font-size:var(--font-size-caption);line-height:var(--line-height-body)}.party-game__heading h2{align-items:center;display:flex;min-height:2lh}.party-game__clock{min-width:6.5rem}.party-game__feedback{min-height:3rem}.party-game__feedback>p{margin:0}.party-game__choices{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.party-game__choice{align-content:start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--ui-action-radius);box-sizing:border-box;color:var(--color-text);cursor:pointer;display:grid;font:inherit;font-size:var(--font-size-control);gap:.375rem;height:6.25rem;line-height:var(--line-height-control);min-width:0;overflow-wrap:anywhere;padding:1rem 1.25rem;text-align:left}.party-game__choice strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.party-game__choice span{color:var(--color-text-muted);font-size:var(--font-size-caption);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-game__choice--placeholder{background:var(--color-bg-soft);cursor:default}.party-game__choice--selected,.party-game__choice:hover:not(:disabled):not(.party-game__choice--placeholder){background:var(--color-primary-soft);border-color:var(--color-primary)}.party-game__choice:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.party-game__choice:disabled{cursor:default}.party-game .party-roster__row>span{flex-shrink:0;font-variant-numeric:tabular-nums}.party-game__round,.party-reveal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-sizing:border-box;display:grid;gap:1.5rem;margin-inline:auto;max-width:52rem;min-width:0;padding:1.5rem;width:100%}.party-reveal p{margin:0}.party-reveal .sr-only{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.party-reveal__summary{display:grid;gap:1.25rem;min-width:0}.party-game__header,.party-reveal__header{align-items:center;display:flex;gap:1rem;justify-content:space-between;min-width:0}.party-game__heading,.party-reveal__header>div:first-child{display:grid;gap:.375rem;min-width:0}.party-reveal__label,.party-reveal__round{color:var(--color-text-muted);font-size:var(--font-size-caption);line-height:var(--line-height-body)}.party-reveal__header h2:focus{outline:none}.party-game__clock,.party-reveal__countdown{display:grid;flex:0 0 auto;gap:.25rem;justify-items:end}.party-game__timer,.party-reveal__timer{align-items:baseline;background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);display:flex;font-size:var(--font-size-caption);font-variant-numeric:tabular-nums;gap:.25rem;justify-content:center;line-height:var(--line-height-heading);min-width:3.5rem;padding:.375rem .625rem}.party-game__timer strong,.party-reveal__timer strong{font-size:var(--font-size-section-title);font-weight:var(--font-weight-bold)}.party-game__timer>span,.party-reveal__timer>span{color:var(--color-text-muted)}.party-reveal__answer{background:var(--color-primary-soft);border:1px solid var(--color-primary-border);border-radius:var(--radius-md);display:grid;font-size:var(--font-size-body);gap:.375rem;line-height:var(--line-height-control);min-width:0;padding:1.25rem}.party-reveal__answer>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-reveal__answer>.party-reveal__label{color:var(--color-primary)}.party-reveal__answer>strong{display:-webkit-box;-webkit-box-orient:vertical;font-size:var(--font-size-section-title);font-weight:var(--font-weight-bold);-webkit-line-clamp:2;line-height:var(--line-height-heading);overflow-wrap:anywhere;white-space:normal}.party-reveal__answer>span:last-child{color:var(--color-text-muted);font-size:var(--font-size-body);line-height:var(--line-height-body)}.party-reveal__voided{background:var(--color-bg-soft);border-color:var(--color-border);line-height:var(--line-height-body)}.party-reveal__tables{display:grid;gap:0;min-width:0}.party-reveal__table{border-collapse:collapse;font-size:var(--font-size-body);line-height:var(--line-height-body);table-layout:fixed;width:100%}.party-reveal__place-col{width:2.25rem}.party-reveal__answer-col{width:8rem}.party-reveal__score-col{width:4.5rem}.party-reveal__table td,.party-reveal__table th{border-bottom:1px solid var(--color-border);padding:.625rem .5rem;text-align:left;vertical-align:middle}.party-reveal__table thead th{color:var(--color-text-muted);font-size:var(--font-size-caption);font-weight:var(--font-weight-normal);padding-block:0 .625rem}.party-reveal__table tbody th{font-weight:var(--font-weight-semibold)}.party-reveal__table tbody tr:last-child>*{border-bottom:0}.party-reveal__table+.party-reveal__table thead{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.party-reveal__place{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.party-reveal__person{align-items:baseline;display:flex;gap:.5rem;min-width:0}.party-reveal__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-reveal__you{color:var(--color-primary);flex:0 0 auto;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold)}.party-reveal__outcome{color:var(--color-text-muted);font-size:var(--font-size-caption);white-space:nowrap}.party-reveal__status{align-items:center;display:flex;gap:.375rem;min-height:2rem}.party-reveal__table [data-result=correct] .party-reveal__outcome{color:var(--color-primary)}.party-reveal__table [data-result=wrong] .party-reveal__outcome{color:var(--color-text)}.party-reveal__table .party-reveal__score{font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold);text-align:right}.party-reveal__table thead th:last-child{text-align:right}.party-reveal__self{background:var(--color-primary-soft);box-shadow:inset 2px 0 var(--color-primary)}@media(min-width:1024px){.party-game__round{-moz-column-gap:1.5rem;column-gap:1.5rem;grid-template-columns:minmax(0,1fr) 17rem}.party-game__header{grid-column:1/-1}.party-game__heading h2{min-height:1lh}.party-game__participants{border-left:1px solid var(--color-border);padding-left:1.5rem}.party-game__participants .party-roster{max-height:24rem;overflow-y:auto;scrollbar-gutter:stable}}@media(max-width:1023px){.party-game__round--hidden{display:none}.party-game__participants .party-roster{-moz-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.party-game__participants .party-roster__row{flex-wrap:wrap}.party-game__participants .party-roster__person{flex-basis:100%}}@media(min-height:600px){.party-reveal--small .party-reveal__answer{padding-block:1.5rem}.party-reveal--small .party-reveal__answer>strong{font-size:var(--font-size-page-title-mobile)}.party-reveal--small .party-reveal__table tbody td,.party-reveal--small .party-reveal__table tbody th{padding-block:1rem}}@media(min-width:760px)and (min-height:600px){.party-reveal--small .party-reveal__score-col{width:6rem}.party-reveal--small .party-reveal__score{font-size:var(--font-size-section-title)}}@media(min-width:760px){.party-reveal--split .party-reveal__tables{align-items:start;gap:1.25rem;grid-template-columns:repeat(2,minmax(0,1fr))}.party-reveal__table+.party-reveal__table thead{clip-path:none;height:auto;overflow:visible;position:static;white-space:normal;width:auto}}@media(max-width:759px){.party-game{padding-block:.75rem}.party-game__round,.party-reveal{gap:.75rem;padding:.75rem}.party-reveal__summary{gap:.75rem}.party-game__header,.party-reveal__header{gap:.5rem}.party-game__header h2,.party-reveal__header h2{font-size:var(--font-size-card-title)}.party-reveal__answer{gap:.25rem;padding:.75rem}.party-reveal__answer>strong{font-size:var(--font-size-card-title)}.party-reveal__answer>span:last-child{font-size:var(--font-size-caption)}.party-reveal__place-col{width:1.5rem}.party-reveal__answer-col{width:5.25rem}.party-reveal__score-col{width:3.5rem}.party-reveal__table td,.party-reveal__table th{padding:.125rem .25rem}.party-reveal__table thead th{padding-block:0 .375rem}.party-reveal__person{gap:.25rem}.party-reveal__outcome-label--marked{display:none}}@media(min-width:600px)and (max-height:500px){.party-game{padding-block:.25rem}.party-game__round,.party-reveal{gap:.5rem;padding:.5rem}.party-reveal__summary{align-items:center;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.party-reveal__header>div:first-child{gap:.125rem}.party-reveal__header h2{font-size:var(--font-size-card-title);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-reveal__answer>.party-reveal__label,.party-reveal__countdown>.party-reveal__label{display:none}.party-reveal__answer{gap:.125rem;padding:.5rem .75rem}.party-reveal__answer>strong{display:block;font-size:var(--font-size-card-title);white-space:nowrap}.party-reveal__answer>span:last-child{font-size:var(--font-size-caption)}.party-reveal--split .party-reveal__tables{align-items:start;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.party-reveal__place-col{width:1.5rem}.party-reveal__answer-col{width:5.25rem}.party-reveal__score-col{width:3.5rem}.party-reveal__table td,.party-reveal__table th{padding:.0625rem .25rem}.party-reveal__table thead th{padding-block:0 .375rem}.party-reveal__outcome-label--marked{display:none}.party-reveal__table+.party-reveal__table thead{clip-path:none;height:auto;overflow:visible;position:static;white-space:normal;width:auto}}.party-results{display:grid;gap:1.25rem;margin-top:1.5rem;min-width:0}.party-results>p{margin:0}.party-results__saved{color:var(--color-primary);font-size:var(--font-size-body)}.party-results__personal{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin:0}.party-results__table{border-collapse:collapse;font-size:var(--font-size-body);line-height:var(--line-height-body);table-layout:fixed;width:100%}.party-results__table caption{font-size:var(--font-size-section-title);font-weight:var(--font-weight-bold);padding-bottom:1rem;text-align:left}.party-results__table td,.party-results__table th{border-bottom:1px solid var(--color-border);overflow-wrap:anywhere;padding:1rem .75rem;text-align:left;vertical-align:top}.party-results__table thead th{color:var(--color-text-muted);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium)}.party-results__table td:first-child,.party-results__table th:first-child{width:5rem}.party-results__table td:last-child,.party-results__table th:last-child{font-variant-numeric:tabular-nums;text-align:right;width:5rem}.party-results__table tbody th{font-weight:var(--font-weight-normal)}.party-results__self{background:var(--color-primary-soft)}.party-results__counts{color:var(--color-text-muted);display:block;font-size:var(--font-size-caption);margin-top:.375rem}.party-results__review{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.party-results__review summary{cursor:pointer;font-weight:var(--font-weight-semibold);padding:1rem}.party-results__review summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.party-results__answers{list-style:none;margin:0;padding:0 1rem}.party-results__answers li{border-top:1px solid var(--color-border);overflow-wrap:anywhere;padding-block:1rem}.party-results__answer-head{display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:space-between}.party-results__answers p{color:var(--color-text-muted);font-size:var(--font-size-caption);margin:.5rem 0 0}@media(max-width:820px){.party-lobby__columns{gap:0;grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.party-panel.party-access--invitation{gap:1.5rem;padding:1.25rem}.party-access__facts{grid-template-columns:repeat(2,minmax(0,1fr))}.party-access__music{grid-column:1/-1}.party-results__table td,.party-results__table th{padding:.875rem .5rem}.party-results__table td:first-child,.party-results__table th:first-child{width:3.5rem}.party-results__table td:last-child,.party-results__table th:last-child{width:4.25rem}.party-game__choices{grid-template-columns:minmax(0,1fr)}.party-panel{padding:1rem}.party-form__grid{grid-template-columns:minmax(0,1fr)}.party-form__submit{width:100%}.party-actions>.button{flex:1 1 auto}}@media(max-width:480px){.party-access__actions{display:grid;grid-template-columns:minmax(0,1fr)}.party-access__actions>.button{min-width:0;width:100%}}