:root{--font-display: "Yu Mincho", "Hiragino Mincho ProN", "Times New Roman", serif;--font-body: "Avenir Next", "Hiragino Sans", "Yu Gothic", sans-serif;--outer-bg: linear-gradient(180deg, #8b9099 0%, #717680 100%);--stage-bg: radial-gradient(circle at 50% 10%, rgba(132, 154, 214, .22), transparent 32%), radial-gradient(circle at 50% 45%, rgba(55, 77, 140, .28), transparent 52%), linear-gradient(180deg, #0f1830 0%, #121d3d 42%, #0d1633 100%);--surface-frame: rgba(10, 18, 40, .84);--surface-panel: rgba(13, 21, 48, .88);--surface-panel-strong: rgba(8, 15, 37, .96);--surface-card: rgba(255, 255, 255, .045);--surface-card-strong: rgba(255, 255, 255, .08);--surface-blue: rgba(69, 118, 214, .18);--surface-gold: rgba(234, 210, 130, .14);--surface-danger: rgba(180, 89, 99, .16);--border-soft: rgba(255, 255, 255, .08);--border-default: rgba(255, 255, 255, .13);--border-bright: rgba(255, 255, 255, .2);--text-primary: #f7f2e7;--text-secondary: rgba(244, 239, 225, .82);--text-muted: rgba(226, 231, 250, .58);--text-blue: #b7d6ff;--text-gold: #f4e3a2;--text-danger: #ffd7d7;--card-ink: #182440;--card-red: #ab4a4e;--card-face: linear-gradient(180deg, #fffdfa 0%, #f5ebd4 86%), radial-gradient(circle at 25% 18%, rgba(255, 255, 255, .9), transparent 35%);--card-back: radial-gradient(circle at 30% 20%, rgba(255, 229, 155, .26), transparent 30%), linear-gradient(180deg, #1d2d5e 0%, #111d40 100%);--shadow-stage: 0 22px 60px rgba(5, 9, 25, .44);--shadow-panel: 0 20px 42px rgba(5, 9, 25, .28);--shadow-card: 0 18px 30px rgba(11, 17, 39, .34);--shadow-blue: 0 0 0 1px rgba(91, 158, 255, .24), 0 0 22px rgba(84, 148, 255, .22);--shadow-gold: 0 0 0 1px rgba(243, 213, 111, .34), 0 0 28px rgba(243, 213, 111, .3);--radius-stage: 30px;--radius-panel: 24px;--radius-card: 18px;--radius-pill: 999px;--frame-width: min(100vw, 31.5rem);--card-width: clamp(5rem, 17vw, 6.5rem);--card-height: calc(var(--card-width) * 1.45);--card-width-compact: clamp(4.35rem, 15vw, 5.35rem);--card-height-compact: calc(var(--card-width-compact) * 1.45);--hand-overlap: clamp(1.3rem, 5vw, 1.9rem);--transition-fast: .16s ease;--transition-base: .22s ease}*{box-sizing:border-box}html,body,#root{min-height:100%}html{background:#7d828c}body{margin:0;min-width:320px;background:var(--outer-bg);color:var(--text-primary);font-family:var(--font-body)}body,button,input,textarea,select{font:inherit}a{color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,.card-button:focus-visible,.overlay-panel__content:focus-visible,.exchange-modal__panel:focus-visible{outline:2px solid rgba(255,233,153,.94);outline-offset:3px}#root{min-height:100dvh}.app-shell{position:relative;width:var(--frame-width);min-height:100dvh;margin:0 auto;padding:clamp(.8rem,2vw,1rem);background:var(--stage-bg);box-shadow:var(--shadow-stage);overflow:hidden}.app-shell:before{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.08);pointer-events:none}.app-shell--title{display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.app-shell--play{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:.8rem}.app-shell--human-turn .board-center,.app-shell--human-turn .hand-panel{box-shadow:var(--shadow-panel),var(--shadow-blue)}.title-screen,.setup-screen,.lobby-screen,.result-screen{display:flex;flex-direction:column;gap:1rem;min-height:100%}.title-screen__hero,.setup-screen__panel,.lobby-screen__panel,.result-screen__panel,.play-hud,.board-center,.hand-panel,.overlay-panel__content,.exchange-modal__panel{position:relative;border-radius:var(--radius-panel);border:1px solid var(--border-default);background:linear-gradient(180deg,#ffffff0b,#ffffff04),var(--surface-panel);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.title-screen__hero,.setup-screen__panel,.lobby-screen__panel,.result-screen__panel{padding:1rem}.title-screen__hero h1,.setup-screen__panel h1,.lobby-screen__panel h1,.result-screen__panel h1,.overlay-panel__content h2,.board-center__header h2,.hand-panel__header h2,.set-summary h3,.help-card h3,.setup-group h2{margin:0;font-family:var(--font-display);font-weight:700;letter-spacing:-.03em}.title-screen__hero h1,.setup-screen__panel h1,.lobby-screen__panel h1,.result-screen__panel h1{font-size:clamp(2.1rem,8vw,3.8rem);line-height:.95}.hero-panel__eyebrow,.board-center__eyebrow,.hand-panel__eyebrow,.exchange-modal__eyebrow{margin:0 0 .3rem;color:var(--text-blue);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase}.title-screen__note,.title-screen__lede,.setup-screen__field span,.setup-screen__error,.board-center__subtitle,.play-sheet__description,.exchange-modal__description,.connection-banner span,.player-seat__meta,.participant-card p{color:var(--text-secondary)}.title-screen__hero,.title-screen__hero-main{display:grid;gap:1rem}.title-screen__copy{display:grid;gap:.55rem}.title-screen__lede{margin:0;max-width:30rem;line-height:1.7}.title-screen__actions,.setup-screen__actions,.lobby-screen__actions{display:grid;gap:.65rem}.title-screen__hero-visual{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.title-screen__visual-rail{display:grid;gap:.2rem;min-height:4.6rem;padding:.85rem .9rem;border-radius:20px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,#ffffff0b,#ffffff05)}.title-screen__visual-rail span{color:var(--text-muted);font-size:.76rem}.title-screen__visual-rail strong{font-size:1.7rem}.title-screen__visual-stage{position:relative;grid-column:1 / -1;min-height:15rem;overflow:hidden;border-radius:26px;background:radial-gradient(circle at 50% 42%,rgba(245,225,148,.18),transparent 28%),radial-gradient(circle at 50% 65%,rgba(18,32,73,.76),transparent 48%),linear-gradient(180deg,#071028eb,#09122bfa)}.title-screen__visual-stage:before{content:"";position:absolute;inset:18% 20%;background:radial-gradient(circle,#f7e7a766,#f7e7a700 62%),radial-gradient(circle at 18% 22%,#ffffff8c,#fff0 10%);filter:blur(8px)}.title-screen__visual-card{position:absolute;top:3.2rem;width:7.7rem;height:11rem;padding:.85rem;border-radius:22px;background:var(--card-face);color:var(--card-ink);box-shadow:0 20px 32px #0a122561,0 0 34px #f8e6a53d;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(136,110,39,.18)}.title-screen__visual-card span{font-size:2rem;font-weight:800}.title-screen__visual-card small{font-size:1.8rem}.title-screen__visual-card--left{left:calc(50% - 8.3rem);transform:rotate(-10deg)}.title-screen__visual-card--right{right:calc(50% - 8.4rem);transform:rotate(8deg)}.title-screen__availability,.title-screen__highlights,.title-screen__resume,.setup-group,.help-card,.participant-card,.set-summary__game,.resume-card{border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#ffffff09;box-shadow:inset 0 1px #ffffff0a}.title-screen__availability,.title-screen__highlights,.title-screen__resume,.setup-group,.participant-card,.help-card,.set-summary__game{padding:.95rem}.title-screen__availability strong,.title-screen__highlight strong,.resume-card strong{display:block}.title-screen__highlights,.title-screen__resume{display:grid;gap:.85rem}.title-screen__highlights-header,.title-screen__resume-header,.setup-screen__header,.lobby-screen__header{display:grid;gap:.45rem}.title-screen__highlights-list,.title-screen__resume-list{display:grid;gap:.7rem;padding:0;margin:0;list-style:none}.title-screen__highlight{display:grid;gap:.3rem;padding:.95rem}.title-screen__highlight p,.title-screen__note,.participant-card p,.result-flags span,.help-card p,.set-summary__game p{margin:0;line-height:1.6}.resume-card{display:grid;gap:.2rem;padding:.9rem 1rem;text-align:left}.resume-card span{color:var(--text-muted);font-size:.78rem;letter-spacing:.12em}.setup-screen__panel,.lobby-screen__panel{display:grid;gap:.9rem}.setup-screen__header,.lobby-screen__header{align-content:start}.setup-grid{display:grid;gap:.85rem}.setup-group{display:grid;gap:.8rem}.setup-group h2{font-size:1.2rem}.setup-screen__switch,.chip-grid,.rules-inline,.variant-picker{display:flex;flex-wrap:wrap;gap:.55rem}.setup-screen__modes,.rule-settings-editor,.lobby-screen__participants,.help-drawer__grid,.rules-static-list{display:grid;gap:.7rem}.setup-screen__field{display:grid;gap:.45rem}.setup-screen__field>span:first-child{color:var(--text-primary);font-size:.84rem}.setup-screen__field input{width:100%;min-height:3.2rem;padding:.9rem 1rem;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:#ffffff12;color:var(--text-primary)}.setup-screen__field input::placeholder{color:#fff6}.setup-screen__error{margin:0;padding:.85rem .95rem;border-radius:18px;background:var(--surface-danger);border:1px solid rgba(255,148,148,.18);color:var(--text-danger)}.rule-settings-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.rule-toggle,.mode-card{display:grid;gap:.28rem;padding:.9rem;min-height:100%;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#ffffff09;text-align:left;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.rule-toggle strong,.mode-card strong{font-size:.98rem}.rule-toggle span,.mode-card span{color:var(--text-secondary);font-size:.82rem;line-height:1.45}.rule-toggle--active,.mode-card--active,.participant-card--ready{border-color:#f3d56f6b;background:#f3d56f1a;box-shadow:var(--shadow-gold)}.rule-toggle--readonly{cursor:default}.button-surface,.primary-button,.secondary-button,.variant-picker__button,.resume-card{border-radius:999px;border:1px solid rgba(255,255,255,.12);transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),opacity var(--transition-fast)}.primary-button,.secondary-button,.variant-picker__button{min-height:3.25rem;padding:.75rem 1rem;color:var(--text-primary)}.primary-button{background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.2),transparent 44%),linear-gradient(180deg,#212c5afa,#121b3dfa);border-color:#f3d56f7a;box-shadow:var(--shadow-gold);font-weight:700}.secondary-button,.variant-picker__button{background:radial-gradient(circle at 50% 22%,rgba(255,255,255,.12),transparent 44%),linear-gradient(180deg,#12204cf5,#0b1538f5);border-color:#78abff47;box-shadow:var(--shadow-blue)}.secondary-button--active,.variant-picker__button--active{border-color:#f3d56f7a;box-shadow:var(--shadow-gold)}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.variant-picker__button:hover:not(:disabled),.mode-card:hover:not(:disabled),.rule-toggle:hover:not(:disabled),.resume-card:hover:not(:disabled),.player-seat:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.variant-picker__button:disabled,.mode-card:disabled,.rule-toggle:disabled{opacity:.45;box-shadow:none}.play-hud{padding:.55rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem}.play-hud__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.top-stat{display:grid;gap:.18rem;min-height:4.5rem;padding:.75rem .85rem;border-radius:18px;border:1px solid rgba(255,255,255,.09);background:#ffffff0a}.top-stat span{color:var(--text-muted);font-size:.74rem}.top-stat strong{font-size:clamp(1.1rem,4vw,1.7rem);line-height:1}.top-stat--compact strong{font-size:clamp(1rem,3vw,1.28rem)}.play-hud__menu{display:flex;align-items:stretch}.play-hud__menu .secondary-button{min-width:4.9rem;padding-inline:.95rem}.play-layout,.table-stage{min-height:0}.table-stage{display:grid;grid-template-rows:auto minmax(0,1fr);gap:.8rem}.opponent-cluster{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(8.3rem,1fr);gap:.6rem;overflow-x:auto;padding-bottom:.15rem}.player-seat,.participant-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.72rem;align-items:center}.player-seat{min-height:6rem;padding:.75rem .8rem;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#040a1c57;box-shadow:inset 0 1px #ffffff08;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.player-seat--current{border-color:#f3d56f61;box-shadow:var(--shadow-gold)}.player-seat--cue{border-color:#78abff6b;box-shadow:var(--shadow-blue)}.player-seat--inactive{opacity:.72}.player-seat__avatar,.participant-card__avatar{flex:0 0 auto}.player-seat__body,.participant-card__body{display:grid;gap:.35rem;min-width:0}.player-seat__header{display:flex;justify-content:space-between;gap:.5rem;align-items:start}.player-seat__header h2,.participant-card strong{font-size:1.02rem;line-height:1.05}.player-seat__header h2,.participant-card strong,.result-table__player span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-seat__header p,.participant-card span{margin:0;color:var(--text-secondary);font-size:.78rem}.player-seat__count{display:grid;justify-items:end;color:var(--text-primary)}.player-seat__count strong{font-size:1.5rem;line-height:1}.player-seat__count span{color:var(--text-muted);font-size:.72rem}.player-seat__meta{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.74rem}.player-seat__pill,.status-chip{display:inline-flex;align-items:center;justify-content:center;min-height:1.9rem;padding:.25rem .65rem;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text-secondary);font-size:.76rem}.player-seat__pill--current,.status-chip--active{border-color:#f3d56f66;background:#f3d56f1c;color:var(--text-gold)}.seat-avatar{display:inline-flex;align-items:center;justify-content:center;width:3.1rem;height:3.1rem;border-radius:50%;overflow:hidden;box-shadow:inset 0 1px #ffffff3d,0 14px 20px #060a1e40}.seat-avatar--sm{width:2.55rem;height:2.55rem}.seat-avatar svg{display:block;width:100%;height:100%}.board-center{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:.75rem;min-height:0;padding:.9rem}.board-center__header,.hand-panel__header{display:flex;justify-content:space-between;gap:.7rem;align-items:end}.board-center__subtitle,.hand-panel__subtitle{margin:.3rem 0 0;font-size:.88rem;line-height:1.5}.board-center__turn{display:grid;justify-items:end;gap:.15rem;text-align:right}.board-center__turn span{color:var(--text-muted);font-size:.72rem}.board-center__turn strong{color:var(--text-gold);font-size:.96rem}.board-center__status-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.board-status{display:grid;gap:.15rem;padding:.7rem .8rem;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.board-status span{color:var(--text-muted);font-size:.72rem}.board-status strong{font-size:.95rem}.board-status--active{border-color:#f3d56f61;background:#f3d56f1a}.board-center__table{position:relative;min-height:clamp(17rem,43vh,27rem);padding:1.3rem 1rem;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 50% 44%,rgba(249,231,165,.14),transparent 22%),radial-gradient(circle at 50% 48%,rgba(7,20,57,.1),transparent 40%),linear-gradient(180deg,#030a1ddb,#060e23f5);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;text-align:center}.board-center__halo{position:absolute;inset:20% 18%;border-radius:50%;background:radial-gradient(circle,#f4dd8452,#f4dd8400 55%),radial-gradient(circle at 30% 30%,#ffffffb3,#fff0 9%);filter:blur(12px);pointer-events:none}.board-center__table--cards-5 .board-center__trick-cards,.board-center__table--cards-6 .board-center__trick-cards{transform:scale(.92)}.board-center__ghost-cards,.board-center__trick-cards{position:relative;display:flex;align-items:flex-end;justify-content:center;z-index:1}.board-center__ghost-cards{position:absolute;inset:auto 0 5rem;opacity:.4}.board-center__trick-cards--stack .card-button+.card-button{margin-left:-1.3rem}.board-center__announcement{position:relative;z-index:1;margin:0;color:#f6f1e6;font-family:var(--font-display);font-size:clamp(1.55rem,6vw,2.5rem);line-height:1.2;text-shadow:0 10px 28px rgba(0,0,0,.42)}.board-center__trick-text{position:relative;z-index:1;margin:0;padding:.45rem .8rem;border-radius:var(--radius-pill);background:#ffffff14;color:var(--text-secondary);font-size:.82rem}.board-center__empty{position:relative;z-index:1;display:grid;gap:.4rem;max-width:16rem}.board-center__empty strong{font-family:var(--font-display);font-size:1.45rem}.board-center__empty span{color:var(--text-secondary);line-height:1.6}.board-center__ruleline{display:grid;gap:.2rem;padding:.75rem .85rem;border-radius:18px;background:#ffffff0a}.board-center__ruleline span{color:var(--text-muted);font-size:.74rem}.board-center__ruleline strong{font-size:.92rem;line-height:1.45}.hand-panel{display:grid;gap:.75rem;padding:.9rem .9rem 1rem;background:linear-gradient(180deg,#0e1838f0,#081029fa),var(--surface-panel-strong)}.hand-panel__top{display:grid;gap:.75rem}.hand-panel__summary,.hand-panel__buttons{display:grid;gap:.55rem}.hand-panel__summary{justify-items:end}.hand-panel__summary span{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .6rem;border-radius:var(--radius-pill);background:#ffffff0d;color:var(--text-secondary);font-size:.76rem}.hand-panel__control-row{display:grid;gap:.75rem}.hand-panel__selection{display:grid;gap:.18rem;padding:.85rem .95rem;border-radius:18px;background:#ffffff0d}.hand-panel__selection span{color:var(--text-muted);font-size:.74rem}.hand-panel__selection strong{font-size:1rem;line-height:1.4}.hand-panel__buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.hand-panel__buttons>button{min-width:0;font-size:.86rem;padding-inline:.4rem}.hand-panel__cards,.exchange-modal__incoming,.exchange-modal__hand,.variant-picker,.opponent-cluster{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.hand-panel__cards{display:flex;align-items:flex-end;overflow-x:auto;overflow-y:visible;min-height:calc(var(--card-height-compact) + 1.25rem);padding:.2rem .55rem .2rem .2rem}.hand-panel__cards .card-button+.card-button{margin-left:calc(var(--hand-overlap) * -1)}.variant-picker{padding-bottom:.05rem;overflow-x:auto;flex-wrap:nowrap}.variant-picker__button{min-height:2.55rem;white-space:nowrap;font-size:.83rem;padding:.55rem .8rem}.card-button{position:relative;flex:0 0 auto;width:var(--card-width);height:var(--card-height);padding:.55rem;border-radius:var(--radius-card);border:1px solid rgba(122,95,33,.18);background:var(--card-face);color:var(--card-ink);box-shadow:var(--shadow-card);display:grid;overflow:hidden;align-items:stretch}.card-button:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 18%,#ffffffc2,#fff0 26%),linear-gradient(180deg,rgba(255,255,255,.1),transparent 44%);pointer-events:none}.card-button--compact{width:var(--card-width-compact);height:var(--card-height-compact)}.card-button--interactive{border:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast),filter var(--transition-fast)}.card-button--interactive:not(:disabled):hover{transform:translateY(-2px)}.card-button--selected{transform:translateY(-.9rem);box-shadow:var(--shadow-card),var(--shadow-gold)}.card-button--disabled{opacity:.45;filter:saturate(.75)}.card-button--spotlight{box-shadow:var(--shadow-card),0 0 30px #f7e59752}.card-button--red{color:var(--card-red)}.card-button--joker .card-button__rank{font-size:1.1rem;letter-spacing:.04em}.card-button--joker .card-button__suit{font-size:1.75rem}.card-button--hidden{border-color:#84abff29;background:var(--card-back);color:#eaf2ffeb}.card-button__back-mark{display:flex;align-items:center;justify-content:center;text-align:center;color:#e9f1ffe6;font-size:.86rem;letter-spacing:.22em;font-weight:700}.card-button__corner{position:absolute;top:.55rem;left:.55rem;display:grid;gap:.04rem;justify-items:start;font-size:.82rem;line-height:1;font-weight:700}.card-button__corner--mirror{inset:auto .55rem .55rem auto;transform:rotate(180deg)}.card-button__center{position:relative;z-index:1;display:grid;justify-items:center;align-content:center;gap:.15rem}.card-button__rank{font-size:clamp(1.85rem,8vw,2.55rem);font-weight:800;line-height:1}.card-button__suit{font-size:2rem;line-height:1}.card-button--compact .card-button__corner{font-size:.68rem}.card-button--compact .card-button__rank{font-size:clamp(1.65rem,7vw,2.15rem)}.card-button--compact .card-button__suit{font-size:1.7rem}.overlay-panel,.exchange-modal{position:fixed;inset:0;z-index:50;padding:4rem 0 0;background:#0408158c;display:flex;justify-content:center;align-items:end}.overlay-panel__content,.exchange-modal__panel{width:min(100%,31.5rem);max-height:calc(100dvh - 4rem);overflow:auto;padding:1rem;border-radius:24px 24px 0 0;background:linear-gradient(180deg,#0f1a3cfa,#070f26fa),var(--surface-panel-strong)}.play-sheet__header,.help-drawer,.exchange-modal__panel{display:grid;gap:.75rem}.play-sheet__description{margin:0}.play-sheet__actions,.play-sheet__footer{display:grid;gap:.65rem}.help-drawer__header{display:grid;gap:.35rem}.help-drawer__grid{grid-template-columns:1fr}.help-card__list{margin:0;padding-left:1.1rem;color:var(--text-secondary);line-height:1.6}.exchange-modal__count{margin:0;padding:.8rem .9rem;border-radius:18px;background:#ffffff0d}.exchange-modal__incoming,.exchange-modal__hand{display:flex;gap:.55rem;overflow-x:auto;padding-bottom:.1rem}.exchange-modal__incoming .card-button,.exchange-modal__hand .card-button{width:var(--card-width-compact);height:var(--card-height-compact)}.connection-banner{position:relative;display:grid;gap:.18rem;padding:.75rem .9rem;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#121c3cd1}.connection-banner strong{font-size:.93rem}.connection-banner--reconnecting,.connection-banner--error{border-color:#ffa3a338;background:#5b2631a3}.lobby-screen__connection{display:grid;gap:.2rem;padding:.8rem .9rem;border-radius:20px;background:#ffffff0d}.lobby-screen__connection span{font-size:.76rem;color:var(--text-muted)}.lobby-screen__participants{grid-template-columns:1fr}.participant-card{min-height:5.4rem;padding:.85rem}.participant-card--cpu{background:#76a47914}.participant-card__body span{color:var(--text-muted);font-size:.76rem}.participant-card__body strong{font-size:1rem}.result-table{display:grid;gap:.65rem}.result-table__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.85rem .95rem;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.result-table__rank strong{font-size:1.05rem}.result-table__player{display:flex;align-items:center;gap:.55rem;min-width:0}.result-flags,.set-summary,.set-summary__games{display:grid;gap:.7rem}.result-flags span{padding:.8rem .9rem;border-radius:18px;background:#ffffff0a}.set-summary__game strong{display:block;margin-bottom:.35rem}.rules-inline{gap:.5rem}.status-chip{min-height:2rem}.overlay-panel::-webkit-scrollbar,.overlay-panel__content::-webkit-scrollbar,.exchange-modal__panel::-webkit-scrollbar,.hand-panel__cards::-webkit-scrollbar,.exchange-modal__incoming::-webkit-scrollbar,.exchange-modal__hand::-webkit-scrollbar,.variant-picker::-webkit-scrollbar,.opponent-cluster::-webkit-scrollbar{height:8px;width:8px}.overlay-panel__content::-webkit-scrollbar-thumb,.exchange-modal__panel::-webkit-scrollbar-thumb,.hand-panel__cards::-webkit-scrollbar-thumb,.exchange-modal__incoming::-webkit-scrollbar-thumb,.exchange-modal__hand::-webkit-scrollbar-thumb,.variant-picker::-webkit-scrollbar-thumb,.opponent-cluster::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:999px}.board-center--play .board-center__announcement,.player-seat--cue{animation:softPulse .9s ease}.board-center--clear .board-center__ghost-cards{animation:fadeOut .52s ease forwards}@keyframes softPulse{0%{transform:scale(.985);filter:brightness(.92)}50%{transform:scale(1);filter:brightness(1.08)}to{transform:scale(1);filter:brightness(1)}}@keyframes fadeOut{0%{opacity:.45;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}@media(min-width:430px){.board-center__status-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.title-screen__actions,.setup-screen__actions,.lobby-screen__actions,.play-sheet__actions,.play-sheet__footer{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:720px){.app-shell{min-height:calc(100dvh - 2rem);margin:1rem auto;border-radius:var(--radius-stage)}.app-shell:before{border-radius:var(--radius-stage)}.title-screen__hero{padding:1.2rem}.setup-grid,.lobby-screen__participants,.help-drawer__grid,.rules-static-list{grid-template-columns:repeat(2,minmax(0,1fr))}.overlay-panel,.exchange-modal{align-items:center;padding:2rem}.overlay-panel__content,.exchange-modal__panel{max-height:min(90dvh,46rem);border-radius:28px}}@media(max-height:780px){:root{--card-width: clamp(4.6rem, 15vw, 5.8rem);--card-width-compact: clamp(3.95rem, 13vw, 4.9rem)}.board-center__table{min-height:15rem}.hand-panel__cards{min-height:calc(var(--card-height-compact) + .65rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}