:root{font-family:Hiragino Sans,Yu Gothic,sans-serif;color:var(--text-primary);background:radial-gradient(circle at top,rgba(236,170,52,.18),transparent 30%),radial-gradient(circle at 20% 20%,rgba(46,116,86,.2),transparent 18%),linear-gradient(180deg,#0f221a,#05110d);--text-primary: #f3f1e8;--page-bg: radial-gradient(circle at top, rgba(236, 170, 52, .18), transparent 30%), radial-gradient(circle at 20% 20%, rgba(46, 116, 86, .2), transparent 18%), linear-gradient(180deg, #0f221a 0%, #05110d 100%);--panel-bg: rgba(5, 17, 13, .84);--panel-surface: rgba(255, 255, 255, .045);--panel-border: rgba(255, 255, 255, .09);--surface-panel: var(--panel-bg);--surface-panel-subtle: var(--panel-surface);--surface-control: rgba(255, 255, 255, .05);--surface-control-pressed: rgba(255, 255, 255, .04);--surface-chip: rgba(255, 255, 255, .03);--surface-banner: rgba(20, 24, 18, .88);--surface-overlay: rgba(2, 6, 4, .78);--surface-card-face: linear-gradient(180deg, #fffdf7 0%, #efe6ce 86%), linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .3));--surface-card-back: linear-gradient(135deg, rgba(236, 178, 74, .82), rgba(139, 48, 29, .94)), #621d12;--gold: #ecb24a;--gold-strong: #d07a24;--gold-soft: rgba(236, 178, 74, .14);--accent-fill: rgba(236, 178, 74, .18);--accent-fill-soft: rgba(236, 178, 74, .12);--accent-border-soft: rgba(236, 178, 74, .42);--accent-border: rgba(236, 178, 74, .52);--accent-border-strong: rgba(236, 178, 74, .56);--accent-border-max: rgba(236, 178, 74, .96);--accent-ring-soft: rgba(236, 178, 74, .08);--accent-ring: rgba(236, 178, 74, .16);--accent-shadow: rgba(236, 178, 74, .22);--focus-ring: rgba(236, 178, 74, .94);--text-soft: rgba(243, 241, 232, .74);--text-dim: rgba(243, 241, 232, .52);--text-accent: #fff5d4;--text-warning: #fff2cc;--text-success: #d9fff5;--text-danger: #ffd8d8;--text-danger-soft: #ffd2d2;--text-card: #122030;--text-card-strong: #211807;--text-card-red: #b73232;--text-inverse: rgba(255, 255, 255, .92);--table-felt: radial-gradient(circle at 50% 45%, rgba(20, 75, 52, .94), rgba(3, 19, 12, .96)), linear-gradient(180deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, 0));--table-center-bg: radial-gradient(circle at 50% 35%, rgba(20, 76, 52, .75), rgba(6, 22, 15, .94)), linear-gradient(180deg, rgba(255, 255, 255, .02), rgba(255, 255, 255, 0));--border-subtle: rgba(255, 255, 255, .06);--border-soft: rgba(255, 255, 255, .08);--border-default: rgba(255, 255, 255, .1);--border-input: rgba(255, 255, 255, .12);--border-card: rgba(255, 255, 255, .2);--state-success-bg: rgba(114, 214, 191, .16);--state-danger-bg: rgba(255, 119, 119, .18);--scrollbar-thumb: rgba(255, 255, 255, .16);--accent-pulse: rgba(236, 178, 74, .28);--accent-pulse-clear: rgba(236, 178, 74, 0);--panel-blur: 18px;--stage-glow-blur: 10px;--stage-glow-opacity: .8;--card-width: clamp(56px, 6vw, 84px);--card-height: calc(var(--card-width) * 1.42);--compact-card-width: clamp(42px, 4vw, 56px);--compact-card-height: calc(var(--compact-card-width) * 1.42);--hand-overlap: clamp(18px, 2vw, 28px);--hand-panel-height: clamp(13.5rem, 25vh, 16.5rem);--board-card-limit-height: min(34vh, calc(var(--card-height) * 1.95));--panel-shadow: 0 20px 48px rgba(0, 0, 0, .32);--panel-shadow-strong: 0 18px 38px rgba(0, 0, 0, .22);--card-shadow: 0 14px 28px rgba(0, 0, 0, .28);--control-hover-shadow: 0 14px 30px rgba(208, 122, 36, .28);--radius-stage: 32px;--radius-panel: 24px;--radius-panel-inner: 22px;--radius-surface: 18px;--radius-control: 16px;--radius-item: 14px;--radius-card: 17px;--radius-pill: 999px;--transition-lift: transform .16s ease, border-color .16s ease, opacity .16s ease, background-color .16s ease, box-shadow .16s ease;--transition-panel: transform .18s ease, border-color .18s ease, box-shadow .18s ease, opacity .18s ease}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:var(--page-bg);color:inherit}button{font:inherit}button:focus-visible,.card-button:focus-visible,.exchange-modal__panel:focus-visible,.overlay-panel__content:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.app-shell{display:grid;gap:.8rem;min-height:100dvh;padding:1rem}.app-shell--title{grid-template-rows:minmax(0,1fr);overflow:auto}.app-shell--play{display:grid;grid-template-rows:auto minmax(0,1fr) var(--hand-panel-height);height:100dvh;overflow:hidden}.app-shell--human-turn .top-bar,.app-shell--human-turn .hand-panel{box-shadow:0 0 0 1px var(--accent-ring-soft),var(--panel-shadow)}.top-bar,.play-hud,.start-screen__panel,.player-seat,.board-center,.hand-panel,.exchange-modal__panel,.overlay-panel__content{border:1px solid var(--panel-border);border-radius:var(--radius-panel-inner);background:var(--surface-panel);-webkit-backdrop-filter:blur(var(--panel-blur));backdrop-filter:blur(var(--panel-blur));box-shadow:var(--panel-shadow)}.top-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.9rem 1rem}.start-screen__stats,.start-screen__actions,.play-hud,.play-hud__stats,.play-hud__menu{display:flex;gap:.65rem}.play-hud{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;justify-content:stretch;padding:.62rem .75rem}.play-hud--compact{z-index:12}.play-hud__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));align-items:stretch}.play-hud__menu{justify-content:flex-end;align-items:stretch}.title-screen,.setup-screen,.lobby-screen,.result-screen{display:grid;place-items:center;min-height:calc(100dvh - 2rem);gap:1rem}.title-screen__hero,.setup-screen__panel,.lobby-screen__panel,.result-screen__panel{width:min(1120px,100%);display:grid;gap:1rem;padding:1.2rem;border:1px solid var(--panel-border);border-radius:var(--radius-panel);background:var(--surface-panel);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(var(--panel-blur));backdrop-filter:blur(var(--panel-blur))}.title-screen__copy{display:grid;gap:.6rem}.title-screen__hero{align-content:start}.title-screen__hero h1,.setup-screen__panel h1,.lobby-screen__panel h1,.result-screen__panel h1{margin:0;font-size:clamp(2.5rem,5vw,4.8rem);line-height:.92;letter-spacing:-.05em}.title-screen__lede{max-width:52rem;margin:0;font-size:1.04rem}.title-screen__actions,.setup-screen__actions,.lobby-screen__actions,.title-screen__resume-list,.setup-screen__switch,.setup-screen__modes,.lobby-screen__participants{display:flex;flex-wrap:wrap;gap:.8rem}.title-screen__availability{display:grid;gap:.3rem;padding:.95rem 1rem;border:1px solid var(--accent-border-soft);border-radius:var(--radius-surface);background:linear-gradient(135deg,var(--accent-fill-soft),rgba(255,255,255,.02));max-width:34rem}.title-screen__availability strong{font-size:1rem;color:var(--text-accent)}.title-screen__highlights{display:grid;gap:.75rem;padding-top:.35rem}.title-screen__highlights-header{display:grid;gap:.16rem}.title-screen__highlights-header h2{margin:0;font-size:1.1rem}.title-screen__highlights-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin:0;padding:0;list-style:none}.title-screen__highlight,.mode-card,.participant-card,.resume-card{padding:1rem}.title-screen__highlight{display:grid;gap:.28rem;padding:.9rem 0 0;border-top:1px solid var(--border-soft)}.title-screen__highlight strong,.participant-card strong,.resume-card strong{margin:0;font-size:1.05rem;overflow-wrap:anywhere}.title-screen__highlight p,.title-screen__note,.participant-card p{margin:0}.title-screen__resume{width:min(1120px,100%);display:grid;gap:.85rem}.title-screen__resume-header h2{margin:.16rem 0 0}.resume-card,.mode-card{display:grid;gap:.25rem;min-width:min(260px,100%);border:1px solid var(--border-soft);border-radius:var(--radius-surface);background:var(--surface-panel-subtle);color:inherit;text-align:left;cursor:pointer}.resume-card span,.participant-card span,.setup-screen__field span,.lobby-screen__connection span{color:var(--text-dim);font-size:.75rem}.resume-card:hover,.mode-card:hover{transform:translateY(-2px)}.mode-card--active{border-color:var(--accent-border-strong);background:linear-gradient(135deg,var(--accent-fill),var(--surface-control-pressed))}.setup-screen__header,.lobby-screen__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.setup-screen__field{display:grid;gap:.45rem}.setup-screen__field input{width:min(480px,100%);padding:.85rem 1rem;border:1px solid var(--border-input);border-radius:var(--radius-control);background:var(--surface-control-pressed);color:inherit}.setup-screen__error{margin:0;color:var(--text-danger-soft)}.participant-card,.lobby-screen__connection{display:grid;gap:.18rem;min-width:180px;border:1px solid var(--border-soft);border-radius:var(--radius-surface);background:var(--surface-panel-subtle);padding:.95rem}.connection-banner{display:flex;justify-content:space-between;gap:.75rem;align-items:center;padding:.78rem .95rem;border:1px solid var(--border-default);border-radius:var(--radius-surface);background:var(--surface-banner)}.connection-banner--reconnecting,.connection-banner--error{border-color:var(--accent-border-soft);color:var(--text-warning)}.top-bar__title{display:grid;gap:.28rem;max-width:560px}.top-bar__title h1,.help-drawer__header h2,.board-center__header h2,.hand-panel__header h2,.overlay-panel__content h2,.set-summary h3{margin:0}.top-bar__title h1{font-size:clamp(1.8rem,2.7vw,2.7rem);line-height:.96;letter-spacing:-.04em}.top-bar__lede,.board-center__subtitle,.help-card__list,.exchange-modal__description,.exchange-modal__count,.set-summary__game p,.title-screen__lede,.title-screen__note,.title-screen__feature-card p,.setup-screen__field span,.setup-screen__error,.mode-card span,.participant-card p{color:var(--text-soft);line-height:1.55}.top-bar__lede{margin:0;max-width:52ch;font-size:.98rem}.top-bar__meta{display:grid;gap:.75rem;justify-items:end}.hero-panel__eyebrow,.hand-panel__eyebrow,.exchange-modal__eyebrow,.board-center__eyebrow{margin:0;color:var(--gold);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.top-bar__stats,.top-bar__actions,.board-center__chips,.hand-panel__summary,.hand-panel__buttons,.variant-picker,.result-flags{display:flex;flex-wrap:wrap;gap:.5rem}.top-stat,.compact-info,.help-card,.result-table__row,.set-summary__game{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-panel-subtle)}.top-stat,.compact-info{display:grid;gap:.14rem;min-width:0;padding:.45rem .62rem}.top-stat span,.compact-info span,.board-center__turn span,.hand-panel__selection span{color:var(--text-dim);font-size:.73rem}.top-stat strong,.compact-info strong,.board-center__turn strong{font-size:.92rem;line-height:1.2}.top-bar__actions{justify-content:flex-end}.play-layout{min-height:0;overflow:hidden}.help-drawer{display:grid;gap:.9rem;animation:fadeUp .22s ease}.help-drawer__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.help-card{display:grid;gap:.5rem;padding:.95rem}.help-card h3{margin:0;font-size:1.04rem}.help-card__list{display:grid;gap:.38rem;margin:0;padding-left:1rem}.setup-grid,.setup-group,.rules-static-list,.rule-settings-editor,.chip-grid,.opponent-cluster,.rules-inline{display:grid;gap:.75rem}.setup-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}.setup-group h2{margin:0;font-size:1.05rem}.chip-grid{grid-template-columns:repeat(auto-fit,minmax(4.2rem,max-content))}.rule-settings-editor{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.rule-toggle{display:grid;gap:.35rem;align-content:start;min-height:5.2rem;padding:.85rem 1rem;text-align:left;border:1px solid var(--border-default);border-radius:var(--radius-surface);background:var(--surface-control);color:inherit;transition:var(--transition-lift)}.rule-toggle strong{font-size:1rem}.rule-toggle span{color:var(--text-soft);font-size:.82rem;line-height:1.45}.rule-toggle--active{background:var(--gold-soft);border-color:var(--accent-border);box-shadow:0 0 0 1px var(--accent-ring)}.rule-toggle--readonly{cursor:default}.rules-static-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.rules-inline{grid-template-columns:repeat(auto-fit,minmax(0,max-content));align-items:center}.opponent-cluster{grid-template-columns:repeat(auto-fit,minmax(164px,1fr));align-items:stretch}.opponent-cluster .player-seat{width:100%;justify-self:stretch}.table-stage{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-items:stretch;gap:.7rem;min-height:0;height:100%;padding:.75rem;border-radius:var(--radius-stage);background:var(--table-felt);position:relative;overflow:hidden}.table-stage:before,.table-stage:after{content:"";position:absolute;inset:auto 6% 46%;height:34px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--accent-ring),transparent);filter:blur(var(--stage-glow-blur));opacity:var(--stage-glow-opacity);pointer-events:none}.player-seat{display:grid;gap:.28rem;align-self:stretch;min-width:0;padding:.58rem .68rem;transition:var(--transition-panel)}.player-seat--current{border-color:var(--accent-border-soft);box-shadow:0 0 0 1px var(--accent-ring),var(--panel-shadow-strong)}.player-seat--cue{animation:seatPulse .82s ease}.player-seat--inactive{opacity:.78}.player-seat__header{display:flex;justify-content:space-between;gap:.8rem}.player-seat__header>div{min-width:0}.player-seat__header h2{margin:0;font-size:1rem;line-height:1.04;overflow-wrap:break-word;word-break:keep-all}.player-seat__header p{margin:.08rem 0 0;color:var(--text-dim);font-size:.68rem}.player-seat__count{font-size:clamp(1rem,1.4vw,1.35rem);font-weight:700;white-space:nowrap}.player-seat__meta{display:flex;flex-wrap:wrap;gap:.28rem;align-items:center;color:var(--text-soft);font-size:.68rem}.player-seat__pill,.status-chip,.variant-picker__button,.secondary-button,.primary-button,.hand-panel__summary span{border-radius:var(--radius-pill)}.player-seat__pill,.status-chip,.hand-panel__summary span,.play-sheet__eyebrow{border:1px solid var(--border-default);padding:.22rem .62rem;background:var(--surface-chip);font-size:.75rem}.player-seat__pill--current,.status-chip--active,.variant-picker__button--active{background:var(--gold-soft);border-color:var(--accent-border);color:var(--text-accent)}.board-center{grid-area:center;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:.65rem;align-content:stretch;min-width:0;min-height:0;padding:.82rem;position:relative;overflow:auto}.board-center--human-turn{box-shadow:0 0 0 1px var(--accent-ring),var(--panel-shadow)}.board-center__header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.board-center__header h2{font-size:clamp(1.35rem,2vw,1.95rem);line-height:1}.board-center__subtitle{margin:.24rem 0 0;max-width:40ch;font-size:.88rem}.board-center__turn{min-width:128px;position:relative;display:grid;gap:.12rem;padding:.6rem .72rem;border:1px solid var(--border-soft);border-radius:var(--radius-control);background:var(--surface-control-pressed);text-align:right}.board-center__turn:after,.hand-panel:after{content:"";position:absolute;inset:-1px;border:1px solid var(--accent-border);border-radius:inherit;opacity:0;pointer-events:none;transform:scale(.985)}.board-center--human-turn .board-center__turn:after,.hand-panel--turn-cue:after{animation:cueRing .88s ease}.board-center__chips{align-items:center}.status-chip{display:inline-flex;align-items:center;justify-content:center;gap:.28rem;color:var(--text-soft)}.board-center__table{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-items:center;gap:.5rem;min-height:0;height:100%;padding:.85rem;border-radius:var(--radius-panel-inner);background:var(--table-center-bg);border:1px solid var(--border-subtle);overflow:visible}.board-center__table:before{content:"";position:absolute;inset:10% 18%;border:1px solid var(--accent-ring-soft);border-radius:var(--radius-surface);pointer-events:none}.board-center__trick-cards,.exchange-modal__incoming,.exchange-modal__hand{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem}.board-center__trick-cards{align-items:center;align-self:center;width:100%;min-height:calc(var(--card-height) * 1.3);max-height:var(--board-card-limit-height);overflow:visible}.board-center__trick-cards--stack .card-button+.card-button{margin-left:-.35rem}.board-center__trick-cards--single{min-height:calc(var(--card-height) * 1.65)}.board-center__table--cards-5 .board-center__trick-cards,.board-center__table--cards-6 .board-center__trick-cards{gap:.38rem}.board-center__table--cards-4 .board-center__trick-cards .card-button,.board-center__table--cards-5 .board-center__trick-cards .card-button,.board-center__table--cards-6 .board-center__trick-cards .card-button{width:calc(var(--card-width) * .9);min-width:calc(var(--card-width) * .9);height:calc(var(--card-height) * .9)}.board-center__table--cards-4 .board-center__trick-cards .card-button__corner,.board-center__table--cards-5 .board-center__trick-cards .card-button__corner,.board-center__table--cards-6 .board-center__trick-cards .card-button__corner{font-size:.7rem}.board-center__table--cards-4 .board-center__trick-cards .card-button__rank,.board-center__table--cards-5 .board-center__trick-cards .card-button__rank,.board-center__table--cards-6 .board-center__trick-cards .card-button__rank{font-size:clamp(1rem,1.6vw,1.35rem)}.board-center__table--cards-4 .board-center__trick-cards .card-button__suit,.board-center__table--cards-5 .board-center__trick-cards .card-button__suit,.board-center__table--cards-6 .board-center__trick-cards .card-button__suit{font-size:clamp(.82rem,1.2vw,1.05rem)}.board-center__trick-text{margin:0;font-size:.9rem;font-weight:700;letter-spacing:.04em;text-align:center}.board-center__ghost-cards{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.55rem;pointer-events:none}.board-center--play .board-center__trick-cards .card-button{animation:cardLand .32s ease both}.board-center--clear .board-center__ghost-cards{animation:clearSweep .42s ease forwards}.board-center__empty{display:grid;gap:.3rem;justify-items:center;text-align:center}.board-center__empty strong{font-size:1rem}.board-center__empty span{color:var(--text-soft)}.board-center__insights{display:grid;grid-template-columns:1.35fr repeat(2,minmax(0,1fr));gap:.65rem}.compact-info{padding:.72rem .82rem}.compact-info strong{line-height:1.45;font-size:.9rem}.compact-info--wide{background:linear-gradient(135deg,var(--accent-fill-soft),var(--surface-chip))}.event-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);gap:.45rem;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-gutter:stable}.event-strip__item{display:grid;grid-template-columns:auto 1fr;gap:.6rem;align-items:center;padding:.58rem .72rem;border:1px solid var(--border-subtle);border-radius:var(--radius-item);background:var(--surface-chip);min-width:0}.event-strip__badge{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:.2rem .45rem;border-radius:var(--radius-pill);background:var(--border-soft);color:var(--text-dim);font-size:.68rem;font-weight:700;letter-spacing:.12em}.event-strip__message{line-height:1.45}.event-strip__item--move .event-strip__badge{background:var(--accent-fill);color:var(--text-warning)}.event-strip__item--clear .event-strip__badge{background:var(--state-success-bg);color:var(--text-success)}.event-strip__item--finish .event-strip__badge,.event-strip__item--foul .event-strip__badge{background:var(--state-danger-bg);color:var(--text-danger)}.hand-panel{display:flex;flex-direction:column;gap:.55rem;min-height:0;height:var(--hand-panel-height);position:relative;padding:.72rem .88rem calc(.82rem + env(safe-area-inset-bottom,0px));z-index:10;overflow-x:hidden;overflow-y:hidden}.hand-panel--active{border-color:color-mix(in srgb,var(--gold) 26%,transparent)}.hand-panel__top{display:grid;gap:.45rem;flex:0 0 auto}.hand-panel__header{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.hand-panel__header h2{font-size:1.06rem}.hand-panel__summary{justify-content:flex-end}.hand-panel__control-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.hand-panel__summary span{color:var(--text-soft)}.hand-panel__selection{display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem;min-width:0}.hand-panel__selection strong{font-size:.94rem}.hand-panel__cards{display:flex;flex:1 1 auto;flex-wrap:nowrap;align-items:flex-end;min-width:0;min-height:calc(var(--compact-card-height) + .35rem);overflow-x:auto;overflow-y:hidden;scrollbar-gutter:stable;scroll-snap-type:x proximity;padding:.15rem .45rem .4rem .15rem}.hand-panel__cards::-webkit-scrollbar{height:10px}.hand-panel__cards::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:var(--scrollbar-thumb)}.hand-panel__cards .card-button{scroll-snap-align:center}.hand-panel__cards .card-button+.card-button{margin-left:calc(var(--hand-overlap) * -1)}.hand-panel__cards .card-button:last-child{margin-right:.65rem}.hand-panel__cards .card-button--selected{transform:translateY(-8px) scale(1.02)}.hand-panel__buttons{flex:0 0 auto;justify-content:flex-end;flex-wrap:nowrap}.variant-picker{align-items:center}.variant-picker__button,.secondary-button,.primary-button{border:1px solid transparent;cursor:pointer;transition:var(--transition-lift)}.variant-picker__button,.secondary-button{padding:.58rem .92rem;background:var(--surface-control);border-color:var(--panel-border);color:inherit}.primary-button{padding:.72rem 1.18rem;background:linear-gradient(135deg,var(--gold),var(--gold-strong));color:var(--text-card-strong);font-weight:800}.variant-picker__button:hover,.secondary-button:hover,.primary-button:hover,.card-button--interactive:hover:not(:disabled){transform:translateY(-2px)}.primary-button:hover{box-shadow:var(--control-hover-shadow)}.variant-picker__button:disabled,.secondary-button:disabled,.primary-button:disabled,.card-button:disabled{cursor:not-allowed;opacity:.45;transform:none;box-shadow:none}.card-button{position:relative;z-index:1;width:var(--card-width);min-width:var(--card-width);height:var(--card-height);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-card);border-radius:var(--radius-card);background:var(--surface-card-face);color:var(--text-card);box-shadow:var(--card-shadow);transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease,opacity .17s ease}.card-button--interactive{cursor:pointer}.card-button--compact{width:var(--compact-card-width);min-width:var(--compact-card-width);height:var(--compact-card-height);border-radius:var(--radius-item)}.card-button--spotlight{width:calc(var(--card-width) * 1.3);min-width:calc(var(--card-width) * 1.3);height:calc(var(--card-height) * 1.3);border-radius:var(--radius-panel-inner)}.card-button--spotlight .card-button__corner{top:.58rem;left:.62rem;font-size:.95rem}.card-button--spotlight .card-button__rank{font-size:clamp(1.8rem,3vw,2.5rem)}.card-button--spotlight .card-button__suit{font-size:clamp(1.4rem,2.3vw,1.9rem)}.card-button--selected{z-index:5;border-color:var(--accent-border-max);box-shadow:0 18px 30px var(--accent-shadow);transform:translateY(-12px) scale(1.03)}.card-button--hidden{background:var(--surface-card-back);color:var(--text-inverse)}.card-button--red{color:var(--text-card-red)}.card-button__corner{position:absolute;top:.42rem;left:.46rem;display:grid;justify-items:center;gap:.05rem;font-size:.78rem;font-weight:800;line-height:.95}.card-button__center{display:grid;justify-items:center;gap:.15rem}.card-button__rank{font-size:clamp(1.1rem,1.8vw,1.62rem);font-weight:800;line-height:1}.card-button__suit{font-size:clamp(.95rem,1.5vw,1.32rem);line-height:1}.card-button--compact .card-button__corner{top:.3rem;left:.34rem;font-size:.62rem}.card-button--compact .card-button__rank{font-size:1rem}.card-button--compact .card-button__suit{font-size:.84rem}.exchange-modal,.overlay-panel{position:fixed;inset:0;display:grid;place-items:center;padding:1rem;background:var(--surface-overlay);z-index:30}.exchange-modal__panel,.overlay-panel__content{width:min(860px,100%);max-height:calc(100dvh - 2rem);overflow:auto;padding:1.15rem}.play-overlay{padding:1rem}.play-overlay--menu{place-items:start end}.play-sheet{display:grid;gap:.9rem}.play-sheet--menu{width:min(22rem,100%)}.play-sheet--guide{width:min(52rem,100%)}.play-sheet__header{display:grid;gap:.42rem}.play-sheet__header h2{margin:0;font-size:clamp(1.4rem,2.4vw,2rem);line-height:1}.play-sheet__description{margin:0;color:var(--text-soft);line-height:1.55}.play-sheet__actions{display:grid;gap:.55rem}.play-sheet__actions .secondary-button{width:100%;justify-content:center}.play-sheet__footer{display:flex;justify-content:flex-end}.exchange-modal__description,.exchange-modal__count{margin:.45rem 0 0}.exchange-modal__incoming,.exchange-modal__hand,.result-table,.set-summary__games{margin:.9rem 0}.result-table,.set-summary__games{display:grid;gap:.55rem}.result-table__row,.set-summary__game{display:grid;gap:.2rem;padding:.8rem}.result-table__row span,.set-summary__game p,.lobby-screen__connection strong{overflow-wrap:anywhere}.result-flags{margin:0 0 1rem}.set-summary{display:grid;gap:.8rem;margin-top:1rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cardLand{0%{opacity:0;transform:translateY(24px) scale(.92)}55%{opacity:1;transform:translateY(-6px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes clearSweep{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-18px) scale(1.04)}}@keyframes seatPulse{0%{transform:scale(1)}35%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes cueRing{0%{opacity:.56;transform:scale(.985)}55%{opacity:.18}to{opacity:0;transform:scale(1.02)}}@supports (content-visibility: auto){.help-drawer__grid,.result-table,.set-summary__games{content-visibility:auto;contain-intrinsic-size:320px}}@media(max-width:1180px){.table-stage{grid-template-columns:minmax(120px,8rem) minmax(0,1fr) minmax(120px,8rem)}.help-drawer__grid,.title-screen__highlights-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){:root{--card-width: clamp(52px, 8vw, 72px);--compact-card-width: clamp(40px, 5vw, 48px);--hand-overlap: clamp(16px, 3vw, 24px);--hand-panel-height: clamp(13rem, 26vh, 15.5rem)}.top-bar{flex-direction:column}.play-hud{align-items:stretch}.top-bar__meta{width:100%;justify-items:stretch}.top-bar__actions,.play-hud__menu{justify-content:flex-start}.table-stage{grid-template-columns:minmax(110px,7.2rem) minmax(0,1fr) minmax(110px,7.2rem)}.board-center__header,.hand-panel__header{flex-direction:column}.hand-panel__control-row{flex-direction:column;align-items:stretch}}@media(max-width:720px){:root{--card-width: clamp(54px, 14vw, 68px);--compact-card-width: clamp(38px, 10vw, 44px);--hand-overlap: clamp(12px, 5vw, 18px);--board-card-limit-height: min(28vh, calc(var(--card-height) * 1.7));--hand-panel-height: min(18rem, 34dvh);--panel-blur: 12px;--stage-glow-blur: 0px;--stage-glow-opacity: .35;--panel-shadow: 0 14px 30px rgba(0, 0, 0, .24);--panel-shadow-strong: 0 12px 24px rgba(0, 0, 0, .18);--card-shadow: 0 10px 18px rgba(0, 0, 0, .24);--control-hover-shadow: 0 10px 18px rgba(208, 122, 36, .2)}.app-shell{height:100dvh;padding:.75rem;gap:.8rem}.top-bar,.play-hud,.start-screen__panel,.help-drawer,.player-seat,.board-center,.hand-panel,.exchange-modal__panel,.overlay-panel__content{border-radius:18px}.play-layout{padding-bottom:0;overflow:hidden}.top-bar,.play-hud,.start-screen__panel,.help-drawer,.hand-panel{padding:.9rem}.start-screen{min-height:auto}.top-bar__stats,.top-bar__actions,.play-hud__stats,.play-hud__menu,.start-screen__stats,.start-screen__actions,.title-screen__actions,.setup-screen__actions,.lobby-screen__actions,.hand-panel__buttons{width:100%}.top-stat,.title-screen__actions>button,.setup-screen__actions>button,.lobby-screen__actions>button,.start-screen__actions>button,.top-bar__actions>button,.play-hud__menu>button,.hand-panel__buttons>button{flex:1 1 0}.title-screen__highlights-list,.help-drawer__grid{grid-template-columns:1fr}.table-stage{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr);grid-template-areas:"west north east" "center center center";gap:.65rem;min-height:0;height:100%;padding:.75rem}.player-seat{gap:.2rem;padding:.5rem .56rem}.player-seat__header{flex-direction:row;gap:.28rem;align-items:flex-start}.player-seat--north,.player-seat--west,.player-seat--east{width:100%;justify-self:stretch}.player-seat__header h2{font-size:.92rem}.player-seat__header p{margin-top:0;font-size:.68rem}.player-seat__count{font-size:.92rem}.player-seat__meta{display:flex;gap:.18rem;font-size:.66rem;line-height:1.2}.player-seat__pill{padding:.16rem .42rem;font-size:.64rem}.board-center{gap:.55rem;padding:.75rem}.board-center__header h2{font-size:1.18rem;line-height:1.02}.board-center__subtitle{font-size:.82rem}.board-center__table{min-height:0;padding:.72rem}.board-center__trick-cards--stack .card-button+.card-button{margin-left:-.2rem}.hand-panel{gap:.55rem;max-height:min(48vh,25rem);z-index:12}.play-hud{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;padding:.68rem}.top-stat{min-width:0;padding:.34rem .46rem}.top-stat strong{font-size:.78rem}.secondary-button,.primary-button{padding-inline:.82rem}.hand-panel__summary{justify-content:flex-start}.hand-panel__control-row{gap:.5rem}.hand-panel__cards{padding-bottom:.5rem}.play-overlay{padding:.75rem}.play-overlay--menu{place-items:end stretch}.play-sheet--menu,.play-sheet--guide,.play-sheet__footer .primary-button{width:100%}}@media(max-height:760px)and (min-width:721px){:root{--board-card-limit-height: min(26vh, calc(var(--card-height) * 1.55));--hand-panel-height: clamp(11.75rem, 24vh, 13.5rem);--panel-blur: 12px;--stage-glow-blur: 4px;--stage-glow-opacity: .5;--panel-shadow: 0 14px 30px rgba(0, 0, 0, .24);--panel-shadow-strong: 0 12px 24px rgba(0, 0, 0, .18)}.app-shell{padding:.75rem;gap:.6rem}.play-hud{padding:.6rem .72rem}.table-stage{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr);grid-template-areas:"west north east" "center center center";padding:.75rem;gap:.6rem;align-items:start}.player-seat--north,.player-seat--west,.player-seat--east{position:static;top:auto;left:auto;width:100%;transform:none;z-index:auto;justify-self:stretch}.player-seat{padding:.55rem .7rem}.player-seat__header h2{font-size:1rem}.player-seat__count{font-size:1.2rem}.board-center{gap:.55rem;padding:.75rem}.board-center__header h2{font-size:1.35rem}.board-center__subtitle{margin-top:.18rem;font-size:.88rem}.board-center__table{min-height:0;padding:.75rem}.board-center__trick-cards--single{min-height:calc(var(--card-height) * 1.6)}.hand-panel{padding:.7rem .85rem calc(.8rem + env(safe-area-inset-bottom,0px))}.hand-panel__selection strong{font-size:1rem}.hand-panel__cards{min-height:calc(var(--card-height) + .4rem);padding-bottom:.45rem}.hand-panel__buttons{gap:.4rem}.secondary-button,.primary-button{padding-block:.58rem}.title-screen__highlights-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(pointer:coarse){:root{--panel-blur: 12px;--stage-glow-blur: 0px;--stage-glow-opacity: .32;--panel-shadow: 0 14px 30px rgba(0, 0, 0, .24);--panel-shadow-strong: 0 12px 24px rgba(0, 0, 0, .18);--card-shadow: 0 10px 18px rgba(0, 0, 0, .24);--control-hover-shadow: 0 10px 18px rgba(208, 122, 36, .2)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.table-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}@media(max-width:720px){.opponent-cluster{grid-template-columns:repeat(2,minmax(0,1fr))}}