:root{--felt: #0b3d2e;--felt-dark: #072a20;--felt-light: #125340;--gold: #e3b341;--ink: #f4f1ea;--muted: rgba(244, 241, 234, .62);--line: rgba(244, 241, 234, .16);--card-face: #fbf9f4;--red: #c62828;--black: #1a1a1a;--radius: 14px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:radial-gradient(120% 80% at 50% 0%,var(--felt-light),var(--felt) 45%,var(--felt-dark));background-attachment:fixed;color:var(--ink);font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.45;overscroll-behavior:none}.app{min-height:100%;display:flex;flex-direction:column}.screen{flex:1;width:100%;max-width:560px;margin:0 auto;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));display:flex;flex-direction:column;gap:14px}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.01em}h1{font-size:2rem}h2{font-size:1.4rem}h3{font-size:1.05rem}.tagline{margin:0;color:var(--muted);font-size:.95rem}.hint{margin:0;color:var(--muted);font-size:.85rem}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer;touch-action:manipulation}.primary,.ghost{min-height:50px;padding:0 20px;border-radius:var(--radius);font-weight:700;font-size:1rem;transition:transform .12s ease,opacity .12s ease}.primary{background:linear-gradient(180deg,var(--gold),#c99a2e);color:#241a02;box-shadow:0 6px 18px #0000004d}.ghost{background:#ffffff14;border:1px solid var(--line)}.primary:active,.ghost:active{transform:scale(.97)}.primary:disabled{opacity:.45;box-shadow:none}.button-row{display:grid;grid-template-columns:1fr 1.6fr;gap:10px}.field{display:flex;flex-direction:column;gap:6px}.field>span,.field-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}input{min-height:50px;padding:0 14px;font:inherit;font-size:1rem;color:var(--ink);background:#00000040;border:1px solid var(--line);border-radius:var(--radius)}input:focus{outline:2px solid var(--gold);outline-offset:1px}.code-input{text-align:center;font-size:1.7rem;font-weight:700;letter-spacing:.35em;text-indent:.35em}.panel{display:flex;flex-direction:column;gap:12px;padding:16px;background:#0003;border:1px solid var(--line);border-radius:18px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#00000040;border-radius:var(--radius)}.tabs button{min-height:42px;border-radius:10px;color:var(--muted);font-weight:600}.tabs button.active{background:#ffffff1f;color:var(--ink)}.tab-panels{display:grid;grid-template-columns:minmax(0,1fr)}.tab-panels>.panel{grid-area:1 / 1;min-width:0;align-content:start}.connection-hint{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-hint.is-hidden{visibility:hidden}.tab-panels>.panel.inactive{visibility:hidden}.home-header{text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center;padding-top:8px}.logo-card{display:grid;place-items:center;width:62px;height:84px;background:var(--card-face);color:var(--black);font-size:1.8rem;font-weight:700;border-radius:10px;box-shadow:0 10px 26px #0006;transform:rotate(-6deg)}.variant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.variant{display:flex;flex-direction:column;gap:2px;padding:12px;text-align:left;background:#ffffff0f;border:1px solid var(--line);border-radius:var(--radius);font-size:.82rem;color:var(--muted)}.variant strong{font-size:.98rem;color:var(--ink)}.variant.active{border-color:var(--gold);background:#e3b34124}.variant-meta{font-size:.74rem}.code-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:18px;background:#00000047;border:1px dashed var(--gold);border-radius:18px}.code-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.code-value{font-size:2.6rem;font-weight:800;letter-spacing:.22em;text-indent:.22em;color:var(--gold)}.invite-url{text-align:center;word-break:break-all;font-size:.76rem;user-select:all;-webkit-user-select:all}.invite-url.highlight{padding:8px 10px;border-radius:10px;color:var(--ink);background:#e3b34124;border:1px solid rgba(227,179,65,.4)}.seat-list{display:flex;flex-direction:column;gap:8px}.seat-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);background:#ffffff0f;border:1px solid var(--line)}.seat-row.empty{border-style:dashed;color:var(--muted)}.seat-avatar{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#e3b34133;color:var(--gold);font-weight:700}.seat-name{flex:1;font-weight:600}.chip{padding:2px 8px;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#ffffff1f;color:var(--muted)}.chip-you,.chip-removable{background:#e3b34138;color:var(--gold)}.card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--card-face);border-radius:9px;box-shadow:0 3px 10px #00000059;font-weight:700;line-height:1;flex:none;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}.card-red{color:var(--red)}.card-black{color:var(--black)}.card-sm{width:38px;height:54px;font-size:.82rem}.card-md{width:50px;height:70px;font-size:1rem}.card-lg{width:var(--card-w, 58px);height:84px;font-size:1.1rem}.card-face{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.card-suit{font-size:1.25em}.card-corner{position:absolute;top:3px;left:3px;display:flex;flex-direction:column;align-items:center;line-height:.95;font-weight:800}.card-corner-rank{font-size:.68rem;letter-spacing:-.05em}.card-corner-suit{font-size:.64rem}.card-sm .card-corner,.card-md .card-corner{display:none}.card-points{position:absolute;top:3px;right:4px;font-size:.58rem;font-weight:800;color:#0000006b}.card.is-kali-tidi{box-shadow:0 0 0 2px var(--gold),0 3px 10px #0006}.card.is-trump:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px;box-shadow:inset 0 0 0 2px #e3b341d9}.card.is-disabled{opacity:.34;filter:saturate(.4)}.card.is-selected{transform:translateY(-8px);box-shadow:0 0 0 2px var(--gold),0 8px 18px #00000073}.card.is-tappable:not(.is-disabled):active{transform:translateY(-6px) scale(1.04)}.card-back{background:repeating-linear-gradient(45deg,#1d4f8b,#1d4f8b 5px,#16407a 5px,#16407a 10px)}.card-row{display:flex;flex-wrap:wrap;gap:8px}.chosen-row{display:flex;flex-wrap:wrap;gap:6px}.status-bar{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.status-bar::-webkit-scrollbar{display:none}.status-chip{flex:none;padding:5px 10px;border-radius:999px;font-size:.76rem;font-weight:600;background:#00000047;border:1px solid var(--line);white-space:nowrap}.status-chip.trump{border-color:var(--gold);color:var(--gold)}.seats{display:grid;gap:6px;grid-template-columns:1fr}.seats[data-count="5"],.seats[data-count="6"],.seats[data-count="7"]{grid-template-columns:1fr 1fr}.seat{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:12px;background:#00000038;border:1px solid transparent;min-height:58px}.seat.on-turn{border-color:var(--gold);background:#e3b3411f}.seat.away{opacity:.5}.seat-info{flex:1;min-width:0;display:flex;flex-direction:column}.seat .seat-name{font-size:.86rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat-sub{font-size:.72rem;color:var(--muted)}.seat-card{width:38px;flex:none}.trick{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px;min-height:104px;padding:10px;border-radius:18px;background:#0003;border:1px solid var(--line)}.trick.empty{align-items:center;justify-content:center}.trick-play{display:flex;flex-direction:column;align-items:center;gap:3px}.trick-play.won .card{box-shadow:0 0 0 2px var(--gold),0 8px 20px #00000080;transform:translateY(-4px)}.trick-owner{font-size:.68rem;color:var(--muted);max-width:54px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log{display:flex;flex-direction:column;gap:1px;font-size:.76rem;color:var(--muted);text-align:center;min-height:18px}.log span:last-child{color:var(--ink)}.hand-area{margin-top:auto;display:flex;flex-direction:column;gap:8px}.turn-line{margin:0;text-align:center;font-size:.85rem;font-weight:600;color:var(--gold)}.secret{margin:0;padding:8px 10px;border-radius:10px;font-size:.78rem;background:#e3b3411f;border:1px solid rgba(227,179,65,.35)}.hand{--card-w: 58px;display:grid;justify-content:center;align-items:end;padding:26px 6px 10px;overflow:visible}.hand .card{width:var(--card-w)}.hand .card.is-selected{z-index:10;transform:translateY(-18px)}.hand .card.is-armed{box-shadow:0 0 0 3px var(--gold),0 12px 24px #00000080}.hand .card.is-disabled{opacity:.4}.action-panel{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;background:#00000052;border:1px solid var(--line)}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.panel-note{font-size:.78rem;color:var(--muted);text-align:right}.stepper{display:grid;grid-template-columns:56px 1fr 56px;align-items:center;gap:8px;padding:6px;border-radius:var(--radius);background:#0000004d}.stepper button{height:46px;border-radius:10px;background:#ffffff1a;font-size:1.4rem;font-weight:700}.stepper button:active{background:#ffffff2e}.stepper-value{text-align:center;font-size:1.7rem;font-weight:800;color:var(--gold)}.suit-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.suit-row.compact{grid-template-columns:repeat(4,1fr)}.suit-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px;border-radius:var(--radius);background:var(--card-face);color:var(--black);border:2px solid transparent}.suit-button.small{min-height:44px}.suit-button.red{color:var(--red)}.suit-button.active{border-color:var(--gold);box-shadow:0 0 0 3px #e3b34159}.suit-glyph{font-size:1.5rem;line-height:1}.suit-count{font-size:.7rem;font-weight:700;color:#00000080}.result h2.made{color:#6fcf97}.result h2.missed{color:#ef8a7a}.score-split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.score-side{display:flex;flex-direction:column;gap:2px;padding:14px;border-radius:var(--radius);background:#00000040;border:1px solid var(--line)}.score-side.bid{border-color:#e3b34180}.score-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.score-side strong{font-size:1.8rem}.score-members{font-size:.76rem;color:var(--muted)}.score-table{width:100%;border-collapse:collapse;font-size:.9rem}.score-table th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;padding-bottom:6px}.score-table td{padding:9px 0;border-top:1px solid var(--line)}.score-table th:not(:first-child),.score-table td:not(:first-child){text-align:right}.score-table td .chip{margin-left:6px}.score-table tr.you td{color:var(--gold);font-weight:700}.score-table td.zero{color:#ef8a7a}.toast{position:fixed;top:calc(10px + var(--safe-top));left:50%;transform:translate(-50%);z-index:50;max-width:calc(100vw - 32px);padding:10px 16px;border-radius:999px;background:#922b21;color:#fff;font-size:.86rem;font-weight:600;box-shadow:0 8px 22px #0006;animation:toast-in .18s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}@media(min-width:620px){.hand{--card-w: 68px}.card-lg{height:96px;font-size:1.2rem}.hand .card.is-selected{transform:translateY(-22px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:360px){.hand{--card-w: 54px}.card-corner-rank{font-size:.62rem;letter-spacing:-.08em}.card-corner-suit{font-size:.6rem}}.lang-toggle{display:inline-flex;gap:2px;padding:2px;border-radius:999px;background:#00000040;border:1px solid rgba(255,255,255,.12)}.lang-toggle button{padding:5px 12px;border:0;border-radius:999px;background:transparent;color:#ffffff9e;font-size:.78rem;font-weight:700;font-family:inherit}.lang-toggle button.active{background:var(--gold);color:#1a1206}.lang-toggle.compact button{padding:3px 9px;font-size:.68rem}.home-header .lang-toggle{position:absolute;top:0;right:0}.home-header{position:relative}.lobby-top{display:flex;align-self:center;align-items:center;gap:8px}.table-top{display:flex;align-items:center;gap:8px}.table-top .status-bar{flex:1;min-width:0}.result .lang-toggle.compact{align-self:center}.banner{position:fixed;left:50%;bottom:12px;transform:translate(-50%);z-index:40;padding:8px 16px;border-radius:999px;background:#000000c7;border:1px solid rgba(255,255,255,.14);color:#f3e6c8;font-size:.8rem;font-weight:600}.guide-tabs a,.guide-links-grid a,.guide-footer a,a.rules-chip{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a.ghost,a.primary{display:inline-flex;align-items:center;justify-content:center;gap:6px}.rules-chip{display:inline-flex;align-items:center;gap:4px;flex:none;min-height:30px;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:700;background:#00000040;border:1px solid rgba(255,255,255,.12);color:var(--ink);white-space:nowrap}.guide-links{display:flex;flex-direction:column;gap:8px;margin-top:6px}.guide-links-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.guide-links-grid a{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 12px;text-align:left;font-weight:600;font-size:.92rem;background:#ffffff0d;border:1px solid var(--line);border-radius:var(--radius)}.guide-links-grid a:active{transform:scale(.97)}.guide-tab-suit{display:inline-grid;place-items:center;flex:none;width:22px;height:28px;border-radius:5px;background:var(--card-face);color:var(--black);font-size:.9rem;line-height:1}.guide-tab-suit.red,.guide-hero-card.red{color:var(--red)}.guide{gap:16px}.guide-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.guide-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px 0 8px;border-radius:999px;font-size:.88rem;font-weight:600;color:var(--muted)}.guide-back:active{background:#ffffff14}.guide-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.guide-tabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:64px;padding:8px 4px;border-radius:var(--radius);font-size:.74rem;font-weight:600;line-height:1.2;text-align:center;color:var(--muted);background:#00000038;border:1px solid var(--line)}.guide-tab-label{overflow-wrap:anywhere}.guide-tabs .guide-tab-suit{width:20px;height:26px;font-size:.82rem}.guide-tabs a.active{color:var(--ink);border-color:var(--gold);background:#e3b34124}.guide-controls{display:contents}.guide-top{order:0}.guide-tabs{order:1}.guide-hero{order:2}.guide-picker{order:3}.guide-body{order:4}.guide-footer{order:5}.guide-hero{display:flex;align-items:center;gap:16px;padding:4px 0}.guide-hero-card{display:grid;place-items:center;flex:none;width:58px;height:80px;border-radius:10px;background:var(--card-face);color:var(--black);font-size:2rem;box-shadow:0 10px 26px #0006;transform:rotate(-6deg)}.guide-hero h1{font-size:1.75rem}.guide-picker{position:sticky;top:0;z-index:5;display:flex;flex-direction:column;gap:6px;margin:0 -16px;padding:calc(8px + var(--safe-top)) 16px 10px;background:linear-gradient(180deg,var(--felt) 80%,transparent)}.guide-picker-options{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.guide-picker-options button{display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 4px;border-radius:12px;background:#00000040;border:1px solid var(--line);font-size:.7rem;color:var(--muted);line-height:1.2}.guide-picker-options strong{font-size:.82rem;color:var(--ink)}.guide-picker-options button.active{border-color:var(--gold);background:#e3b34129}.guide-body{display:flex;flex-direction:column;gap:14px}.guide-body p{margin:0}.guide-section,.guide-step-body{display:flex;flex-direction:column;gap:12px}.guide-section{padding:16px;background:#0003;border:1px solid var(--line);border-radius:18px}.guide-section h2,.guide-step h2{font-size:1.15rem}.guide-section h3,.guide-step h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gold)}.guide-bullets{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.guide-bullets li{position:relative;padding-left:20px}.guide-bullets li:before{content:"♦";position:absolute;left:2px;top:.1em;font-size:.72rem;color:var(--gold)}.guide-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.guide-facts.three{grid-template-columns:repeat(3,1fr)}@media(min-width:480px){.guide-section>.guide-facts:not(.three){grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}}.guide-fact{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:var(--radius);background:#ffffff0f;border:1px solid var(--line)}.guide-fact strong{font-size:1.6rem;line-height:1.1;color:var(--gold)}.guide-fact.missed strong{color:#ff8a80}.guide-fact-label{font-size:.82rem;font-weight:600}.guide-fact-sub{font-size:.74rem;color:var(--muted)}.guide-formula{align-self:flex-start;padding:6px 12px;border-radius:999px;font-size:.86rem;font-weight:600;background:#e3b3411f;border:1px dashed rgba(227,179,65,.5)}.guide-mini-cards{display:flex;flex-wrap:wrap;gap:5px}.guide-tag{display:inline-block;padding:3px 9px;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#00000047;border:1px solid var(--line)}.guide-tag.trump{color:var(--gold);border-color:#e3b34180;text-transform:none;letter-spacing:0}.guide-note{padding:10px 12px;border-radius:12px;font-size:.86rem;background:#e3b3411a;border-left:3px solid var(--gold)}.guide-callout{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:var(--radius);background:#ffffff0d;border:1px dashed var(--line)}.points-table{display:flex;flex-direction:column;border-radius:var(--radius);border:1px solid var(--line);overflow:hidden}.points-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"cards pts" "text pts";align-items:center;gap:8px 12px;padding:12px;background:#ffffff0a}.points-row+.points-row{border-top:1px solid var(--line)}.points-row .guide-mini-cards{grid-area:cards}.points-row-text{grid-area:text}.points-row-text{display:flex;flex-direction:column;min-width:0;font-size:.9rem;font-weight:600}.points-row-text small{font-size:.74rem;font-weight:500;color:var(--muted)}.points-row>strong{grid-area:pts;min-width:2ch;text-align:right;font-size:1.3rem;color:var(--gold)}.points-row.zero>strong{color:var(--muted)}.points-row.total{grid-template-areas:"text pts";background:#e3b3411f;font-weight:700}.rank-order{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.rank-order>div{display:flex;flex-wrap:wrap;gap:4px}.rank-order>div span{display:grid;place-items:center;min-width:28px;height:30px;padding:0 4px;border-radius:6px;font-weight:700;font-size:.85rem;background:var(--card-face);color:var(--black)}.bid-range{display:flex;flex-direction:column;gap:10px;padding:6px 4px 0}.bid-range-track{position:relative;height:8px;margin:0 8px;border-radius:999px;background:#00000059}.bid-range-fill{position:absolute;inset:0 auto 0 0;border-radius:999px;background:linear-gradient(90deg,rgba(227,179,65,.4),var(--gold))}.bid-range-dot{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:var(--card-face);border:3px solid var(--gold);transform:translate(-50%,-50%)}.bid-range-labels{display:flex;justify-content:space-between;font-size:.74rem;color:var(--muted)}.bid-range-labels span{display:flex;flex-direction:column;align-items:center}.bid-range-labels span:first-child{align-items:flex-start}.bid-range-labels span:last-child{align-items:flex-end}.bid-range-labels strong{font-size:1.15rem;color:var(--ink)}.guide-split{display:grid;gap:10px}@media(min-width:480px){.guide-split{grid-template-columns:1fr 1fr}}.guide-split-side{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:var(--radius);background:#ffffff0d;border:1px solid var(--line)}.guide-split-side.bid{border-color:#e3b3418c;background:#e3b34114}.guide-suits{display:flex;gap:6px}.guide-suits span{display:grid;place-items:center;width:36px;height:46px;border-radius:8px;font-size:1.3rem;background:var(--card-face);color:var(--black);opacity:.55;border:2px solid transparent}.guide-suits span.red{color:var(--red)}.guide-suits span.active{opacity:1;border-color:var(--gold);transform:translateY(-4px)}.guide-timeline{display:flex;flex-direction:column}.guide-step{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding-bottom:26px}.guide-step:before{content:"";position:absolute;left:16px;top:36px;bottom:4px;width:2px;background:linear-gradient(var(--gold),rgba(227,179,65,.1))}.guide-step:last-child:before{display:none}.guide-step-num{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-weight:800;background:var(--gold);color:#241a02;box-shadow:0 4px 12px #00000059}.guide-step-body h2{padding-top:4px}.seat-ring{position:relative;align-self:center;width:min(240px,100%);aspect-ratio:1;margin:4px 0 10px}.seat-ring:before{content:"";position:absolute;top:22%;right:22%;bottom:22%;left:22%;border-radius:50%;background:radial-gradient(var(--felt-light),var(--felt-dark));border:2px solid rgba(227,179,65,.35)}.seat-ring-arrow{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:2.2rem;color:var(--gold);opacity:.8}.seat-ring-seat{position:absolute;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-weight:700;font-size:.9rem;background:#ffffff1a;border:1px solid var(--line);transform:translate(-50%,-50%)}.seat-ring-seat.dealer{background:var(--gold);color:#241a02;border-color:var(--gold)}.seat-ring-seat small{position:absolute;top:100%;margin-top:3px;font-size:.66rem;font-weight:700;color:var(--gold);white-space:nowrap}.trick-example{display:flex;flex-direction:column;gap:12px;margin:0;padding:14px;border-radius:var(--radius);background:radial-gradient(120% 120% at 50% 0%,var(--felt-light),var(--felt-dark));border:1px solid rgba(227,179,65,.3)}.trick-example-head{display:flex;flex-wrap:wrap;gap:6px}.trick-example-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 6px}.trick-example-play{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.trick-example-play.won{color:var(--gold)}.trick-example-play.won .card{transform:translateY(-6px);box-shadow:0 0 0 2px var(--gold),0 10px 20px #00000080}.trick-example figcaption{font-size:.88rem}.guide-tag.points{margin-left:auto;color:var(--ink);text-transform:none;letter-spacing:0}.compare-scroll{margin:0 -16px;padding:0 16px;overflow-x:auto}.compare-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.86rem}.compare-table th,.compare-table td{padding:9px 6px;text-align:center;border-bottom:1px solid var(--line)}.compare-table tbody th{text-align:left;font-weight:600;color:var(--muted)}.compare-table thead th{vertical-align:bottom;border-bottom:none}.compare-table thead button{display:flex;flex-direction:column;align-items:center;width:100%;padding:6px 4px;border-radius:10px 10px 0 0;font-size:.72rem;font-weight:700;line-height:1.25;color:var(--muted)}.compare-table .active{background:#e3b3411f;color:var(--ink);font-weight:700}.compare-table thead .active{border-radius:10px 10px 0 0}.compare-table thead strong{font-size:1.2rem;color:var(--ink)}.compare-table thead .active button{color:var(--gold)}.compare-table tbody tr:last-child td.active{border-radius:0 0 10px 10px}.guide-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:6px}.guide-footer>*{padding:0 12px}.guide-body,.guide-step-body,.guide-section,.guide-split-side{min-width:0}.guide-body p,.guide-bullets li,.trick-example figcaption{overflow-wrap:break-word}.guide-top .lang-toggle button{min-height:40px;min-width:44px;padding:0 14px;font-size:.82rem}@media(max-width:374px){.guide-section{padding:14px 12px}.compare-scroll{margin:0 -12px;padding:0 12px}.guide-tabs a{font-size:.68rem;padding:7px 2px}.guide-picker-options{gap:4px}.guide-picker-options button{padding:6px 2px}.guide-picker-options strong{font-size:.74rem}.guide-facts.three{grid-template-columns:1fr}.compare-table{font-size:.78rem}.compare-table th,.compare-table td{padding:8px 3px}.guide-hero-card{width:48px;height:66px;font-size:1.6rem}.guide-hero h1{font-size:1.5rem}.guide-footer{grid-template-columns:1fr}.guide-step{grid-template-columns:28px minmax(0,1fr);gap:10px}.guide-step-num{width:28px;height:28px;font-size:.85rem}.guide-step:before{left:13px;top:30px}}@media(max-width:420px){.table-top .rules-chip-label{display:none}}@media(max-height:500px)and (orientation:landscape){.guide-picker{position:static;background:none}}@media(min-width:600px){.screen.guide{max-width:760px;padding-left:24px;padding-right:24px}.guide-tabs a{flex-direction:row;gap:8px;min-height:46px;font-size:.9rem}.guide-picker{margin:0 -24px;padding-left:24px;padding-right:24px}.compare-scroll{margin:0;padding:0}.guide-section{padding:20px 22px}.guide-hero h1{font-size:2.1rem}.guide-hero-card{width:66px;height:90px;font-size:2.3rem}.guide-footer{grid-template-columns:auto auto;justify-content:space-between}.guide-footer>*{padding:0 24px}.seat-ring{width:260px}}@media(min-width:1000px){.screen.guide{max-width:1120px;display:grid;grid-template-columns:260px minmax(0,1fr);grid-template-areas:"top    top" "side   hero" "side   body" "side   footer";align-items:start;column-gap:40px;row-gap:20px;padding:28px 32px 40px}.guide-top{grid-area:top}.guide-hero{grid-area:hero}.guide-body{grid-area:body}.guide-footer{grid-area:footer}.guide-controls{grid-area:side;position:sticky;top:24px;display:flex;flex-direction:column;gap:22px}.guide-tabs{grid-template-columns:1fr;gap:6px}.guide-tabs a{justify-content:flex-start;padding:0 14px;min-height:48px;font-size:.95rem}.guide-tabs .guide-tab-suit{width:24px;height:32px;font-size:1rem}.guide-picker{position:static;margin:0;padding:16px;border-radius:18px;background:#0003;border:1px solid var(--line)}.guide-picker-options{grid-template-columns:1fr 1fr;gap:8px}.guide-picker-options button{padding:10px 6px;font-size:.76rem}.guide-picker-options strong{font-size:.92rem}.guide-body{gap:18px}.guide-section{padding:24px 28px}.guide-section h2,.guide-step h2{font-size:1.3rem}.guide-body p,.guide-bullets li{font-size:1.02rem}.guide-facts:not(.three){grid-template-columns:repeat(4,minmax(0,1fr))}.guide-section>.guide-facts:not(.three):has(>:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}.trick-example .card-md{width:60px;height:84px;font-size:1.15rem}.seat-ring{width:280px}}@media(hover:hover){.guide-tabs a:not(.active):hover,.guide-picker-options button:not(.active):hover,.guide-links-grid a:hover,.compare-table thead button:hover{background:#ffffff1a;color:var(--ink)}.guide-back:hover{color:var(--ink)}}.guide button:focus-visible,.guide a:focus-visible,.guide-links-grid a:focus-visible,.rules-chip:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media(min-width:600px){.guide-links-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.guide-links-grid a{flex-direction:column;justify-content:center;gap:6px;min-height:76px;text-align:center;font-size:.86rem}}@media(min-width:600px){.points-row{grid-template-columns:220px minmax(0,1fr) auto;grid-template-areas:"cards text pts"}.points-row.total{grid-template-columns:minmax(0,1fr) auto}}.hand-by-suit{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:var(--radius);background:radial-gradient(120% 120% at 50% 0%,var(--felt-light),var(--felt-dark));border:1px solid rgba(227,179,65,.25)}.hand-suit-row{display:grid;grid-template-columns:22px 18px minmax(0,1fr);align-items:center;gap:8px;padding:4px 6px;border-radius:10px;min-height:62px}.hand-suit-row.trump{grid-template-columns:22px 18px minmax(0,1fr) auto;background:#e3b3411f;box-shadow:inset 0 0 0 1px #e3b34173}.hand-suit-count{font-weight:800;color:var(--gold);text-align:center}.hand-suit-row .guide-mini-cards:empty:after{content:"—";color:var(--muted)}@media(max-width:374px){.hand-suit-row.trump{grid-template-columns:22px 18px minmax(0,1fr)}.hand-suit-row.trump .guide-tag{grid-column:3;justify-self:start}}.key-points{display:flex;flex-direction:column;gap:8px}.key-points h3:before{content:"★ "}.key-points-grid{display:grid;gap:8px}@media(min-width:600px){.key-points-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.key-point{display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:var(--radius);background:#ffffff0d;border:1px solid var(--line);font-size:.86rem}.key-point strong{font-size:.9rem}.key-point span{color:var(--muted)}.offsuit{display:flex;flex-direction:column;gap:8px}.offsuit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.offsuit-option{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;border-radius:var(--radius);background:#ffffff0d;border:1px solid var(--line);font-size:.84rem}.offsuit-option strong{font-size:.9rem}.offsuit-option>span{color:#ff8a80;font-weight:600}.offsuit-option.good{border-color:#e3b3418c;background:#e3b34114}.offsuit-option.good>span{color:var(--gold)}.removed-cards{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.removed-cards .card{opacity:.6}.removed-cards .card:before{content:"";position:absolute;left:-3px;right:-3px;top:50%;height:2px;background:var(--red);transform:rotate(-35deg);z-index:2}.guide-examples{display:grid;gap:10px}@media(min-width:1000px){.guide-examples{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-examples>:only-child,.guide-examples>:last-child:nth-child(odd){grid-column:1 / -1}}.trick-example.compact{gap:10px;padding:12px}.trick-example.compact .trick-example-cards{gap:6px 4px}.trick-example.compact figcaption{font-size:.84rem}.guide-plays{display:flex;flex-direction:column;gap:18px}.guide-play{display:flex;flex-direction:column;gap:8px}.guide-play h3{display:flex;align-items:center;gap:8px}.guide-play-num{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--gold);color:#241a02;font-size:.72rem;letter-spacing:0}.lang-offer{position:fixed;left:50%;bottom:calc(14px + var(--safe-bottom));transform:translate(-50%);z-index:45;display:flex;align-items:center;gap:10px 14px;width:max-content;max-width:calc(100vw - 24px);padding:10px 10px 10px 16px;border-radius:16px;background:#072a20f5;border:1px solid rgba(227,179,65,.55);box-shadow:0 12px 30px #00000073;font-size:.88rem;animation:lang-offer-in .25s ease-out}.lang-offer-actions{display:flex;gap:6px;flex:none}.lang-offer button{min-height:40px;padding:0 12px;border-radius:10px;font-size:.84rem;font-weight:700;white-space:nowrap}.lang-offer-yes{background:var(--gold);color:#241a02}.lang-offer-no{color:var(--muted)}@media(max-width:420px){.lang-offer{flex-direction:column;align-items:stretch;text-align:center;padding:12px}.lang-offer-actions>*{flex:1}}@keyframes lang-offer-in{0%{opacity:0;transform:translate(-50%,8px)}}@media(prefers-reduced-motion:reduce){.lang-offer{animation:none}}