:root{--felt-deep: #071b13;--felt: #0d2a1f;--felt-light: #173b2c;--gold: #d7b25e;--gold-dim: #8e7542;--ivory: #f6efdb;--muted: #b8c3aa;--danger: #c85348;--card-width: clamp(46px, 10vw, 58px);--radius: 14px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background-color:var(--felt);background-image:linear-gradient(135deg,#ffffff09,#0000003d),url(/assets/table-felt.webp);background-size:cover,cover;background-attachment:fixed;color:var(--ivory);font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}.top-bar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));background:#05140eeb;border-bottom:1px solid rgba(217,178,94,.28);box-shadow:0 5px 18px #00000059;backdrop-filter:blur(12px)}.emblem{width:46px;height:46px;object-fit:contain;flex:0 0 auto}.brand{display:flex;flex-direction:column;gap:2px;min-width:0}.brand-title{font-family:Georgia,serif;font-weight:700;color:var(--gold);font-size:1.25rem;letter-spacing:.02em}.brand-subtitle{color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions{margin-left:auto;display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.icon-button{border:1px solid rgba(217,178,94,.35);background:#173b2cb8;color:var(--ivory);border-radius:9px;padding:7px 9px;font-size:.78rem;font-weight:600;min-height:34px}.icon-button:hover{border-color:var(--gold);background:#234f3be6}.icon-button.danger{color:#f2b7b0;border-color:#c853488c}.icon-button.install{color:var(--gold)}.connection{flex:0 0 auto;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:5px 8px;border-radius:20px;border:1px solid rgba(255,255,255,.18)}.connection.open{color:#8edaa4;border-color:#8edaa459}.connection.closed{color:#f3aaa2;border-color:#f3aaa266}.connection.connecting{color:var(--gold);border-color:#d9b25e66}.lobby{width:min(860px,calc(100% - 32px));margin:0 auto;padding:24px 0 48px;display:grid;gap:20px}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 8px 8px;gap:14px}.hero-emblem{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5))}.hero h1{margin:0;font-family:Georgia,serif;font-size:clamp(2rem,7vw,2.7rem);color:var(--gold);letter-spacing:.01em}.hero p{margin:0;max-width:560px;color:var(--muted);line-height:1.55}.lobby-card{border:1px solid rgba(217,178,94,.32);border-radius:var(--radius);background:#091f16bd;padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:inset 0 1px #ffffff12,0 8px 24px #00000040}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:.78rem;font-weight:700;color:var(--gold);letter-spacing:.03em}.field input,.code-input{background:#030d09d9;border:1px solid rgba(217,178,94,.35);border-radius:10px;color:var(--ivory);padding:12px;outline:none;width:100%}.field input:focus,.code-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d9b25e24}.primary,.secondary{border-radius:11px;padding:13px 18px;min-height:46px;font-weight:700;transition:filter .12s ease,border-color .12s ease}.primary{border:1px solid var(--gold);background:linear-gradient(180deg,#b48b3f,#8e6c2d);color:#fff8e7;box-shadow:0 5px 14px #0000004d}.primary:hover:not(:disabled){filter:brightness(1.12)}.primary:disabled{opacity:.4}.secondary{border:1px solid rgba(217,178,94,.5);background:#143425c7;color:var(--ivory)}.secondary:hover:not(:disabled){border-color:var(--gold)}.secondary.compact{padding:9px 12px;min-height:38px}.link-button{border:0;background:transparent;color:var(--gold);font-weight:700;padding:6px 0;align-self:flex-start}.join-row{display:flex;gap:8px;align-items:stretch}.code-input{flex:1;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.lobby-info{border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:18px;background:#091f168c}.lobby-info h2{margin:0 0 10px;font-family:Georgia,serif;color:var(--gold);font-size:1.08rem}.lobby-info ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.6;font-size:.9rem}.lobby-info li+li{margin-top:4px}.install-note{color:var(--muted);font-size:.82rem;line-height:1.5}.room-lobby{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 16px 48px}.room-card{width:min(720px,100%);border:1px solid rgba(217,178,94,.32);border-radius:var(--radius);background:#091f16c7;padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:inset 0 1px #ffffff12,0 8px 24px #00000040}.room-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.room-head h2{margin:0;font-family:Georgia,serif;color:var(--gold);font-size:1.25rem;letter-spacing:.08em}.room-host{color:var(--muted);font-size:.76rem}.room-note{margin:0;color:var(--muted);font-size:.86rem;line-height:1.5}.lobby-roster{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.roster-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:9px;background:#06170f85}.roster-name{color:var(--ivory);font-weight:700;font-size:.92rem;display:flex;align-items:center;gap:6px;min-width:0;overflow-wrap:anywhere}.host-chip{color:var(--gold);font-size:.62rem;font-weight:700;padding:1px 6px;border-radius:10px;background:#d9b25e24;border:1px solid rgba(217,178,94,.38)}.team-choice{margin-left:auto;display:flex;gap:5px}.team-pill{border:1px solid rgba(217,178,94,.4);background:#143425b8;color:var(--ivory);border-radius:9px;padding:5px 8px;font-size:.7rem;font-weight:700;min-height:30px}.team-pill.active{border-color:var(--gold);background:#2b5236db;color:var(--gold)}.team-pill.passive{margin-left:auto;color:var(--muted);background:#06170f80;border-color:#ffffff24;cursor:default}.bot-note{color:#91bba7;font-size:.82rem;font-weight:600}.pairing-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pairing-hint{color:var(--muted);font-size:.72rem}.room-warning{margin:0;color:#e0a76f;font-size:.78rem}.room-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.room-actions .primary{flex:1}.table-loading{align-items:center;justify-content:center}.table-loading p{color:var(--muted);font-size:.92rem}@media(max-width:520px){.room-lobby{padding:16px 12px 40px}.room-card{padding:14px}.team-pill{font-size:.62rem;padding:5px 6px}.roster-row{gap:6px}.room-actions .primary{flex:1 1 100%}}.table-screen{flex:1;display:flex;flex-direction:column;width:min(1100px,100%);margin:0 auto;gap:0;padding:10px 10px 18px}.scoreboard{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid rgba(217,178,94,.22)}.score-pair{display:flex;align-items:center;gap:8px;font-size:.92rem}.score-pair strong{font-family:Georgia,serif;color:var(--gold);font-size:1.15rem}.score-pair.big strong{font-size:1.5rem}.score-label{color:var(--muted);font-weight:600}.score-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.76rem}.score-meta>span{white-space:nowrap}.hanging{color:#e0a76f}.bot-label{color:#91bba7;font-weight:700}.table-stage{position:relative;flex:1;min-height:380px;display:grid;grid-template-columns:minmax(80px,1fr) minmax(220px,2fr) minmax(80px,1fr);grid-template-rows:auto minmax(170px,1fr) minmax(120px,1fr);grid-template-areas:"partner-left partner partner-right" "left center right" "left-bottom center-bottom right-bottom";gap:6px;padding:10px 0}.seat-partner{grid-area:partner;justify-self:center}.seat-left{grid-area:left;align-self:stretch}.seat-right{grid-area:right;align-self:stretch}.table-center{grid-area:center}.seat-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid rgba(217,178,94,.23);border-radius:12px;background:#06170f91;padding:8px 6px;min-height:80px}.seat-partner{padding:10px 20px}.seat-left,.seat-right{align-self:stretch}.seat-current{border-color:var(--gold);background:#214833b3;box-shadow:0 0 16px #d9b25e29}.seat-avatar{display:flex;flex-direction:column;align-items:center;gap:2px}.seat-glyph{font-family:Georgia,serif;color:var(--gold);font-size:.8rem;font-weight:700}.seat-name{color:var(--ivory);font-size:.9rem;font-weight:700;overflow-wrap:anywhere;text-align:center}.seat-team{color:var(--muted);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}.bot-chip{color:#8fb7a5;font-size:.64rem;font-transform:none;padding:1px 5px;border-radius:10px;border:1px solid rgba(143,183,165,.35)}.turn-chip{color:var(--gold);font-size:.64rem;font-weight:700;border-radius:10px;padding:1px 6px;background:#d9b25e1f;border:1px solid rgba(217,178,94,.4)}.seat-call{color:var(--gold);font-size:.7rem;font-weight:700}.seat-declaration{color:#d4a366;font-size:.66rem;text-align:center}.table-center{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;border-radius:18px;padding:12px;background:#040c09ad;border:1px dashed rgba(217,178,94,.2);min-width:0}.center-title{font-family:Georgia,serif;color:var(--gold);font-size:1.02rem;font-weight:700;text-align:center}.center-score{display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:.8rem}.auction-live{display:flex;flex-wrap:wrap;gap:5px;align-items:center;justify-content:center;color:var(--muted);font-size:.75rem}.bid-chip{background:#d9b25e21;border:1px solid rgba(217,178,94,.28);border-radius:12px;padding:3px 7px;color:var(--ivory)}.highest{display:flex;justify-content:center;gap:8px;color:var(--ivory);font-size:.82rem;font-weight:700}.center-calls{color:#d7a366;font-size:.75rem}.center-foot{color:var(--muted);font-size:.7rem;text-align:center;line-height:1.4}.bottom-area{display:flex;flex-direction:column;gap:8px;border-radius:16px;padding:10px 12px 12px;background:#071810bf;border:1px solid rgba(217,178,94,.26);margin-top:4px}.hand-header{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--ivory);font-size:.92rem;font-weight:700;border-bottom:1px solid rgba(217,178,94,.16);padding-bottom:7px}.hand-header>div:first-child{display:flex;gap:8px;align-items:center}.hand-status{color:var(--muted);font-size:.75rem;font-weight:600;display:flex;gap:7px}.hand-current .hand-status{color:var(--gold)}.hand-call{color:#dcb266}.hand{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.playing-card{width:var(--card-width);aspect-ratio:.68;border-radius:7px;border:1px solid #d3ab58;background:#f7f0dc;box-shadow:0 3px 9px #0000004d,inset 0 1px #ffffff8c;color:#1d241f;display:inline-flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:5px 7px;position:relative;transition:transform .1s ease,filter .1s ease}.card-red{color:#9b322d}.card-black{color:#23342a}.playing-card:not(:disabled){border-color:var(--gold)}.playing-card.legal-card{box-shadow:0 0 0 2px #d9b25ea6,0 5px 14px #00000057}.playing-card:not(:disabled):hover{transform:translateY(-4px)}.card-rank{font-size:clamp(.98rem,3vw,1.3rem);font-weight:700;line-height:1}.card-suit{font-size:clamp(1rem,3.4vw,1.5rem);line-height:1}.playing-card:disabled{opacity:.55}.auction-hand .playing-card:disabled{opacity:.9}.playing-card.mini-card{width:40px;padding:3px}.playing-card.mini-card .card-rank{font-size:.8rem}.playing-card.mini-card .card-suit{font-size:.95rem}.turn-pill,.wait-pill{color:var(--gold);font-size:.78rem;font-weight:700;text-align:center}.turn-pill.your-turn{color:#e0b256}.wait-pill{color:var(--muted)}.bot-thinking{color:var(--muted);font-size:.76rem;text-align:center}.table-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.68rem}.auction-panel{display:flex;flex-direction:column;gap:8px}.auction-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.bid-button{border-radius:11px;min-width:66px;padding:10px 12px;border:1px solid rgba(217,178,94,.52);background:#133224cc;color:var(--ivory);font-weight:700;font-size:.86rem;min-height:42px}.bid-button:hover:not(:disabled){border-color:var(--gold);background:#1f4633e6}.bid-button:disabled{opacity:.4}.bid-button.pass{color:var(--muted)}.bid-button.contra{border-color:#c8914e;background:#582f16b3;color:#f1c98a}.auction-hint{font-size:.76rem;color:var(--muted);text-align:center}.dialog-layer{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));background:#020a06bd;backdrop-filter:blur(3px)}.dialog-card{width:min(640px,100%);max-height:min(82vh,800px);display:flex;flex-direction:column;background:#102e21;border:1px solid var(--gold);border-radius:18px;box-shadow:0 24px 60px #0000008c,inset 0 1px #ffffff0f}.dialog-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(217,178,94,.22);padding:14px 18px}.dialog-head h2{margin:0;font-family:Georgia,serif;font-size:1.3rem;color:var(--gold)}.dialog-close{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.24);background:#030d0973;color:var(--ivory);font-size:1.4rem;line-height:1}.dialog-body{overflow-y:auto;padding:16px 18px 24px;display:flex;flex-direction:column;gap:14px}.dialog-body>p{margin:0}.rules-lead{color:var(--muted);font-size:.9rem;line-height:1.55;border-left:3px solid var(--gold-dim);padding-left:10px}.rule-block h3{margin:0 0 6px;color:var(--gold);font-size:.96rem}.rule-block p{margin:0;color:var(--ivory);font-size:.88rem;line-height:1.55}.result-detail,.wait-text{color:var(--muted);font-size:.9rem;line-height:1.5}.score-pair.big{border-top:1px solid rgba(217,178,94,.15);padding-top:6px}.dialog-body .primary{margin-top:4px}.history-list{display:flex;flex-direction:column;gap:10px}.history-row{border-top:1px solid rgba(217,178,94,.2);padding-top:8px;color:var(--ivory);font-size:.82rem;line-height:1.5}.history-row h3{margin:0;color:var(--gold);font-size:.92rem}.history-row p{margin:3px 0}.history-belot{color:#ddb66d}.declaration-entry,.declaration-event{display:flex;gap:10px;border-top:1px solid rgba(255,255,255,.09);padding-top:8px;line-height:1.5}.declaration-seat{color:var(--gold);font-size:.8rem;font-weight:700;flex:0 0 60px}.declaration-text{flex:1;font-size:.8rem}.declaration-text p{margin:2px 0}.declaration-score{color:#a9d7b0}.declaration-miss{color:#c99480}.declaration-detail{color:var(--muted)}.call-list{display:flex;flex-wrap:wrap;gap:6px}.call-chip{border:1px solid rgba(217,178,94,.28);border-radius:10px;padding:4px 8px;font-size:.76rem;color:var(--ivory);background:#d9b25e14}.invite-code{font-size:1.4rem;font-weight:800;letter-spacing:.18em;color:var(--gold);text-align:center}.invite-actions{display:flex;flex-wrap:wrap;gap:8px}.invite-link{color:var(--muted);font-size:.72rem;overflow-wrap:anywhere}.toast{position:fixed;z-index:100;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);max-width:min(440px,calc(100% - 32px));border:1px solid var(--gold);background:#113021f5;color:var(--ivory);border-radius:12px;padding:11px 14px;font-size:.86rem;font-weight:600;box-shadow:0 10px 30px #0006}@media(max-width:760px){.top-bar{gap:8px;padding-left:10px;padding-right:10px}.emblem{width:38px;height:38px}.brand-title{font-size:1.08rem}.top-actions{gap:4px}.icon-button{padding:6px;font-size:.7rem;min-height:31px}.connection{font-size:.6rem}.table-screen{padding:6px 6px 12px}.table-stage{grid-template-columns:minmax(52px,.8fr) minmax(140px,1.5fr) minmax(52px,.8fr);grid-template-rows:auto minmax(140px,1fr) minmax(90px,1fr)}.seat-slot{padding:6px 3px;gap:2px}.seat-name{font-size:.78rem}.seat-glyph{font-size:.68rem}.seat-team{font-size:.58rem}.seat-partner{padding:6px 8px}.playing-card.mini-card{width:33px}.scoreboard{padding:4px 6px}.score-meta{font-size:.66rem}.bottom-area{padding:8px 6px}.hand-header{font-size:.8rem}.bid-button{min-width:52px;font-size:.78rem;padding:8px}.dialog-card{max-height:88vh}.dialog-body{padding:12px 13px 20px}}@media(max-width:390px){.table-stage{grid-template-columns:46px minmax(120px,1fr) 46px}.seat-name{font-size:.66rem}.seat-glyph{font-size:.58rem}.playing-card.mini-card{width:28px}:root{--card-width: 42px}}@media(min-width:900px)and (min-height:700px){.table-stage{grid-template-columns:minmax(110px,1fr) minmax(320px,2.6fr) minmax(110px,1fr);grid-template-rows:auto minmax(220px,1fr) minmax(150px,1fr)}.seat-slot{min-height:110px}}body.dialog-open{overflow:hidden}.fatal{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.fatal h1{font-family:Georgia,serif;color:var(--gold);margin:0}.fatal p{color:var(--muted);margin:0;max-width:34ch}