.app{align-items:center;gap:var(--sp-lg);min-height:100%;padding:var(--sp-xl) var(--sp-md) var(--sp-2xl);flex-direction:column;display:flex}.app-top{width:100%;max-width:var(--table-max);justify-content:center;align-items:center;display:flex;position:relative}.brand{font-family:var(--serif);letter-spacing:-.01em;color:var(--text);font-size:22px;font-weight:600}.brand em{color:var(--gold);font-style:italic}.settings-open{border-radius:var(--r-full);border:1px solid var(--gold-hairline);width:40px;height:40px;color:var(--muted);transition:border-color var(--dur-short) var(--ease-move), color var(--dur-short) var(--ease-move);background:#0000003d;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:0;transform:translateY(-50%)}.settings-open:hover{border-color:var(--gold-line);color:var(--text)}.settings-open:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.settings-open-gear{display:block}.screen-swap{width:100%;animation:fade var(--dur-short) var(--ease-enter);flex-direction:column;align-items:center;display:flex}@media (prefers-reduced-motion:reduce){.screen-swap{animation:none}}@media (width>=640px){.brand{font-size:26px}}.firstpaint{z-index:20;justify-content:center;align-items:center;gap:var(--sp-xl);padding:var(--sp-2xl) var(--sp-lg);text-align:center;background:radial-gradient(120% 82% at 50% 42%, var(--felt-glow) 0%, var(--felt) 58%, var(--felt-edge) 100%);flex-direction:column;display:flex;position:fixed;inset:0;box-shadow:inset 0 0 120px #00000073}.firstpaint:before,.firstpaint:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.firstpaint:before{background:var(--felt-lamp);opacity:.6}.firstpaint:after{background-image:var(--felt-grain);opacity:.55;background-size:128px 128px}.firstpaint-brand{flex-direction:column;align-items:center;display:flex}.firstpaint .firstpaint-brand{opacity:0;animation:firstpaint-rise var(--dur-long) var(--ease-enter) .42s both}.firstpaint-mark{font-family:var(--serif);letter-spacing:-.01em;color:var(--text);font-size:clamp(34px,11vw,52px);font-weight:600;line-height:1}.firstpaint-mark em{color:var(--gold);font-style:italic}.firstpaint-spine{width:min(220px,58vw);height:2px;margin-top:var(--sp-lg);border-radius:var(--r-full);box-shadow:0 0 18px 2px var(--gold-glow);transform-origin:50%;animation:firstpaint-draw var(--dur-long) var(--ease-enter) .64s both;background:linear-gradient(90deg,#0000,#e8b23a8c 15% 85%,#0000);transform:scaleX(0)}.firstpaint-note{opacity:0;font-family:var(--serif);color:var(--muted);animation:firstpaint-rise var(--dur-long) var(--ease-enter) 2.2s both;font-size:15px;font-style:italic}.firstpaint--gone{gap:var(--sp-lg);animation:firstpaint-rise var(--dur-medium) var(--ease-enter) both}.firstpaint-gone-title{font-family:var(--serif);letter-spacing:-.01em;color:var(--text);text-wrap:balance;font-size:clamp(26px,8vw,40px);font-weight:600;line-height:1.05}.firstpaint-gone-sub{font-family:var(--sans);color:var(--muted);text-wrap:pretty;max-width:32ch;font-size:14px}@keyframes firstpaint-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes firstpaint-draw{to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.firstpaint .firstpaint-brand,.firstpaint-note,.firstpaint--gone{opacity:1;animation:none}.firstpaint-spine{animation:none;transform:none}}.screen-note{color:var(--muted);font-family:var(--sans);text-align:center}.screen-error{color:var(--error);font-family:var(--sans);font-size:var(--type-label);text-align:center;animation:fade var(--dur-short) var(--ease-enter);margin:0}@media (prefers-reduced-motion:reduce){.screen-error{animation:none}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.arrival{width:100%;max-width:var(--table-max);align-items:stretch;gap:var(--sp-md);flex-direction:column;margin:0 auto;display:flex}.felt--arrival{--seat-inset:62px;height:clamp(420px,66svh,560px);padding:0;overflow:hidden}.arrival-dim{z-index:2;pointer-events:none;background:radial-gradient(90% 75% at 50% 42%,#0000002e,#0009);position:absolute;inset:0}.arrival-dim--lifting{animation:arrival-lights var(--dur-arrival-lights) var(--ease-move) forwards}@keyframes arrival-lights{to{opacity:0}}.arrival-seats,.arrival-ghosts{z-index:3;pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.aseat{width:104px;transition:left var(--dur-long) var(--ease-move), top var(--dur-long) var(--ease-move);flex-direction:column;align-items:center;gap:5px;margin-left:-52px;display:flex;position:absolute;transform:translateY(-50%)}.aseat-av{border-radius:var(--r-full);width:46px;height:46px;font-family:var(--sans);font-weight:700;font-size:var(--type-body);color:var(--text);background:var(--avatar-bg);border:2px solid #0000;place-items:center;display:grid}.arrival-seats .aseat-av{background:0 0;border:none}.aseat--you .aseat-av{box-shadow:0 0 0 2px var(--gold), 0 0 0 5px var(--gold-glow)}.aseat--away{opacity:.55}.aseat--empty .aseat-av{background:0 0;border:1.5px dashed #eaf3ee47}.felt--rest .aseat--empty{opacity:.3}.aseat-card{background:var(--ivory);max-width:118px;color:var(--ink);border-radius:4px;flex-direction:column;align-items:center;gap:1px;padding:3px 9px 4px;display:flex;position:relative;box-shadow:0 3px 8px #00000059,inset 0 1px #ffffff40}.aseat-name{font-family:var(--sans);font-weight:700;font-size:var(--type-label-sm);white-space:nowrap;text-overflow:ellipsis;max-width:100px;line-height:1.25;overflow:hidden}.aseat-tag{font-family:var(--sans);font-size:var(--type-micro);letter-spacing:.14em;text-transform:uppercase;color:#1a1a1a8c;font-weight:700;line-height:1.2}.aseat-tag--host{color:var(--brass-ink)}.aseat-pips{color:var(--suit-red);letter-spacing:0}.aseat-remove{border-radius:var(--r-full);width:20px;height:20px;color:var(--muted);font-size:var(--type-label-sm);pointer-events:auto;cursor:pointer;background:#0000008c;border:none;place-items:center;padding:0;line-height:1;display:grid;position:absolute;top:-9px;right:-9px}.aseat-remove:before{content:"";border-radius:var(--r-full);position:absolute;inset:-12px}.aseat-remove:hover:not(:disabled){color:var(--error)}.aseat-remove:disabled{opacity:.45;cursor:not-allowed}.aseat-remove:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.arrival-seats .aseat-av{animation:aseat-sit var(--dur-medium) var(--ease-enter) calc(var(--seat-i,0) * var(--dur-seat-stagger)) backwards}.arrival-seats .aseat-card{animation:aseat-place var(--dur-medium) var(--ease-enter) calc(var(--seat-i,0) * var(--dur-seat-stagger) + var(--dur-seat-card-delay)) backwards}@keyframes aseat-sit{0%{opacity:0;transform:scale(.55)}}@keyframes aseat-place{0%{opacity:0;transform:translateY(-7px)}}.arrival-center{z-index:1;justify-content:center;align-items:center;gap:var(--sp-lg);pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.arrival-center>*{pointer-events:auto}.arrival-plate{border:1px solid var(--gold-hairline);cursor:copy;animation:arrival-rise var(--dur-long) var(--ease-enter) var(--dur-short) backwards;background:#00000029;border-radius:12px;flex-direction:column;align-items:center;gap:1px;padding:10px 26px 13px;display:flex;box-shadow:inset 0 1px #ffffff0d}.arrival-plate:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.plate-label{font-family:var(--sans);font-size:var(--type-micro);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);opacity:.7;font-weight:700}.plate-code{font-family:var(--serif);font-optical-sizing:auto;letter-spacing:.17em;color:var(--gold);text-shadow:0 0 26px var(--gold-glow);padding-left:.17em;font-size:clamp(40px,8vw,54px);font-weight:600;line-height:1.02}.plate-hint{font-family:var(--sans);font-size:var(--type-micro);color:var(--muted);opacity:.85}.arrival-deck{width:46px;height:64px;transition:transform var(--dur-medium) var(--ease-move);position:relative}.felt--rest .arrival-deck{opacity:.32}.arrival-stack{border-radius:var(--r-card);background:var(--card-back);border:1px solid var(--card-back-border);width:46px;height:64px;position:absolute;box-shadow:0 4px 10px #00000073}.arrival-stack:after{content:"";border:1px solid var(--card-back-hairline);border-radius:3px;position:absolute;inset:4px}.arrival-stack:first-child{transform:translate(-3px,3px)rotate(-3deg)}.arrival-stack--second{opacity:0;transition:opacity var(--dur-medium) var(--ease-enter);transform:translate(14px,-6px)rotate(4deg)}.arrival-deck--two{transform:translate(-7px)}.arrival-deck--two .arrival-stack--second{opacity:1}.arrival-toast{z-index:4;pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:112px;left:0;right:0}.arrival-toast span{font-family:var(--serif);font-style:italic;font-weight:500;font-size:var(--type-body);color:var(--muted);text-shadow:0 1px 6px #00000080;animation:arrival-toast var(--dur-toast) var(--ease-move) forwards}@keyframes arrival-toast{0%{opacity:0;transform:translateY(8px)}12%{opacity:1;transform:translateY(0)}78%{opacity:1}to{opacity:0}}.arrival-home{z-index:5;justify-content:center;align-items:center;gap:var(--sp-lg);padding:var(--sp-xl);flex-direction:column;display:flex;position:absolute;inset:0}.arrival-title{font-family:var(--serif);font-weight:600;font-size:clamp(var(--type-heading), 6vw, 44px);text-align:center;color:var(--text);text-shadow:0 2px 18px #00000073;line-height:1.05}.arrival-form{align-items:stretch;gap:var(--sp-md);flex-direction:column;width:min(300px,88%);display:flex}.field{gap:var(--sp-xs);flex-direction:column;display:flex}.field-label{font-family:var(--sans);font-size:var(--type-micro);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);text-align:center;font-weight:700}.place-input{font-family:var(--sans);font-weight:700;font-size:var(--type-body);text-align:center;color:var(--ink);background:var(--ivory);border-radius:var(--r-card);border:none;min-height:46px;padding:11px 14px;box-shadow:0 6px 16px #0006,inset 0 1px #ffffff4d}.place-input::placeholder{color:#1a1a1a59;font-weight:500}.place-input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.home-or{align-items:center;gap:var(--sp-md);color:var(--muted);font-family:var(--sans);font-size:var(--type-label-sm);text-align:center;display:flex}.home-or:before,.home-or:after{content:"";background:#eaf3ee2e;flex:1;height:1px}.home-join{gap:var(--sp-sm);display:flex}.code-input{min-width:0;min-height:46px;font-family:var(--sans);font-weight:700;font-size:var(--type-body);letter-spacing:.18em;text-align:center;text-transform:uppercase;color:var(--text);border:1px solid var(--felt-glow);border-radius:var(--r-btn);padding:var(--sp-sm) var(--sp-md);background:#00000042;flex:1}.code-input::placeholder{color:#cde0d680;font-weight:500}.code-input:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-color:var(--gold)}.arrival-account{align-items:center;gap:var(--sp-2xs);min-height:44px;padding-top:var(--sp-md);margin-top:var(--sp-2xs);text-align:center;border-top:1px solid #eaf3ee1a;flex-direction:column;width:min(300px,88%);display:flex}.arrival-account-line{font-family:var(--sans);font-size:var(--type-label);color:var(--muted)}.arrival-account-who{color:var(--text);font-weight:700}.arrival-account-sub{font-family:var(--sans);font-size:var(--type-micro);color:var(--muted);opacity:.75}.arrival-account-error{color:var(--error);opacity:1}.arrival-signin{font-weight:500;font-size:var(--type-body)}.arrival-rail{align-items:stretch;gap:var(--sp-lg);padding:var(--sp-md) var(--sp-lg);border:1px solid var(--gold-hairline);animation:arrival-rise var(--dur-long) var(--ease-enter) var(--dur-medium) backwards;background:#00000042;border-radius:14px;flex-wrap:wrap;display:flex}@keyframes arrival-rise{0%{opacity:0;transform:translateY(10px)}}.rail-group{flex-direction:column;gap:7px;display:flex}.rail-label{font-family:var(--sans);font-size:var(--type-micro);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);opacity:.6;font-weight:700}.rail-decks{gap:var(--sp-sm);display:flex}.deckopt{border:1px solid var(--felt-glow);border-radius:var(--r-btn);min-height:48px;color:var(--muted);cursor:pointer;transition:border-color var(--dur-short) var(--ease-move), transform var(--dur-short) var(--ease-move);background:#00000038;align-items:center;gap:9px;padding:7px 12px 7px 9px;display:flex}.deckopt[aria-pressed=true]{color:var(--text);border-color:var(--gold);transform:translateY(-1px);box-shadow:0 4px 12px #00000059}.deckopt:disabled{opacity:.6;cursor:not-allowed}.deckopt:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.mini-stack{flex:none;width:36px;height:30px;position:relative}.mini-stack i{background:var(--card-back);border:1px solid var(--card-back-border-strong);border-radius:3px;width:20px;height:28px;position:absolute}.mini-stack i:nth-child(2){transform:translate(6px,2px)rotate(7deg)}.deckopt-text{flex-direction:column;align-items:flex-start;line-height:1.25;display:flex}.deckopt-name{font-size:var(--type-label);font-weight:700}.deckopt-sub{font-size:var(--type-micro);opacity:.75;font-variant-numeric:tabular-nums}.rail-bots{align-items:center;gap:var(--sp-sm);flex-wrap:wrap;display:flex}.pip-chip{font-family:var(--sans);font-size:var(--type-label-sm);color:var(--muted);border:1px solid var(--felt-glow);border-radius:var(--r-full);cursor:pointer;min-height:44px;transition:border-color var(--dur-short) var(--ease-move);background:#00000038;align-items:center;gap:6px;padding:7px 13px;display:flex}.pip-chip .pips{font-size:var(--type-micro);letter-spacing:1px;color:var(--suit-red);opacity:.75}.pip-chip[aria-pressed=true]{color:var(--text);border-color:var(--gold)}.pip-chip[aria-pressed=true] .pips{opacity:1}.pip-chip:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn-ghost--small{min-height:44px;font-size:var(--type-label);padding:6px 14px}.rail-deal{flex-direction:column;justify-content:center;align-items:flex-end;gap:6px;margin-left:auto;display:flex}.rail-status{font-family:var(--sans);font-size:var(--type-micro);color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;max-width:300px}.rail-status--warn{color:var(--error)}.deal-btn{font-family:var(--sans);font-weight:700;font-size:var(--type-body);border-radius:var(--r-btn);min-height:46px;color:var(--muted);cursor:pointer;transition:transform var(--dur-micro) var(--ease-move), box-shadow var(--dur-short) var(--ease-move);background:0 0;border:1px dashed #cde0d659;padding:11px 24px;position:relative}.deal-btn:disabled{cursor:not-allowed}.deal-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.deal-btn--ready{color:var(--gold-button-ink);background:linear-gradient(180deg, var(--gold-button-top) 0%, var(--gold) 100%);box-shadow:0 6px 18px var(--gold-glow), inset 0 1px 0 #fff6;border:0}.deal-btn--ready:after{content:"";border-radius:inherit;box-shadow:0 0 0 14px var(--gold-glow-strong);opacity:0;animation:deal-earn var(--dur-deal-earn) var(--ease-enter);pointer-events:none;position:absolute;inset:0}.deal-btn--ready:hover:not(:disabled){transform:translateY(-1px)}.deal-btn--ready:disabled{opacity:.6}.deal-btn--ready:focus-visible{outline-color:var(--text);outline-offset:3px}@keyframes deal-earn{0%{opacity:.9;transform:scale(.94)}70%{opacity:0;transform:scale(1.18)}to{opacity:0;transform:scale(1.18)}}.arrival-guest{gap:var(--sp-2xs);text-align:center;flex-direction:column;display:flex}.arrival-guest-line{font-family:var(--sans);font-size:var(--type-label);color:var(--muted)}.arrival-guest-sub{font-family:var(--sans);font-size:var(--type-label-sm);color:var(--muted);opacity:.8;font-variant-numeric:tabular-nums}.arrival-watchers{font-family:var(--sans);font-size:var(--type-label-sm);color:var(--muted);text-align:center}@media (width<=640px){.felt--arrival{--seat-inset:52px;height:min(64svh,500px)}.aseat{width:84px;margin-left:-42px}.aseat-name{max-width:86px}.arrival-rail{gap:var(--sp-md)}.rail-deal{align-items:stretch;width:100%;margin-left:0}.rail-status{text-align:center;max-width:none}}@media (prefers-reduced-motion:reduce){.arrival-dim--lifting{opacity:0;animation:none}.arrival-seats .aseat-av,.arrival-seats .aseat-card,.arrival-plate,.arrival-rail,.deal-btn--ready,.deal-btn--ready:after,.arrival-toast span{animation:none}.aseat{transition:none}}.btn-ghost{font-family:var(--sans);font-weight:500;font-size:var(--type-body);color:var(--text);border:1px solid var(--felt-glow);border-radius:var(--r-btn);padding:var(--sp-md) var(--sp-lg);cursor:pointer;min-height:44px;transition:border-color var(--dur-short) var(--ease-move);background:0 0}.btn-ghost:hover:not(:disabled){border-color:var(--gold)}.btn-ghost:disabled{opacity:.45;cursor:not-allowed}.btn-ghost:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn-text{font-family:var(--sans);font-size:var(--type-label);color:var(--muted);padding:var(--sp-sm);cursor:pointer;background:0 0;border:none;align-self:center}.btn-text:hover{color:var(--text)}.btn-text:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:var(--r-btn)}.table-controls{justify-content:flex-end;gap:var(--sp-xs);margin-bottom:var(--sp-xs);flex-wrap:wrap;display:flex}.table-ctl{font-family:var(--sans);font-size:var(--type-label-sm);color:var(--muted);border:1px solid var(--felt-glow);border-radius:var(--r-full);cursor:pointer;white-space:nowrap;background:#00000047;min-height:44px;padding:6px 12px}.table-ctl[aria-pressed=true]{color:var(--gold);border-color:var(--gold)}.table-ctl--danger{color:var(--error);border-color:var(--error)}.table-ctl:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.table-ctl:disabled{opacity:.45;cursor:not-allowed}.home-game{align-items:center;gap:var(--sp-sm);flex-wrap:wrap;display:flex}.home-game-note{font-size:var(--type-micro);color:var(--muted);opacity:.8}.lobby-game-sub{opacity:.7;font-weight:400}.groups{width:100%;max-width:var(--table-max);gap:var(--sp-lg);padding:var(--sp-lg) var(--sp-md) var(--sp-2xl);animation:fade var(--dur-short) var(--ease-enter);flex-direction:column;margin:0 auto;display:flex}@media (prefers-reduced-motion:reduce){.groups{animation:none}}.groups-head{justify-content:space-between;align-items:baseline;gap:var(--sp-md);display:flex}.groups-title{font-family:var(--serif);font-weight:600;font-size:clamp(var(--type-heading-sm), 5vw, var(--type-heading));color:var(--text);line-height:1.1}.groups-sub{font-family:var(--sans);font-size:var(--type-label);color:var(--muted)}.group-panel{border:1px solid var(--gold-hairline);padding:var(--sp-lg);gap:var(--sp-md);background:#00000042;border-radius:14px;flex-direction:column;display:flex}.group-panel-label{font-family:var(--sans);font-size:var(--type-micro);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);opacity:.7;font-weight:700}.group-empty{font-family:var(--sans);font-size:var(--type-label);color:var(--muted);opacity:.85}.group-list{gap:var(--sp-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.group-row{align-items:center;gap:var(--sp-md);text-align:left;border:1px solid var(--felt-glow);border-radius:var(--r-btn);width:100%;padding:var(--sp-md);min-height:56px;color:var(--text);font-family:var(--sans);cursor:pointer;transition:border-color var(--dur-short) var(--ease-move);background:#00000038;display:flex}.group-row:hover{border-color:var(--gold)}.group-row:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.group-row-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.group-row-name{font-weight:700;font-size:var(--type-body);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.group-row-meta{font-size:var(--type-label-sm);color:var(--muted);font-variant-numeric:tabular-nums}.group-row-chev{color:var(--muted);opacity:.6;flex:none}.member-chips{gap:var(--sp-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.member-chip{align-items:center;gap:var(--sp-sm);padding:var(--sp-xs) var(--sp-md) var(--sp-xs) var(--sp-xs);border:1px solid var(--felt-glow);border-radius:var(--r-full);background:#00000038;display:flex}.member-chip-name{font-family:var(--sans);font-size:var(--type-label);color:var(--text)}.member-chip-role{font-family:var(--sans);font-size:var(--type-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--brass-ink);font-weight:700}.leaderboard{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lb-row{align-items:center;gap:var(--sp-md);padding:var(--sp-sm) 0;border-bottom:1px solid #eaf3ee14;display:flex}.lb-row:last-child{border-bottom:none}.lb-rank{text-align:right;width:22px;font-family:var(--sans);font-weight:700;font-size:var(--type-label);color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.lb-name{min-width:0;font-family:var(--sans);font-size:var(--type-body);color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.lb-matches{font-family:var(--sans);font-size:var(--type-label-sm);color:var(--muted);font-variant-numeric:tabular-nums}.lb-points{font-family:var(--sans);font-weight:700;font-size:var(--type-body);color:var(--text);font-variant-numeric:tabular-nums;text-align:right;min-width:3ch}.lb-row--lead .lb-rank,.lb-row--lead .lb-points{color:var(--gold)}.group-lines{gap:var(--sp-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.group-line{justify-content:space-between;align-items:center;gap:var(--sp-md);font-family:var(--sans);font-size:var(--type-label);color:var(--text);display:flex}.group-line-sub{color:var(--muted);font-size:var(--type-label-sm);font-variant-numeric:tabular-nums}.group-line-code{font-family:var(--serif);letter-spacing:.12em;color:var(--gold);font-weight:600}.group-status{font-family:var(--sans);font-size:var(--type-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700}.group-status--active{color:var(--success)}.group-share{align-items:center;gap:var(--sp-sm);flex-wrap:wrap;display:flex}.group-share-code{font-family:var(--serif);font-weight:600;font-size:var(--type-heading-sm);letter-spacing:.16em;color:var(--gold);text-shadow:0 0 18px var(--gold-glow)}.group-actions{align-items:center;gap:var(--sp-md);flex-wrap:wrap;display:flex}.btn-text--danger{color:var(--error)}.btn-text--danger:hover{color:var(--error);text-decoration:underline}.group-create{gap:var(--sp-sm);flex-wrap:wrap;display:flex}.group-name-input{min-width:160px;min-height:46px;font-family:var(--sans);font-weight:500;font-size:var(--type-body);color:var(--text);border:1px solid var(--felt-glow);border-radius:var(--r-btn);padding:var(--sp-sm) var(--sp-md);background:#00000042;flex:1}.group-name-input::placeholder{color:#cde0d680}.group-name-input:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-color:var(--gold)}.group-pick{gap:var(--sp-xs);flex-direction:column;display:flex}.group-pick-select{appearance:none;min-height:46px;font-family:var(--sans);font-size:var(--type-body);color:var(--text);border:1px solid var(--felt-glow);border-radius:var(--r-btn);padding:var(--sp-sm) 30px var(--sp-sm) var(--sp-md);cursor:pointer;background-color:#00000042;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23cde0d6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}.group-pick-select:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-color:var(--gold)}.group-pick-select option{color:var(--ink)}.arrival-groups-link{font-weight:500;font-size:var(--type-label)}.group-link{align-items:center;gap:var(--sp-lg);width:100%;max-width:420px;padding:var(--sp-2xl) var(--sp-lg);text-align:center;animation:fade var(--dur-short) var(--ease-enter);flex-direction:column;margin:0 auto;display:flex}@media (prefers-reduced-motion:reduce){.group-link{animation:none}}.group-link-eyebrow{font-family:var(--sans);font-size:var(--type-micro);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);opacity:.8;font-weight:700}.group-link-name{font-family:var(--serif);font-weight:600;font-size:clamp(var(--type-heading-sm), 6vw, var(--type-heading));color:var(--text);line-height:1.1}.group-link-sub{font-family:var(--sans);font-size:var(--type-label);color:var(--muted)}.invites{width:100%;max-width:var(--table-max);gap:var(--sp-sm);animation:invite-in var(--dur-medium) var(--ease-enter);flex-direction:column;display:flex}.invites--ingame{opacity:.9}@keyframes invite-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.invites{animation:none}}.invite{align-items:center;gap:var(--sp-md);padding:var(--sp-sm) var(--sp-md);border-radius:var(--r-btn);border:1px solid var(--gold-hairline);background:#00000047;display:flex}.invite-text{flex:1;min-width:0}.invite-line{font-family:var(--sans);font-size:var(--type-label);color:var(--text);line-height:1.35}.invite-line strong{font-weight:700}.invite-sub{font-family:var(--sans);font-size:var(--type-micro);color:var(--muted);font-variant-numeric:tabular-nums;margin-top:1px}.invite-status{color:var(--muted)}.invite-status--active{color:var(--text)}.invite-actions{align-items:center;gap:var(--sp-xs);flex-shrink:0;display:flex}.invite-dismiss{width:44px;height:44px;color:var(--muted);border-radius:var(--r-full);transition:color var(--dur-short) var(--ease-move);background:0 0;border:none;place-items:center;padding:0;display:grid}.invite-dismiss:hover{color:var(--text)}.invite-dismiss:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (width<=640px){.invite{flex-wrap:wrap}.invite-text{flex-basis:calc(100% - 30px - var(--sp-md))}.invite-actions{margin-left:auto}}