.play-page{display:grid;gap:1rem;padding-block:1rem 2rem;align-content:start}.play-eyebrow{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--primary-strong)}.play-title{margin:.15rem 0 0;font-size:1.35rem;font-weight:600;letter-spacing:-.01em}.play-heading{margin:0;font-size:1.05rem;font-weight:600}.play-lobby,.play-lobby__grid{display:grid;gap:1rem}.play-lobby__grid{align-items:start}.play-board,.play-recent,.play-start{display:grid;gap:.9rem;padding:clamp(1rem,1.7vw,1.35rem)}.play-field{display:grid;gap:.45rem}.play-field__label{font-size:.8rem;font-weight:600;color:var(--muted)}.play-presets{display:flex;flex-wrap:wrap;gap:.45rem}.play-pill{display:grid;gap:.1rem;min-width:4.4rem;padding:.45rem .7rem;border:1px solid rgb(var(--c-cool-line));border-radius:.8rem;background:rgb(var(--c-surface));color:var(--foreground);font:inherit;text-align:center;cursor:pointer;transition:border-color .12s ease}.play-pill--active,.play-pill:hover{border-color:rgb(var(--c-gold)/.5)}.play-pill--active{background:rgb(var(--c-gold)/.16);color:var(--primary-strong)}.play-pill--compact{min-width:0;padding:.4rem .85rem;border-radius:999px}.play-pill__label{font-weight:700;font-variant-numeric:tabular-nums}.play-pill__caption{font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.play-pill--active .play-pill__caption{color:var(--primary-strong)}.play-field__hint{margin:0;font-size:.82rem}.play-field__hint a,.play-open-post .muted-copy a{color:var(--primary-strong);font-weight:600;text-decoration:underline}.play-player{display:inline-flex;align-items:baseline;gap:.35rem}.play-player__rating,.play-seat__rating{font-size:.82rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--muted)}.play-opponent{display:grid;gap:.45rem}.play-opponent__row{display:flex;gap:.5rem}.play-input{flex:1 1 auto;min-width:0;padding:.6rem .8rem;border:1px solid rgb(var(--c-cool-line));border-radius:.7rem;background:rgb(var(--c-surface));color:var(--foreground);font:inherit}.play-input:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.play-open-post{display:grid;gap:.45rem}.play-open-post__button{width:100%;justify-content:center;padding-block:.75rem;font-size:.98rem}.play-open-post .muted-copy{margin:0;font-size:.85rem}.play-or{display:flex;align-items:center;gap:.75rem;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.play-or:after,.play-or:before{content:"";flex:1 1 0;height:1px;background:rgb(var(--c-cool-line))}.play-input-group{display:flex;flex:1 1 auto;align-items:center;min-width:0;border:1px solid rgb(var(--c-cool-line));border-radius:.7rem;background:rgb(var(--c-surface))}.play-input-group:focus-within{outline:2px solid var(--ring);outline-offset:1px}.play-input-group__prefix{padding-inline:.75rem 0;font-weight:600;color:var(--muted);user-select:none}.play-input-group .play-input{border:0;border-radius:0;background:transparent;padding-inline-start:.25rem}.play-input-group .play-input:focus-visible{outline:none}.play-count{display:inline-block;min-width:1.5em;margin-inline-start:.5rem;padding:.05rem .45rem;border-radius:999px;background:rgb(var(--c-gold)/.16);color:rgb(var(--c-gold-deep));font-size:.78rem;font-weight:700;text-align:center;vertical-align:.12em}.play-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.7rem .9rem;border-radius:.8rem;background:rgb(var(--c-gold)/.12);color:var(--foreground);font-size:.9rem}.play-strip__actions{display:flex;gap:.4rem}.play-strip--game{border:1px solid rgb(var(--c-gold)/.5)}.play-strip--waiting{background:rgb(var(--c-green-mid)/.1)}.play-strip__pulse{display:inline-block;margin-inline-end:.45rem;vertical-align:.05em;width:.6rem;height:.6rem;border-radius:50%;background:rgb(var(--c-green-mid))}.play-board__heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.play-live{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:600;color:var(--muted)}.play-live--on{color:rgb(var(--c-green-mid))}.play-rows{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}.play-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .75rem;border:1px solid rgb(var(--c-cool-line));border-radius:.8rem;background:rgb(var(--c-surface))}.play-row--highlighted,.play-row--incoming,.play-row--own{border-color:rgb(var(--c-gold)/.5);background:rgb(var(--c-gold)/.08)}.play-row--leave{pointer-events:none}.play-empty--board{display:grid;gap:.75rem}.play-empty--board .muted-copy{margin:0}.play-row__link{display:flex;flex:1 1 auto;align-items:center;gap:.75rem;min-width:0;color:inherit;text-decoration:none}.play-row__who{display:grid;gap:.1rem;min-width:0}.play-row__meta{font-size:.8rem;color:var(--muted)}.play-row__actions{display:inline-flex;gap:.35rem;flex:0 0 auto}.play-row__notice{font-size:.82rem;color:var(--muted)}.play-chip{flex:0 0 auto;min-width:3.6rem;padding:.25rem .55rem;font-size:.74rem;text-align:center;letter-spacing:.04em;text-transform:uppercase}.play-chip--won{background:rgb(var(--c-green-wash))}.play-chip--lost{background:rgb(var(--c-red-wash))}.play-chip--aborted,.play-chip--drawn{color:var(--muted)}.play-chip--live{background:rgb(var(--c-gold-pale)/.55);color:rgb(var(--c-bronze-deep))}.play-empty{margin:0}.play-game{display:grid;gap:1rem;align-items:start}.play-board-card{--board-vertical-reserve:13.5rem;display:grid;gap:.55rem;padding:clamp(.85rem,1.5vw,1.15rem)}.play-board-card--loading{justify-items:center}.play-board-placeholder{width:min(100%,var(--board-fit-size,clamp(12rem,calc(100dvh - 13.5rem),620px)));aspect-ratio:1;border-radius:.6rem;background:rgb(var(--c-cool-wash-strong))}.play-seat{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.4rem}.play-seat__who{display:inline-flex;align-items:center;gap:.45rem;min-width:0;font-weight:600}.play-presence{width:.55rem;height:.55rem;border-radius:50%;background:rgb(var(--c-grey)/.55)}.play-presence--on{background:rgb(var(--c-green)/.9)}.live-clock{padding:.2rem .65rem;border-radius:.6rem;font-size:1.6rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--foreground)}.live-clock--running{background:rgb(var(--c-gold)/.14)}.live-clock--review{color:rgb(var(--c-bronze-deep));background:rgb(var(--c-gold)/.12)}.live-clock--low{background:rgb(var(--c-red)/.12);color:rgb(var(--c-red))}.play-clock-slot{position:relative;display:inline-flex}.play-penalty-fly{position:absolute;right:0;top:100%;margin-top:.2rem;font-size:1.05rem;font-weight:700;font-variant-numeric:tabular-nums;color:rgb(var(--c-green-deep));pointer-events:none;opacity:1}@media (prefers-reduced-motion:no-preference){.play-penalty-fly{animation:play-penalty-fly 1.6s ease-in forwards}}@media (prefers-reduced-motion:reduce){.play-penalty-fly{transition:opacity .2s}}@keyframes play-penalty-fly{0%{opacity:0;transform:translateY(1.2rem)}25%{opacity:1}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.2rem) scale(.9)}}.play-banner-slot{height:2.75rem;display:grid;align-items:center}.play-banner__aside{font-weight:500;color:var(--muted)}.play-seat__rating{color:var(--muted);font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums}.play-banner__chips{display:inline-flex;flex:none;gap:.35rem}.play-chip{display:inline-flex;align-items:center;padding:.12rem .55rem;border-radius:999px;font-size:.82rem;font-weight:700;font-variant-numeric:tabular-nums;background:rgb(var(--c-cool-wash-strong));color:var(--foreground)}.play-chip--won{background:rgb(var(--c-green)/.16);color:rgb(var(--c-green-deep))}.play-chip--lost{background:rgb(var(--c-red)/.12);color:rgb(var(--c-red))}.play-chip--points{background:rgb(var(--c-gold)/.2);color:rgb(var(--c-bronze-deep))}.play-chip--aborted,.play-chip--drawn{background:rgb(var(--c-cool-wash-strong))}@media (prefers-reduced-motion:no-preference){.play-banner .play-chip{animation:play-chip-in .45s ease-out backwards}.play-banner .play-chip+.play-chip{animation-delay:.12s}}@keyframes play-chip-in{0%{opacity:0;transform:translateY(.4rem) scale(.9)}}.play-banner{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:.5rem;box-sizing:border-box;height:100%;margin:0;padding:0 .8rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-radius:.7rem;font-size:.92rem;font-weight:500;background:rgb(var(--c-cool-wash-strong));color:var(--foreground)}.play-banner--ruling{background:rgb(var(--c-amber-wash)/.9);color:rgb(var(--c-bronze-deep))}.play-banner--info,.play-banner--offer{background:rgb(var(--c-cool-wash-strong))}.play-banner--won{background:rgb(var(--c-green-wash));color:rgb(var(--c-green-deep));font-size:1rem;font-weight:600}.play-banner--lost{background:rgb(var(--c-red-wash));color:rgb(var(--c-red))}.play-banner--aborted,.play-banner--drawn,.play-banner--lost{font-size:1rem;font-weight:600}.play-banner__text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.play-banner__actions{display:inline-flex;flex:0 0 auto;gap:.4rem}.play-banner__actions>.button{padding-block:.25rem;font-size:.85rem}.play-banner__link{padding:0;border:0;background:none;color:var(--primary-strong);font:inherit;text-decoration:underline;cursor:pointer}.play-actions{display:flex;flex-wrap:wrap;gap:.45rem}.play-card-controls{display:grid;gap:.55rem}.play-panel__controls{display:none}.play-actions__danger{color:rgb(var(--c-red))}.play-panel{display:grid;gap:.6rem;padding:clamp(1rem,1.7vw,1.35rem)}.play-panel .muted-copy{margin:0}.play-status{margin:0;font-size:.92rem;font-weight:600}.play-tally{font-size:.82rem}@media (min-width:768px){.play-lobby__grid{grid-template-columns:minmax(18rem,.9fr) minmax(22rem,1.1fr)}.play-game{grid-template-columns:minmax(0,1.3fr) minmax(280px,360px)}.play-board-card{--board-vertical-reserve:11.5rem}.play-card-controls{display:none}.play-panel__controls{display:grid;gap:.6rem;justify-items:start}.play-panel .move-table{max-height:min(46dvh,26rem);overflow-y:auto;overscroll-behavior:contain}.play-panel__controls .board-controls{justify-content:flex-start;padding:0}}@media (max-width:900px){.live-clock{font-size:1.35rem}.play-row{flex-wrap:wrap}.play-row>.button,.play-row>.play-row__actions{flex:1 1 100%}.play-row__actions>.button{flex:1 1 0}.play-opponent__row{flex-direction:column}.play-lobby__grid>.play-board{order:-1}}@media (max-height:820px){.play-board-card{--board-vertical-reserve:10rem;gap:.45rem;padding:.75rem}.play-seat{min-height:2rem}.live-clock{font-size:1.35rem}.play-banner-slot{height:2.25rem}}@media (prefers-reduced-motion:no-preference){.play-live--on svg,.play-strip__pulse{animation:play-live-pulse 2.4s ease-in-out infinite}.play-row--enter{animation:play-row-in .26s ease-out}.play-row--leave{animation:play-row-out .26s ease-in forwards}}@keyframes play-row-in{0%{opacity:0;transform:translateY(-.4rem);background-color:rgb(var(--c-gold)/.22)}to{opacity:1;transform:none}}@keyframes play-row-out{to{opacity:0;transform:scale(.97)}}@keyframes play-live-pulse{0%,to{opacity:1}50%{opacity:.45}}.play-page--landing{gap:1.15rem}.play-landing__header{display:grid;gap:.35rem;padding-block-start:.25rem}.play-landing__header .muted-copy{margin:0;max-width:46rem}.play-landing__note{margin:0;font-size:.85rem}.play-landing__cta,.play-landing__presets,.play-landing__ratings,.play-landing__rules{display:grid;gap:.9rem;padding:clamp(1rem,1.7vw,1.35rem)}.play-landing__rules ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1.4rem;margin:0;padding:0;list-style:none}.play-landing__rules li{display:grid;gap:.2rem;align-content:start}.play-landing__rules strong{font-size:.95rem;font-weight:700}.play-landing__rules p{margin:0;font-size:.88rem;line-height:1.5;color:var(--muted)}.play-landing__presets .play-pill{cursor:default}.play-landing__presets .play-pill:hover{border-color:rgb(var(--c-cool-line))}.play-landing__cta .muted-copy,.play-landing__presets .muted-copy,.play-landing__ratings .muted-copy{margin:0;max-width:46rem;line-height:1.55}.play-landing__cta-actions{display:flex;flex-wrap:wrap;gap:.55rem}@media (max-width:900px){.play-landing__rules ul{grid-template-columns:1fr}.play-landing__cta-actions{flex-direction:column}.play-empty--board>.button,.play-landing__cta-actions>.button{width:100%}}