.game-page--dinner-party{--game-accent:var(--green)}.dinner-game{gap:2rem;display:grid}.dinner-game[hidden]{display:none}.dinner-guests{border-top:5px solid var(--game-accent);background:var(--ink);color:#f1eee5;padding:clamp(1.4rem,3vw,2.5rem)}.dinner-guests__header{max-width:58rem;margin-bottom:1.5rem}.dinner-guests__header .eyebrow{color:var(--gold)}.dinner-guests__header h2{color:#f1eee5;margin:0}.dinner-guests__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.dinner-planner,.dinner-results,.dinner-no-js{background:var(--paper-raised);color:var(--paper-ink);border:1px solid #c7c0b2;padding:clamp(1.4rem,3vw,2.5rem)}.dinner-planner__header,.dinner-results__header{max-width:58rem;margin-bottom:2rem}.dinner-planner h2,.dinner-results h2{color:var(--paper-ink);margin:0;font-size:clamp(1.8rem,4vw,3.3rem)}.dinner-table{grid-template-rows:auto minmax(10rem,auto) auto;grid-template-columns:minmax(12rem,1fr) minmax(11rem,.75fr) minmax(12rem,1fr);gap:1rem;margin-block:2.5rem;display:grid}.dinner-table__centre{border:2px solid var(--gold);background:var(--ink);color:#f1eee5;text-align:center;border-radius:50%;grid-area:2/2;place-items:center;min-height:10rem;display:grid}.dinner-table__centre strong{font-family:var(--heading);font-size:1.2rem;display:block}.dinner-table__centre span{color:#bcb8ae;max-width:9rem;margin-top:.35rem;font-size:.8rem;display:block}.dinner-seat{background:#f5f1e8;border:1px solid #aaa294;gap:.45rem;padding:.9rem;display:grid}.dinner-seat:first-of-type{grid-area:1/1}.dinner-seat:nth-of-type(2){grid-area:1/3}.dinner-seat:nth-of-type(3){grid-area:2/3}.dinner-seat:nth-of-type(4){grid-area:3/3}.dinner-seat:nth-of-type(5){grid-area:3/1}.dinner-seat:nth-of-type(6){grid-area:2/1}.dinner-seat span{color:#6d685e;font-family:var(--heading);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}.dinner-seat select{background:var(--paper-raised);width:100%;min-height:2.8rem;color:var(--paper-ink);font:inherit;border:1px solid #8e8779}.dinner-seat select:focus-visible{outline:3px solid color-mix(in srgb, var(--game-accent) 42%, transparent);outline-offset:2px}.dinner-score{border-left:3px solid var(--game-accent);margin-block:1.5rem 2.5rem;padding:1rem 1.4rem;display:inline-grid}.dinner-score strong{font-family:var(--heading);font-size:2rem}.dinner-score span{color:#6d685e;text-transform:uppercase;font-size:.75rem}.dinner-adjacencies{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:0;list-style:none;display:grid}.dinner-adjacencies li{background:#f5f1e8;border:1px solid #c7c0b2;padding:1rem}.dinner-adjacencies li.is-hot{border-left:3px solid var(--pink)}.dinner-adjacencies li.is-productive{border-left:3px solid var(--green)}.dinner-adjacencies strong{font-family:var(--heading);display:block}.dinner-adjacencies span{color:#6d685e;margin-top:.25rem;display:block}.dinner-adjacencies p{margin:.6rem 0 0}.dinner-no-js{width:100%;min-width:0;max-width:calc(100vw - 2rem)}.dinner-no-js__table-wrap{overscroll-behavior-inline:contain;width:100%;max-width:100%;margin-top:1.5rem;overflow-x:auto}.dinner-no-js table{border-collapse:collapse;width:100%;min-width:44rem}.dinner-no-js th,.dinner-no-js td{text-align:left;vertical-align:top;border-bottom:1px solid #c7c0b2;padding:.7rem}@media (width<=52rem){.dinner-table{grid-template-rows:auto;grid-template-columns:1fr 1fr}.dinner-table__centre{border-radius:0;grid-area:1/1/auto/-1}.dinner-seat:nth-of-type(n){grid-area:auto}.dinner-guests__grid{grid-template-columns:1fr}}@media (width<=36rem){.dinner-table,.dinner-adjacencies{grid-template-columns:1fr}.dinner-table__centre{grid-column:auto}}