:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--felt-900:#0a2a1f;--felt-800:#0d3a29;--felt-700:#115138;--felt-glow:#1c6e4d;--gold-300:#f4d58d;--gold-400:#e6b450;--gold-500:#c8922f;--gold:var(--gold-300);--ink-900:#14110f;--ink-600:#3a3530;--paper:#fbf7ef;--paper-shadow:#0719128c;--red-suit:#c0322b;--black-suit:#1a1a1a;--text-light:#f3efe6;--text-dim:#b9c9bf;--text-faint:#b9c9bf99;--red:#c0322b;--radius-card:12px;--surface-topbar:#082017d9;--surface-topbar-border:#f4d58d38;--surface-panel:#071c1480;--surface-panel-strong:#071c14b3;--surface-panel-muted:#071c1499;--surface-modal-backdrop:#030e09b3;--surface-modal:#071c148c;--surface-input:#071c14b3;--surface-chip:#f4d58d1f;--surface-profile:#f4d58d14;--surface-highlight:#f4d58d0f;--surface-danger:#b43c3c33;--surface-danger-hover:#b43c3c59;--surface-success:#2d6a4f33;--surface-error:#c0322b29;--border-default:#f4d58d73;--border-strong:#f4d58d80;--border-mid:#f4d58d4d;--border-soft:#f4d58d40;--border-faint:#f4d58d2e;--border-subtle:#f4d58d29;--border-dashed:#f4d58d73;--border-profile:#f4d58d4d;--border-badge-closed:#b9c9bf66;--border-success:#52b78873;--border-error:#c0322b80;--border-danger:#dc646473;--border-danger-hover:#ff8c8c99;--text-danger:#ffb4b4;--text-error:#f3b9b5;--text-success:#b7e4c7;--shadow-modal:0 24px 60px #00000080;--shadow-dialog:0 18px 40px #03120c99;--shadow-card:0 8px 24px #00000059;--body-bg-gradient:radial-gradient(circle at 50% -10%, var(--felt-glow) 0%, transparent 55%), linear-gradient(160deg, var(--felt-900), var(--felt-800));--table-rail-start:#3d2817;--table-rail-end:#1a0f08;--table-rail-highlight:#ffdca01f;--table-felt-highlight:#28785059;--table-felt-mid:#0f5038;--table-felt-deep:#0a3224;--table-felt-edge:#061f16;--table-felt-border:#f4d58d26;--table-felt-inset:#00000073;--table-shadow:#0000008c;--theme-toggle-icon:"☀"}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--felt-900:#ede6c8;--felt-800:#e4dcc0;--felt-700:#006b3f;--felt-glow:#008556;--gold-300:#006b3f;--gold-400:#005a35;--gold-500:#004528;--gold:#8b7342;--ink-900:#1c140f;--ink-600:#3d3428;--paper:#faf6ea;--paper-shadow:#1c140f2e;--red-suit:#9b2743;--black-suit:#1c140f;--text-light:#1c140f;--text-dim:#4a5c52;--text-faint:#4a5c52b8;--red:#9b2743;--radius-card:12px;--surface-topbar:#ede6c8f0;--surface-topbar-border:#006b3f47;--surface-panel:#fffaeeeb;--surface-panel-strong:#faf6eafa;--surface-panel-muted:#f4efdce0;--surface-modal-backdrop:#1c140f6b;--surface-modal:#fffcf5fa;--surface-input:#fffffcf2;--surface-chip:#006b3f14;--surface-profile:#006b3f0f;--surface-highlight:#8b73421a;--surface-danger:#9b27431a;--surface-danger-hover:#9b27432e;--surface-success:#006b3f1a;--surface-error:#9b27431a;--border-default:#006b3f6b;--border-strong:#006b3f8c;--border-mid:#006b3f52;--border-soft:#006b3f42;--border-faint:#006b3f33;--border-subtle:#8b734238;--border-dashed:#006b3f61;--border-profile:#006b3f47;--border-badge-closed:#4a5c5259;--border-success:#006b3f73;--border-error:#9b274373;--border-danger:#9b274366;--border-danger-hover:#9b27438c;--text-danger:#9b2743;--text-error:#8a1f38;--text-success:#006b3f;--shadow-modal:0 24px 60px #1c140f2e;--shadow-dialog:0 18px 40px #1c140f24;--shadow-card:0 8px 24px #1c140f1a;--body-bg-gradient:radial-gradient(circle at 12% 0%, #006b3f24 0%, transparent 42%), radial-gradient(circle at 88% 100%, #8b73421f 0%, transparent 38%), linear-gradient(165deg, #f7f2e4 0%, var(--felt-900) 45%, #e0d8bc 100%);--table-rail-start:#8b6914;--table-rail-end:#5c4510;--table-rail-highlight:#fff8e62e;--table-felt-highlight:#fffff033;--table-felt-mid:#007a4a;--table-felt-deep:#006b3f;--table-felt-edge:#004d2e;--table-felt-border:#8b734273;--table-felt-inset:#00000038;--table-shadow:#1c140f38;--theme-toggle-icon:"☾"}[data-theme=light] .btn--primary,[data-theme=light] .app__nav-link.is-active,[data-theme=light] .nav__link.is-active,[data-theme=light] .tab.is-active,[data-theme=light] .brand__mark{color:#faf6ea;background:linear-gradient(160deg,#a68952,#8b7342)}[data-theme=light] .brand__text em,[data-theme=light] a{color:var(--gold-400)}[data-theme=light] .btn--primary{border-color:#0000}[data-theme=light] .rules__tab.is-active,[data-theme=light] .rules-tab.is-active,[data-theme=light] .modal__tab.is-active,[data-theme=light] .session-tab.is-active{color:#faf6ea;background:linear-gradient(160deg,#a68952,#8b7342)}[data-theme=light] .rules-card__num,[data-theme=light] .rules-card__chip{border-color:#8b734273}[data-theme=light] .badge{color:#6b5328;border-color:#8b734280}[data-theme=light] .badge--active{color:#006b3f;border-color:#006b3f}[data-theme=light] .bpot__lim-tag{color:#5c4510;background:#8b734233}[data-theme=light] .subpanel h4,[data-theme=light] .rules-card__head h3{color:#006b3f}[data-theme=light] .rules-card--highlight{background:#006b3f0f;border-color:#006b3f47}[data-theme=light] .modal__dialog,[data-theme=light] .subpanel{box-shadow:var(--shadow-card)}:root{color:var(--text-light);font-family:Segoe UI,Helvetica Neue,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--body-bg-gradient);background-attachment:fixed;min-height:100vh}h1,h2,h3{letter-spacing:.01em;margin:0;font-family:Georgia,Times New Roman,serif}a{color:var(--gold-300)}button{font:inherit;cursor:pointer}button:focus-visible,[role=button]:focus-visible{outline:3px solid var(--gold-300);outline-offset:2px}.pcard{--pcard-ease:cubic-bezier(.25, .1, .25, 1);--pcard-ease-out:cubic-bezier(.22, 1, .36, 1);--pcard-ease-snap:cubic-bezier(.34, 1.45, .64, 1);--pcard-lift-y:-18px;--pcard-tilt-x:14deg;--pcard-tilt-y:-10deg;color:var(--black-suit);-webkit-user-select:none;user-select:none;transform-style:preserve-3d;transition:transform .42s var(--pcard-ease), box-shadow .42s var(--pcard-ease), filter .28s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;flex-direction:column;justify-content:stretch;padding:0;font-family:Georgia,serif;display:inline-flex;position:relative;transform:translateZ(0)}.pcard:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(165deg,#f8f2e4 0%,#e8dcc8 38%,#d4c8b4 100%);position:absolute;inset:0;transform:translateZ(-1px)translateY(2px);box-shadow:inset 0 -3px 6px #14110f24,inset 0 2px #ffffffa6}.pcard:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;transform:translateZ(0);box-shadow:inset 0 1px #ffffff80,inset 0 -1px #14110f1f,0 10px 22px #0a080661,0 3px 8px #0a080638}.pcard__surface{z-index:1;border-radius:inherit;background:linear-gradient(148deg, #ffffff85 0%, #fff0 28%, #fff0 72%, #0000000a 100%), linear-gradient(160deg, var(--paper,#faf6ee) 0%, #efe7d6 48%, #e5dbc8 100%);width:100%;height:100%;transform-style:preserve-3d;backface-visibility:hidden;border:1px solid #14110f29;flex-direction:column;justify-content:space-between;padding:6px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffd9,inset 0 -2px 4px #14110f0f}.pcard__surface:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(135deg,#ffffff8c,#0000 70%);border-radius:40% 60% 50% 40%;width:42%;height:32%;position:absolute;top:4px;left:5px}.pcard--xs{border-radius:4px;width:24px;height:34px}.pcard--xs .pcard__surface{border-radius:4px;padding:2px}.pcard--xs .pcard__back-pattern{border-radius:3px}.pcard--sm{border-radius:7px;width:52px;height:74px}.pcard--sm .pcard__surface{border-radius:7px}.pcard--md{border-radius:9px;width:72px;height:102px}.pcard--md .pcard__surface{border-radius:9px}.pcard--lg{border-radius:11px;width:96px;height:136px}.pcard--lg .pcard__surface{border-radius:11px}.pcard--red{color:var(--red-suit)}.pcard--black{color:var(--black-suit)}.pcard__corner{z-index:1;flex-direction:column;align-items:center;font-weight:700;line-height:1;display:flex}.pcard__corner--tl{align-self:flex-start}.pcard__corner--br{align-self:flex-end;transform:rotate(180deg)}.pcard--sm .pcard__rank{font-size:13px}.pcard--md .pcard__rank{font-size:17px}.pcard--lg .pcard__rank{font-size:22px}.pcard__suit{font-size:.85em}.pcard__center{opacity:.94;z-index:0;filter:drop-shadow(0 1px #ffffff59);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pcard--sm .pcard__center{font-size:26px}.pcard--md .pcard__center{font-size:38px}.pcard--lg .pcard__center{font-size:52px}.pcard--trump .pcard__surface{border-color:var(--gold-400);box-shadow:inset 0 1px 0 #ffffffe6, 0 0 0 2px var(--gold-400), 0 12px 26px #00000059}.pcard--winner{transform:translateY(-12px)rotateX(6deg)scale(1.02)}.pcard--winner .pcard__surface{border-color:#2f9e6a;box-shadow:inset 0 1px #ffffffd9,0 0 0 2px #36b97c,0 16px 32px #083c268c}.pcard--selected{animation:pcard-select-pulse .42s var(--pcard-ease);transform:translateY(-12px)rotateX(8deg)rotateY(-4deg)scale(1.03)}.pcard--selected .pcard__surface{border-color:var(--gold-300);box-shadow:inset 0 1px 0 #ffffffe6, 0 0 0 2px var(--gold-300), 0 18px 36px #0000006b}.pcard--draw-selected{animation:pcard-draw-select-pop .34s var(--pcard-ease-snap);transform:translateY(-22px)rotateX(12deg)rotateY(-8deg)scale(1.07)}.pcard--draw-selected .pcard__surface{border-color:#f4d58d;box-shadow:inset 0 1px #fffffff2,0 0 0 3px #f4d58d,0 0 0 5px #36b97c73,0 0 24px #f4d58d66,0 22px 40px #0000007a}@keyframes pcard-draw-select-pop{0%{transform:translateY(-6px)rotateX(4deg)scale(1)}55%{transform:translateY(-24px)rotateX(14deg)rotateY(-10deg)scale(1.09)}to{transform:translateY(-22px)rotateX(12deg)rotateY(-8deg)scale(1.07)}}.pcard--muted{filter:grayscale(.35)brightness(.9);opacity:.72}.pcard--disabled{filter:grayscale(.45)brightness(.88);opacity:.6;cursor:not-allowed}.pcard--interactive{cursor:pointer;appearance:none;font:inherit}.pcard--playable{touch-action:none;animation:2.6s ease-in-out infinite pcard-playable-hint}.pcard--illegal-shake{animation:pcard-illegal-shake .38s var(--pcard-ease)}@keyframes pcard-playable-hint{0%,to{filter:drop-shadow(0 0 #e6b45000)}50%{filter:drop-shadow(0 6px 12px #e6b45047)}}@keyframes pcard-illegal-shake{0%,to{transform:translateY(-6px)rotateY(-2deg)translate(0)}20%{transform:translateY(-6px)rotateY(-2deg)translate(-5px)}40%{transform:translateY(-6px)rotateY(-2deg)translate(5px)}60%{transform:translateY(-6px)rotateY(-2deg)translate(-4px)}80%{transform:translateY(-6px)rotateY(-2deg)translate(4px)}}@keyframes pcard-select-pulse{0%{transform:translateY(-4px)rotateX(4deg)scale(.98)}45%{transform:translateY(-14px)rotateX(10deg)rotateY(-6deg)scale(1.04)}to{transform:translateY(-12px)rotateX(8deg)rotateY(-4deg)scale(1.03)}}@media (hover:hover) and (pointer:fine){.pcard--interactive:hover:not(.pcard--disabled):not(.pcard--playing):not(.pcard--draw-selected){transform:translateY(var(--pcard-lift-y)) rotateX(var(--pcard-tilt-x)) rotateY(var(--pcard-tilt-y)) scale(1.03);z-index:6}.pcard--interactive:hover:not(.pcard--disabled):not(.pcard--playing):after{box-shadow:inset 0 1px #ffffff80,0 20px 40px #0a08067a,0 8px 18px #0a080647}}.pcard--pressed:not(.pcard--playing){transition-duration:.12s;transform:translateY(-8px)rotateX(6deg)rotateY(-3deg)scale(.98)}.pcard--playing{opacity:.72;pointer-events:none;animation:pcard-play-to-table .52s var(--pcard-ease-out) forwards;will-change:transform, opacity;transform:translate3d(0,-28px,16px)rotateX(16deg)rotateY(-14deg)scale(1.05)}.pcard--playing .pcard__surface{box-shadow:inset 0 1px 0 #ffffffe6, 0 0 0 2px var(--gold-300), 0 24px 44px #00000080}@keyframes pcard-play-to-table{0%{opacity:1;filter:drop-shadow(0 8px 14px #00000059);transform:translate3d(0,-10px,4px)rotateX(8deg)rotateY(-4deg)scale(1)}35%{opacity:.95;transform:translate3d(0,-32px,20px)rotateX(18deg)rotateY(-12deg)scale(1.06)}to{opacity:.72;transform:translate3d(0,-28px,16px)rotateX(16deg)rotateY(-14deg)scale(1.05)}}.pcard__badge{background:var(--gold-400);color:var(--ink-900);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;z-index:3;border-radius:999px;padding:2px 8px;font-family:Segoe UI,sans-serif;font-size:10px;font-weight:700;position:absolute;top:-10px;left:50%;transform:translate(-50%)translateZ(8px);box-shadow:0 4px 10px #00000059}.pcard--back:before{background:linear-gradient(145deg,#8a2430 0%,#5c1520 55%,#3d0e16 100%)}.pcard__surface--back{background:radial-gradient(80% 60% at 50% 38%,#ffdca01f,#0000 70%),linear-gradient(145deg,#7a1f2b 0%,#4d1119 100%);border-color:#f4d58d73;padding:5px;box-shadow:inset 0 1px #fff3,inset 0 -3px 8px #00000059}.pcard__back-pattern{background-color:#5c1520;background-image:radial-gradient(circle,#f4d58d14 0%,#0000 55%),repeating-linear-gradient(45deg,#f4d58d29 0 5px,#0000 5px 10px),repeating-linear-gradient(-45deg,#f4d58d1f 0 5px,#0000 5px 10px);border:1px solid #f4d58d73;border-radius:6px;flex:1;margin:3px;box-shadow:inset 0 0 12px #00000059}.pcard__back-emblem{pointer-events:none;border:2px solid #f4d58d8c;border-radius:50%;width:28%;height:28%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 8px #f4d58d40,0 0 0 3px #4d1119cc}.pcard--xs .pcard__back-emblem{display:none}@media (prefers-reduced-motion:reduce){.pcard--playable{animation:none}.pcard--illegal-shake,.pcard--selected,.pcard--draw-selected,.pcard--playing{animation-duration:80ms!important}.pcard,.pcard--interactive:hover{transition-duration:80ms}}.hand{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:12px;display:flex}.hand__fan-stage{display:contents}.hand__slot{transform-style:preserve-3d;display:flex;position:relative}.hand--pointer .hand__slot{touch-action:none}.hand--fan{perspective:1100px;width:100%;max-width:100%;transform-style:preserve-3d;justify-content:center;gap:0}.hand--fan .hand__slot:not(:first-child){margin-left:var(--hand-fan-overlap,-14px)}.hand--fan .hand__slot{--fan-mid:calc((var(--hand-count,5) - 1) / 2);--fan-offset:calc(var(--card-i,0) - var(--fan-mid));transform:rotateZ(calc(var(--fan-offset) * 5deg)) translateY(calc(abs(var(--fan-offset)) * -1px));transform-origin:bottom;z-index:calc(var(--card-i,0) + 1);transition:margin-left .26s cubic-bezier(.22,1,.36,1),transform .28s cubic-bezier(.22,1,.36,1),z-index}.hand--fan .hand__slot:hover,.hand--fan .hand__slot:focus-within{z-index:20;transform:rotateZ(calc(var(--fan-offset) * 4deg)) translateY(-18px) scale(1.04)}.hand__slot--draw-selected{z-index:24!important}.hand__slot--draw-selected:after{content:"✓ Discard";letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:#14110f;pointer-events:none;z-index:2;background:linear-gradient(160deg,#f4d58d,#e6b450);border:1px solid #14110f59;border-radius:999px;padding:3px 8px;font-family:Segoe UI,system-ui,sans-serif;font-size:10px;font-weight:700;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)translateZ(12px);box-shadow:0 6px 16px #00000073,0 0 0 2px #f4d58d8c}.hand__slot--peek{transform-origin:bottom;transition:transform .26s cubic-bezier(.22,1,.36,1);z-index:22!important;transform:translateY(-20px) rotateX(14deg) rotateY(-22deg) rotateZ(calc(var(--fan-offset,0) * 3deg)) scale(1.1)!important}.btable-hero__hand-3d{perspective:1200px;perspective-origin:50% 88%;transform-style:preserve-3d}.btable-hero--scale-lg .hand--fan .hand__slot{transform:rotateZ(calc(var(--fan-offset) * 5deg)) scale(var(--hero-card-scale,1.12))}.btable-hero--scale-sm .hand--fan .hand__slot{transform:rotateZ(calc(var(--fan-offset) * 5deg)) scale(var(--hero-card-scale,.92))}@media (prefers-reduced-motion:reduce){.hand--fan .hand__slot,.hand__slot--peek{transition-duration:80ms}}.btable-hero__hand-row .hand--fan{justify-content:center;gap:clamp(6px,1.1vw,10px)}.btable-hero__hand-row .hand--fan .hand__slot{--fan-offset:0;--fan-mid:0;transition:transform .42s,filter .32s;margin-left:0!important;transform:none!important}.btable-hero__hand-row .hand--fan .hand__slot:not(:first-child){margin-left:0!important}.btable-hero--scale-lg .btable-hero__hand-row .hand--fan .hand__slot,.btable-hero--scale-sm .btable-hero__hand-row .hand--fan .hand__slot{transform:none!important}.btable-hero__hand-row .hand--fan .hand__slot:hover,.btable-hero__hand-row .hand--fan .hand__slot:focus-within{z-index:20;rotate:none;transform:translate3d(0,-16px,8px)rotateX(12deg)rotateY(-8deg)scale(1.045)!important}.btable-hero__hand-row .hand__slot--peek{rotate:none;transform:translateY(-20px)rotateX(14deg)rotateY(-22deg)scale(1.1)!important}.home{flex-direction:column;gap:clamp(32px,6vw,56px);display:flex}.home__hero{text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}.home__title{max-width:14ch;font-size:clamp(34px,6vw,60px);line-height:1.05}.home__title em{color:var(--gold-300);font-style:italic}.home__lede{max-width:60ch;color:var(--text-dim);margin:0;font-size:clamp(16px,2vw,19px);line-height:1.6}.home__cta{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:4px;display:flex}.home__cards{margin-top:26px;transform:rotate(-2deg)}.home__features{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.home__feature{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.home__feature-icon{color:var(--gold-300);font-size:28px}.home__feature h2{font-size:21px}.home__feature p{color:var(--text-dim);margin:0;line-height:1.55}.home__feature-link{color:var(--gold-300);cursor:pointer;background:0 0;border:none;margin-top:auto;padding:4px 0;font-family:inherit;font-size:15px;text-decoration:none;display:inline-block}.home__feature-link:hover{text-decoration:underline}.rules{flex-direction:column;gap:28px;display:flex}.rules__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.rules__card{flex-direction:column;gap:12px;display:flex}.rules__card-head{align-items:center;gap:12px;display:flex}.rules__card-head h2{font-size:20px}.rules__num{background:linear-gradient(160deg, var(--gold-300), var(--gold-500));width:32px;height:32px;color:var(--ink-900);border-radius:50%;flex:none;place-items:center;font-family:Georgia,serif;font-weight:700;display:inline-grid}.rules__chip{text-transform:uppercase;letter-spacing:.08em;color:var(--gold-300);border:1px solid #f4d58d66;border-radius:999px;padding:3px 10px;font-size:11px}.rules__summary{color:var(--text-light);margin:0;line-height:1.55}.rules__points{color:var(--text-dim);flex-direction:column;gap:8px;margin:0;padding-left:18px;line-height:1.5;display:flex}.rules__points li::marker{color:var(--gold-400)}.rules__house-note{text-align:center;color:var(--text-dim);max-width:64ch;margin:0 auto;line-height:1.6}.rules__house{flex-direction:column;gap:20px;display:flex}.rules__placeholder{background:#f4d58d0f;border:1px dashed #f4d58d73;border-radius:10px;flex-direction:column;gap:2px;padding:14px 16px;display:flex}.rules__placeholder-label{color:var(--gold-300);font-weight:600}.rules__placeholder-hint{color:var(--text-dim);font-size:13px}.rules__examples{color:var(--text-dim);flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:14px;font-style:italic;display:flex}.rules__examples li::marker{color:var(--gold-400)}.tut{flex-direction:column;gap:24px;display:flex}.tut__dots{gap:10px;margin-top:6px;display:flex}.tut__dot{background:0 0;border:1px solid #f4d58d80;border-radius:50%;width:12px;height:12px;padding:0;transition:all .16s}.tut__dot.is-done{background:#f4d58d73}.tut__dot.is-active{background:var(--gold-300);transform:scale(1.25);box-shadow:0 0 0 4px #f4d58d33}.tut__stage{text-align:center;flex-direction:column;align-items:center;gap:16px;animation:.24s fade-in;display:flex}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tut__phase{letter-spacing:.16em;text-transform:uppercase;color:var(--gold-300);font-size:12px;font-weight:600}.tut__title{font-size:clamp(22px,3.5vw,30px)}.tut__visual{justify-content:center;width:100%;padding:16px 0;display:flex}.tut__narration{max-width:64ch;color:var(--text-dim);flex-direction:column;gap:8px;line-height:1.65;display:flex}.tut__narration p{margin:0}.tut__controls{justify-content:space-between;align-items:center;gap:12px;display:flex}.tut__counter{color:var(--text-dim);font-size:14px}.tut__trump{flex-direction:column;align-items:center;gap:6px;display:flex}.tut__trump-label{text-transform:uppercase;letter-spacing:.1em;color:var(--gold-300);font-size:11px}.tut__hand-label{color:var(--text-dim);letter-spacing:.04em;margin-bottom:12px;font-size:13px;display:block}.tut__intro{justify-content:center;gap:14px;display:flex}.tut__deal,.tut__draw,.tut__trick,.tut__interactive{flex-direction:column;align-items:center;gap:22px;width:100%;display:flex}.tut__reco{color:#b6f0d4;background:#36b97c24;border:1px solid #36b97c80;border-radius:999px;margin:0;padding:10px 18px;font-size:14px}.tut__draw-arrow{color:var(--gold-300);letter-spacing:.2em;font-size:13px}.tut__draw-row{text-align:center}.tut__trick-plays{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:28px;display:flex}.tut__play{flex-direction:column;align-items:center;gap:8px;max-width:130px;margin:0;display:flex}.tut__play-player{color:var(--gold-300);font-size:13px;font-weight:600}.tut__play-note{color:var(--text-dim);font-size:12px;line-height:1.4}.tut__led,.tut__pick{text-align:center}.tut__feedback{max-width:60ch;animation:.2s fade-in}.tut__summary{flex-direction:column;align-items:center;gap:18px;display:flex}.tut__score{flex-direction:column;align-items:center;display:flex}.tut__score-num{color:var(--gold-300);font-family:Georgia,serif;font-size:64px;line-height:1}.tut__score-label{color:var(--text-dim);font-size:14px}.tut__summary-cards{gap:12px;display:flex}.tut__pot{color:var(--text-light);margin:0;font-size:20px}.room{flex-direction:column;gap:22px;display:flex}.room__memory{color:var(--gold-300);border:1px solid #f4d58d66;border-radius:999px;margin:6px 0 0;padding:6px 16px;font-size:13px}.room__panel-title{text-transform:uppercase;letter-spacing:.12em;color:var(--gold-300);margin-bottom:12px;font-size:12px;font-weight:600;display:block}.room__grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.room__invite{flex-direction:column;align-items:flex-start;display:flex}.room__code{letter-spacing:.18em;color:var(--text-light);text-align:center;background:#f4d58d14;border:1px dashed #f4d58d80;border-radius:12px;width:100%;padding:12px 22px;font-family:Georgia,serif;font-size:clamp(34px,6vw,48px)}.room__invite-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.room__invite-hint{color:var(--text-dim);margin:12px 0 0;font-size:14px}.room__stat-list{justify-content:space-around;gap:14px;margin:0;padding:0;list-style:none;display:flex}.room__stat-list li{flex-direction:column;align-items:center;display:flex}.room__stat-num{color:var(--gold-300);font-family:Georgia,serif;font-size:38px;line-height:1}.room__stat-label{color:var(--text-dim);text-align:center;margin-top:6px;font-size:12px}.room__players-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.room__reset{color:var(--text-dim);background:0 0;border:1px solid #f4d58d66;border-radius:999px;padding:6px 14px;font-size:13px}.room__reset:hover{color:var(--text-light);border-color:var(--gold-300)}.room__add{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.room__input{flex:220px}.room__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.room__row{background:#071c1473;border:1px solid #f4d58d1f;border-radius:12px;grid-template-columns:1.4fr .6fr 1.2fr .9fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.room__row--header{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);background:0 0;border:none;padding:0 14px;font-size:11px}.room__row.is-leader{background:#36b97c1a;border-color:#36b97c80}.room__player-name{color:var(--text-light);align-items:center;gap:8px;font-weight:600;display:flex}.room__leader-tag{text-transform:uppercase;letter-spacing:.06em;color:#06150e;background:#2f9e6a;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.room__score{align-items:center;gap:8px;display:inline-flex}.room__step{width:30px;height:30px;color:var(--text-light);background:0 0;border:1px solid #f4d58d66;border-radius:8px;flex:none;place-items:center;font-size:18px;line-height:1;display:grid}.room__step:hover{border-color:var(--gold-300)}.room__score-input{text-align:center;background:var(--surface-input);border:1px solid var(--border-soft);width:56px;color:var(--text-light);border-radius:8px;padding:7px 6px;font-size:15px}.room__select:focus-visible,.room__score-input:focus-visible{outline:2px solid var(--gold-300);outline-offset:1px}.room__row-actions{justify-content:flex-end;display:flex}.room__session-stake{margin-bottom:16px}.room__remove{color:var(--text-dim);background:0 0;border:none;border-radius:8px;padding:6px 8px;font-size:15px}.room__remove:hover{color:var(--red-suit);background:#c0322b1f}.room__empty{text-align:center;list-style:none}.room__select{background:var(--surface-input);border:1px solid var(--border-soft);width:100%;color:var(--text-light);border-radius:10px;padding:8px 10px;font-size:14px}.room__stake-locked{align-items:center;gap:10px;margin:8px 0 0;display:flex}.room__stake-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--gold-300);background:#f4d58d26;border-radius:999px;padding:3px 10px;font-size:11px}.room__stake-hint{color:var(--text-dim);margin:8px 0 0;font-size:13px}.room__record-hand{border-top:1px solid #f4d58d1f;flex-direction:column;gap:12px;padding-top:14px;display:flex}.room__record-field{color:var(--text-dim);flex-direction:column;gap:6px;max-width:280px;font-size:13px;display:flex}.room__participants{border:1px solid #f4d58d26;border-radius:10px;margin:0;padding:10px 12px}.room__participants legend{color:var(--text-dim);padding:0 4px;font-size:12px}.room__participant{align-items:center;gap:6px;margin:4px 12px 4px 0;font-size:14px;display:inline-flex}.room__pot-preview{color:var(--text-dim);margin:0;font-size:13px}.room__hands-won{font-variant-numeric:tabular-nums;color:var(--gold-300);font-weight:600}.room__net{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.room__net--up{color:#7dcea0}.room__net--down{color:#e5989b}.room__hand-history{border-top:1px solid #f4d58d1f;margin-top:18px;padding-top:14px}.room__hand-history ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.room__hand-history li{color:var(--text-dim);font-size:13px}.room__hand-num{color:var(--gold-300);margin-right:6px;font-weight:600}.room__notes-field{min-height:100px}.room__notes-hint{color:var(--text-dim);margin:10px 0 0;font-size:13px}@media (width<=560px){.room__row{grid-template-columns:1fr auto;grid-template-areas:"name actions""hands tricks""net net";row-gap:10px}.room__row--header{display:none}.room__player-name{grid-area:name}.room__hands-won{grid-area:hands}.room__score{grid-area:tricks}.room__net{grid-area:net}.room__row-actions{grid-area:actions}}.app{flex-direction:column;min-height:100vh;display:flex}.app__header{z-index:10;background:var(--surface-topbar);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--surface-topbar-border);justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(16px,4vw,48px);display:flex;position:sticky;top:0}.app__brand{color:var(--text-light);background:0 0;border:none;align-items:center;gap:10px;padding:4px;font-family:Georgia,serif;font-size:clamp(18px,2.4vw,24px);display:inline-flex}.app__brand-mark{background:linear-gradient(160deg, var(--gold-300), var(--gold-500));width:38px;height:38px;color:var(--ink-900);border-radius:10px;place-items:center;font-size:22px;display:inline-grid;box-shadow:0 6px 14px #00000059}.app__brand-text em{color:var(--gold-300);font-style:italic}.app__nav{gap:8px;display:flex}.app__nav-link{color:var(--text-dim);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;padding:8px 14px;font-size:15px;text-decoration:none;transition:color .14s,border-color .14s,background .14s;display:inline-flex}.app__nav-link:hover{color:var(--text-light);border-color:var(--border-mid)}.app__nav-link:focus-visible{outline:3px solid var(--gold-300);outline-offset:2px}.app__nav-link.is-active{color:var(--ink-900);background:linear-gradient(160deg, var(--gold-300), var(--gold-400));border-color:#0000;font-weight:600}.app__nav-link.is-active:hover{color:var(--ink-900);border-color:#0000}[data-theme=light] .app__nav-link.is-active,[data-theme=light] .app__brand-mark{color:#faf6ea;background:linear-gradient(160deg,#a68952,#8b7342)}[data-theme=light] .app__brand-text em{color:var(--gold-400)}.app__header-actions{align-items:center;gap:8px;display:flex}.theme-toggle{border:1px solid var(--border-mid);background:var(--surface-chip);width:38px;height:38px;color:var(--gold-300);border-radius:999px;place-items:center;padding:0;font-size:18px;line-height:1;display:inline-grid}.theme-toggle[aria-pressed=true]{background:var(--surface-highlight);border-color:var(--border-strong)}.app__main{flex:1;width:100%;min-width:0;max-width:1080px;margin:0 auto;padding:clamp(28px,5vw,56px) clamp(16px,4vw,48px) 64px}.app__footer{text-align:center;color:var(--text-dim);border-top:1px solid var(--border-subtle);padding:18px;font-size:13px}.app-version{z-index:200;font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap;color:var(--text-dim);opacity:.85;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-size:11px;position:fixed;bottom:10px;right:12px}.app-update-banner{z-index:500;border:1px solid var(--border-subtle);background:var(--surface-raised,#141820f5);color:var(--text);border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:14px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000047}.app-update-banner button{border:1px solid var(--border-subtle);background:var(--accent,#c9a227);color:#111;cursor:pointer;border-radius:8px;padding:6px 10px;font-weight:600}.panel{background:var(--surface-panel);border:1px solid var(--border-faint);box-shadow:var(--shadow-card);border-radius:16px;padding:clamp(18px,3vw,28px)}.screen-header{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:4px;display:flex}.screen-header h1,.screen-header h2{font-size:clamp(28px,5vw,44px);line-height:1.1}.screen-lede{max-width:58ch;color:var(--text-dim);margin:0;font-size:clamp(15px,2vw,17px);line-height:1.6}.tab-bar{background:var(--surface-panel-muted);border:1px solid var(--border-faint);border-radius:999px;gap:6px;margin-top:8px;padding:6px;display:inline-flex}.tab-bar--stretch{width:100%;display:flex}.tab-bar--stretch .tab{flex:1;padding:9px 12px}.tab{color:var(--text-dim);background:0 0;border:none;border-radius:999px;padding:9px 22px;font-size:15px;transition:color .14s,background .14s}.tab:hover:not(.is-active):not(:disabled){color:var(--text-light)}.tab.is-active{background:linear-gradient(160deg, var(--gold-300), var(--gold-400));color:var(--ink-900);font-weight:600}.tab:disabled{opacity:.45;cursor:not-allowed}.text-input,.text-area{background:var(--surface-input);border:1px solid var(--border-soft);width:100%;color:var(--text-light);border-radius:10px;min-width:0;padding:11px 14px;font-family:inherit;font-size:15px;line-height:1.5}.text-input::placeholder,.text-area::placeholder{color:var(--text-faint)}.text-input:focus-visible,.text-area:focus-visible{outline:2px solid var(--gold-300);outline-offset:1px}.text-area{resize:vertical}.state-box{text-align:center;border-radius:10px;margin:0;padding:12px 16px;font-size:14px;line-height:1.5}.state-box--error{background:var(--surface-error);border:1px solid var(--border-error);color:var(--text-error)}.state-box--success{background:var(--surface-success);border:1px solid var(--border-success);color:var(--text-success)}.state-box--info{background:var(--surface-chip);border:1px solid var(--border-soft);color:var(--text-dim)}.state-box--empty{border:1px dashed var(--border-dashed);color:var(--text-dim);background:0 0;font-style:italic}.state-box--loading{background:var(--surface-chip);border:1px solid var(--border-faint);color:var(--text-dim)}.scroll-region{-webkit-overflow-scrolling:touch;max-height:min(70vh,720px);overflow:hidden auto}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--gold-300);font-family:Segoe UI,sans-serif;font-size:12px;font-weight:600}.btn{color:var(--text-light);background:0 0;border:1px solid #f4d58d73;border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:15px;transition:all .15s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--gold-300);transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:linear-gradient(160deg, var(--gold-300), var(--gold-400));color:var(--ink-900);border-color:#0000;font-weight:600}.btn--primary:hover:not(:disabled){filter:brightness(1.04)}@media (width<=900px),(hover:none) and (pointer:coarse){html,body,#root{max-width:100%;overflow-x:clip}.app__header{flex-wrap:wrap;gap:8px 10px;padding:10px clamp(12px,3vw,20px)}.app__brand{flex:auto;min-width:0;font-size:clamp(16px,4vw,20px)}.app__brand-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app__header-actions{flex-shrink:0}.app__nav{flex-wrap:wrap;flex:100%;order:5;gap:4px;max-width:100%}.app__nav-link{padding:6px 10px;font-size:13px}.app__main{padding-inline:clamp(12px,3vw,20px)}}