:root{--font: Nunito, ui-rounded, system-ui, sans-serif;--page: #F4F8F6;--surface: #FFFFFF;--ink: #17302A;--muted: #4E615A;--line: #DCE7E2;--line-strong: #CFE0D8;--accent: #1E7A5A;--accent-hover: #155C43;--accent-tint: #E3F0EA;--accent-pale: #D6EAE1;--on-accent: #FFFFFF;--gold: #F5B841;--gold-tint: #FDF1D6;--gold-label: #8A5A00;--blue: #2F6FA8;--blue-tint: #E4EEF7;--felt: #1F5F4A;--felt-dark: #174A39;--suit-red: #C0392B;--suit-black: #17302A;--right-bg: #DDF1E6;--right-ink: #155C43;--wrong-bg: #FBE3DF;--wrong-ink: #962D22;--focus: #2F6FA8}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body{background:var(--page);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:var(--accent)}a:hover{color:var(--accent-hover)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 28px;border-radius:999px;border:0;font-family:inherit;font-size:20px;font-weight:900;text-decoration:none;cursor:pointer}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-hover);color:var(--on-accent)}.btn-primary[disabled]{opacity:.55;cursor:default}.btn-outline{background:var(--surface);color:var(--ink);border:2px solid var(--line-strong);font-size:18px;font-weight:800;min-height:60px}.btn-outline:hover{color:var(--ink);border-color:var(--accent)}.btn-block{width:100%;min-height:60px}.btn-link{background:none;border:0;font-family:inherit;font-size:17px;font-weight:800;color:var(--accent);min-height:44px;padding:10px;cursor:pointer;text-align:center;text-decoration:underline;text-underline-offset:3px}.flow{min-height:100vh;min-height:100dvh;max-width:440px;margin:0 auto;padding:24px 24px 32px;display:flex;flex-direction:column;gap:28px}.flow h1{margin:0;font-size:34px;line-height:1.1;font-weight:900}.flow .lead{margin:0;font-size:18px;color:var(--muted)}.flow .spacer{flex-grow:1}.stack{display:flex;flex-direction:column;gap:10px}.topbar{display:flex;align-items:center;gap:12px}.icon-btn{width:44px;height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);background:none;border:0;cursor:pointer}.steps{flex-grow:1;display:flex;gap:8px}.steps span{flex-grow:1;height:8px;border-radius:999px;background:var(--line-strong)}.steps span.on{background:var(--accent)}.step-count{width:44px;font-size:14px;font-weight:700;color:var(--muted);text-align:right}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:16px;font-weight:800}.field input{height:60px;border-radius:16px;border:2px solid var(--line-strong);background:var(--surface);padding:0 18px;font-family:inherit;font-size:18px;color:var(--ink);width:100%}.field input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-tint)}.field input[aria-invalid=true]{border-color:var(--wrong-ink)}.field-error{font-size:15px;font-weight:700;color:var(--wrong-ink)}.field-error:empty{display:none}.form-error{background:var(--wrong-bg);color:var(--wrong-ink);border-radius:16px;padding:12px 16px;font-weight:700;font-size:16px;margin:0}.notice{background:var(--right-bg);color:var(--right-ink);border-radius:16px;padding:12px 16px;font-weight:700;font-size:16px;margin:0}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:15px;font-weight:700}.divider:before,.divider:after{content:"";flex-grow:1;height:2px;background:var(--line)}.small-print{margin:0;text-align:center;font-size:16px;color:var(--muted)}.small-print a{font-weight:800;display:inline-flex;align-items:center;min-height:44px;padding:0 4px}.level-opt{width:100%;min-height:84px;border-radius:20px;padding:14px 18px;display:flex;align-items:center;gap:16px;font-family:inherit;cursor:pointer;background:var(--surface);border:3px solid var(--line);text-align:left;color:var(--ink)}.level-opt[aria-checked=true]{border-color:var(--accent)}.level-suit{width:52px;height:52px;flex-shrink:0;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900}.level-words{display:flex;flex-direction:column;gap:2px}.level-title{font-size:20px;font-weight:900}.level-sub{font-size:16px;font-weight:600;color:var(--muted)}.welcome-mark{width:96px;height:96px;border-radius:30px;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-size:52px;font-weight:900}.badge-icon{width:96px;height:96px;border-radius:30px;background:var(--accent-tint);color:var(--accent);display:flex;align-items:center;justify-content:center}.how{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.how li{background:var(--surface);border-radius:20px;padding:16px 18px;display:flex;align-items:center;gap:16px}.how-num{width:48px;height:48px;flex-shrink:0;border-radius:999px;font-size:22px;font-weight:900;display:flex;align-items:center;justify-content:center}.how-words{display:flex;flex-direction:column}.how-title{font-size:20px;font-weight:900}.how-sub{font-size:16px;color:var(--muted)}.sv-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:6px 16px;background:var(--gold);color:var(--ink);font-size:15px}.sv-bar a{color:var(--ink);font-weight:800;min-height:44px;display:inline-flex;align-items:center}.how li.how-go{padding:0}.how-go a{display:flex;align-items:center;gap:16px;padding:16px 18px;min-height:44px;width:100%;color:inherit;text-decoration:none;border-radius:20px}.how-go a:hover{background:var(--accent-tint)}.how-arrow{margin-left:auto;font-size:28px;font-weight:900;color:var(--muted)}.loading{max-width:440px;margin:0 auto;padding:40px 24px;font-size:18px;font-weight:800;color:var(--muted)}.landing{min-height:100vh}.landing .wrap{max-width:1200px;margin:0 auto}.landing header{padding:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand-mark{width:44px;height:44px;border-radius:14px;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900}.brand-words{display:flex;flex-direction:column}.brand-name{font-size:20px;font-weight:800}.brand-tag{font-size:13px;font-weight:600;color:var(--muted)}.landing nav{display:flex;align-items:center;gap:12px}.nav-signin{font-size:16px;font-weight:700;padding:12px 16px;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.nav-start{font-size:16px;font-weight:800;padding:12px 22px;border-radius:999px;background:var(--accent);color:var(--on-accent);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.nav-start:hover{background:var(--accent-hover);color:var(--on-accent)}.hero{padding:48px 24px 72px;display:flex;flex-wrap:wrap;align-items:center;gap:56px}.hero-copy{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:24px}.hero h1{margin:0;font-size:clamp(40px,5vw,64px);line-height:1.05;font-weight:900;letter-spacing:-.02em}.hero-lead{margin:0;font-size:21px;line-height:1.5;color:var(--muted);max-width:30ch}.hero-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:8px}.cta-big{font-size:20px;font-weight:800;padding:18px 34px;border-radius:999px;background:var(--accent);color:var(--on-accent);text-decoration:none}.cta-big:hover{background:var(--accent-hover);color:var(--on-accent)}.cta-quiet{font-size:18px;font-weight:700;padding:16px 8px}.hero-note{font-size:15px;font-weight:600;color:var(--muted)}.hero-art{flex:1 1 420px;min-width:0}.felt{background:var(--felt);border-radius:32px;padding:56px 24px;display:flex;justify-content:center;align-items:flex-end;min-height:380px}.fan{display:flex;align-items:flex-end}.pcard{width:104px;height:148px;background:#fff;border-radius:12px;box-shadow:0 6px 18px #00000040;padding:10px;font-weight:900;font-size:26px;color:var(--suit-black);display:flex;flex-direction:column;justify-content:space-between;margin-right:-36px}.pcard:last-child{margin-right:0}.pcard.red{color:var(--suit-red)}.pcard .pip{font-size:44px;align-self:center}.pcard:nth-child(1){transform:rotate(-16deg) translateY(18px)}.pcard:nth-child(2){transform:rotate(-6deg) translateY(4px)}.pcard:nth-child(3){transform:rotate(6deg) translateY(4px)}.pcard:nth-child(4){transform:rotate(16deg) translateY(18px)}.tiles-band{background:var(--surface);padding:72px 24px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.tile{border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:12px}.tile h2{margin:0;font-size:26px;font-weight:900}.tile p{margin:0;font-size:18px;color:var(--muted)}.tile-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center}.tile.learn{background:var(--accent-tint)}.tile.learn .tile-icon{background:var(--accent)}.tile.practice{background:var(--gold-tint)}.tile.practice .tile-icon{background:var(--gold)}.tile.play{background:var(--blue-tint)}.tile.play .tile-icon{background:var(--blue)}.steps3{padding:80px 24px;display:flex;flex-direction:column;gap:40px;align-items:center}.steps3 h2{margin:0;font-size:36px;font-weight:900;text-align:center}.steps3 ol{list-style:none;margin:0;padding:0;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.steps3 li{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font-size:20px;font-weight:800}.step-num{width:64px;height:64px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:28px;font-weight:900;display:flex;align-items:center;justify-content:center}.club{padding:0 24px 72px}.club-box{background:var(--felt);color:#fff;border-radius:28px;padding:40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}.club-title{font-size:26px;font-weight:900;display:block}.club-sub{font-size:18px;color:var(--accent-pale);display:block;margin-top:6px}.club-cta{font-size:18px;font-weight:800;padding:16px 28px;border-radius:999px;background:var(--gold);color:var(--ink);text-decoration:none}.club-cta:hover{color:var(--ink);filter:brightness(1.05)}.landing footer{padding:24px 24px 48px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:15px;color:var(--muted)}.landing footer nav{gap:20px}.landing footer a{min-height:44px;display:inline-flex;align-items:center}.nav-outline{background:var(--surface);color:var(--ink);border:2px solid var(--line-strong)}.nav-outline:hover{background:var(--surface);color:var(--ink);border-color:var(--accent)}.hero-pill{align-self:flex-start;padding:6px 14px;border-radius:999px;background:var(--gold-tint);color:var(--gold-label);font-size:15px;font-weight:700}.cta-outline{font-size:18px;font-weight:700;padding:16px 28px;border-radius:999px;border:2px solid var(--line-strong);background:var(--surface);color:var(--ink);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.cta-outline:hover{color:var(--ink);border-color:var(--accent)}.cta-small{font-size:17px;padding:12px 22px;align-self:flex-start}.felt-class{flex-direction:column;align-items:center;justify-content:center;gap:28px;min-height:0;padding:32px 24px 48px}.hero-assigned{background:var(--surface);color:var(--ink);border:3px solid var(--gold);border-radius:22px;padding:16px 20px;display:flex;flex-direction:column;gap:4px;align-self:stretch;max-width:360px;margin:0 auto}.hero-assigned-kicker{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-label)}.hero-assigned-title{font-size:21px;font-weight:700}.hero-assigned-sub{font-size:15px;color:var(--muted)}.felt-class .pcard:nth-child(1){transform:rotate(-10deg) translateY(8px)}.felt-class .pcard:nth-child(2){transform:none}.felt-class .pcard:nth-child(3){transform:rotate(10deg) translateY(8px)}.teacher-section{display:flex;flex-direction:column;gap:28px}.section-h{margin:0;font-size:36px;font-weight:800}.section-sub{margin:0;font-size:18px;color:var(--muted)}.teacher-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.teacher-card{border-radius:24px;border:3px solid var(--line);background:var(--page);padding:22px;display:flex;flex-direction:column;gap:10px;color:var(--ink);text-decoration:none}a.teacher-card:hover{border-color:var(--accent);color:var(--ink)}.teacher-card-dashed{border-style:dashed;border-color:var(--line-strong);background:transparent;justify-content:center}.teacher-face{width:64px;height:64px;border-radius:999px;background:var(--accent-tint);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700}.teacher-name{font-size:21px;font-weight:700}.teacher-meta{font-size:16px;color:var(--muted)}.teacher-go{margin-top:6px;align-self:flex-start;min-height:48px;padding:0 22px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:17px;font-weight:700;display:inline-flex;align-items:center}.soon-pill{margin-top:6px;align-self:flex-start;padding:8px 16px;border-radius:999px;background:var(--gold-tint);color:var(--gold-label);font-size:15px;font-weight:600}.for-teachers{padding:64px 24px;display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}.for-teachers-copy{flex:1 1 320px;min-width:0;align-items:flex-start;gap:14px}.for-teachers .how{flex:1 1 420px;min-width:0}.felt-class{gap:44px}.felt-class .hero-assigned{position:relative;z-index:1}.felt-class .pcard{margin-right:-18px}@media(min-width:1248px){.teacher-section{padding:0 24px}}.app-shell{min-height:100vh;min-height:100dvh;max-width:480px;margin:0 auto;display:flex;flex-direction:column;background:var(--page)}.home-head{position:sticky;top:0;z-index:2;background:var(--page);padding:20px 24px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.home-hi{margin:0;font-size:24px;font-weight:900}.streak{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--gold-tint);font-size:16px;font-weight:900}.guest-note{margin:0 24px 8px;font-size:15px;color:var(--muted)}.guest-note a{font-weight:800;display:inline-flex;align-items:center;min-height:44px}.home-main{flex-grow:1;padding:0 24px 24px;display:flex;flex-direction:column;gap:8px}.unit-card{padding:18px 20px;border-radius:22px;background:var(--accent);color:var(--on-accent);display:flex;flex-direction:column;gap:4px}.unit-kicker{font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--on-accent)}.unit-title{margin:0;font-size:22px;font-weight:900}.path{list-style:none;margin:0;padding:28px 0;display:flex;flex-direction:column;align-items:center;gap:22px}.node{transform:translate(calc(var(--sway, 0) * min(1px,(100vw - 48px) / 342)));display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;max-width:160px}.node-dot{width:72px;height:72px;border-radius:999px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:32px;font-weight:900}.node-title{font-size:15px;font-weight:800}.node-done .node-dot{background:var(--accent)}.node-open .node-dot{background:var(--surface);border:3px solid var(--accent);color:var(--ink)}.node-locked .node-dot{background:var(--line);color:#6b7f77}.node-locked .node-title{color:var(--muted)}.node-next{gap:8px}.node-next .node-dot{width:96px;height:96px;background:var(--gold);box-shadow:0 0 0 8px var(--gold-tint);font-size:42px;color:var(--ink)}.node-next .node-title{font-size:16px;font-weight:900}.node-start{padding:10px 22px;min-height:44px;display:inline-flex;align-items:center;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:16px;font-weight:900;text-decoration:none}.node-start:hover{background:var(--accent-hover);color:var(--on-accent)}.tabbar{position:sticky;bottom:0;z-index:2;background:var(--surface);border-top:2px solid var(--line);padding:8px 12px calc(20px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.tabbar a{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:13px;font-weight:800;color:var(--muted);text-decoration:none;border-radius:14px}.tabbar a[aria-current=page]{color:var(--accent);font-weight:900}.tabbar a:hover{color:var(--accent)}.answers-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;padding:14px 18px;min-height:56px;border-radius:20px;background:var(--accent-tint);color:var(--ink);text-decoration:none;font-size:17px;font-weight:800}.answers-card:hover{color:var(--ink);background:var(--gold-tint)}.answers-n{background:var(--accent);color:var(--on-accent);border-radius:999px;min-width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;padding:0 8px;font-size:15px}.me-row{background:var(--surface);border-radius:20px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.me-label{font-size:16px;color:var(--muted);font-weight:700}.me-value{font-size:18px;font-weight:900}.assigned{margin-bottom:8px;padding:18px 20px;border-radius:22px;background:var(--gold-tint);border:3px solid var(--gold);display:flex;flex-direction:column;gap:6px}.assigned-kicker{font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-label)}.assigned-title{margin:0;font-size:22px;font-weight:900}.assigned-count{font-size:16px;font-weight:700;color:var(--muted)}.assigned-go{align-self:flex-start;margin-top:6px;min-height:52px;font-size:18px}.teach-link{align-self:flex-end;display:inline-flex;align-items:center;min-height:44px;padding:0 4px;font-size:16px;font-weight:800}.learn{gap:24px}.learn-close{color:var(--muted)}.learn-progress{flex-grow:1;height:12px;border-radius:999px;background:var(--line);display:flex;overflow:hidden}.learn-progress div{border-radius:999px;background:var(--accent);transition:width .25s ease}.kicker{font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.flow .learn-h1{font-size:30px;line-height:1.15}.card-text{margin:0;font-size:21px;line-height:1.4;font-weight:700}.card-text strong{font-weight:900}.card-text.long{font-size:18px;font-weight:600;line-height:1.45}.card-text .red,.mini-table .red{color:var(--suit-red)}.mini-table strong{font-weight:900}.mini-table.wide th,.mini-table.wide td{font-size:15px;padding:8px 10px}.mini-table.dense td{font-size:15px;font-weight:600}.mini-table.dense td:first-child{font-weight:800}.auc-card{display:flex;flex-direction:column;gap:12px}.auc-calls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.auc-calls .call{padding:6px 12px;border-radius:999px;background:var(--surface);border:2px solid var(--line);font-weight:900;font-size:18px}.auc-calls .red{color:var(--suit-red)}.auc-dealer{font-size:14px;font-weight:800;color:var(--muted)}.auc-hand{background:var(--surface);border:2px solid var(--line);border-radius:20px;padding:12px 18px;display:flex;flex-direction:column;gap:4px}.auc-hand .hand-row{font-size:22px;gap:12px}.auc-label{font-size:14px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.sheet-link{align-self:flex-start;font-size:16px;font-weight:800;min-height:44px;display:inline-flex;align-items:center}.felt-trick{background:var(--felt);border-radius:28px;height:360px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));align-items:center;justify-items:center;padding:16px}.seat{display:flex;flex-direction:column;align-items:center;gap:4px}.seat-name{font-size:13px;font-weight:800;color:var(--accent-pale);white-space:nowrap}.seat-name.win{color:var(--gold);font-weight:900}.pc{width:64px;height:88px;border-radius:10px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:26px;font-weight:900;color:var(--suit-black);line-height:1.1}.pc.red{color:var(--suit-red)}.pc.win{box-shadow:0 0 0 4px var(--gold)}.pc-blank{background:#ffffff1f}.hand-box{background:var(--surface);border-radius:24px;padding:18px 22px;display:flex;flex-direction:column;gap:8px;border:2px solid var(--line)}.hand-row{display:flex;align-items:center;gap:14px;font-size:26px;font-weight:900}.hand-suit{width:28px;text-align:center;color:var(--suit-black)}.hand-suit.red{color:var(--suit-red)}.hand-cards{letter-spacing:.04em}.mini-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border-radius:20px;overflow:hidden;border:2px solid var(--line);font-size:18px}.mini-table th{background:var(--accent-tint);font-weight:900;text-align:left;padding:10px 14px}.mini-table td{padding:10px 14px;border-top:2px solid var(--line);font-weight:700}.lesson-img{width:100%;height:auto;border-radius:20px;display:block;background:var(--surface)}.sheet-img{width:100%;height:auto;border-radius:16px;display:block}.ask-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#00000073;display:flex;align-items:flex-end;justify-content:center;padding:12px}@media(min-width:600px){.ask-wrap{align-items:center}}.ask-panel{width:100%;max-width:440px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:auto;background:var(--surface);color:var(--ink);border-radius:24px;padding:20px 20px calc(20px + env(safe-area-inset-bottom));box-shadow:0 10px 30px #00000059;display:flex;flex-direction:column;gap:8px}.ask-title{margin:0 0 4px;font-size:22px;font-weight:900}.ask-label{font-size:15px;font-weight:800;color:var(--muted);margin-top:4px}.ask-select{min-height:48px;font:inherit;font-size:17px;font-weight:700;color:var(--ink);border-radius:14px;border:2px solid var(--line-strong);background:var(--surface);padding:0 12px;width:100%}.ask-select:focus,.ask-text:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-tint)}.ask-about-one{margin:0;font-size:16px;font-weight:700;color:var(--muted)}.ask-text{border-radius:16px;border:2px solid var(--line-strong);background:var(--surface);padding:12px 14px;font-family:inherit;font-size:18px;color:var(--ink);width:100%;resize:vertical;min-height:96px}.ask-status{margin:0;min-height:22px;font-size:15px;font-weight:700;color:var(--muted)}.ask-guest{margin:0;font-size:17px;line-height:1.4}.ask-btns{display:flex;gap:10px;margin-top:6px}.ask-btns>*{flex:1;min-height:52px;font-size:17px}.ask-open{color:#fff;flex-shrink:0}.ask-open:hover{color:#fff;background:var(--felt-dark)}.ask-row{display:flex;justify-content:center;margin-top:4px}.ask-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 6px;cursor:pointer;color:var(--accent-hover)}.practice{gap:24px}.learn-progress.gold div{background:var(--gold)}.practice-kicker{color:var(--gold-label)}.flow .q-prompt{font-size:30px;line-height:1.15}.flow .q-prompt.long{font-size:24px;line-height:1.25}.q-visual{display:flex;flex-direction:column;gap:12px}.q-contract{margin:0;font-size:18px;font-weight:900}.q-hand{background:var(--surface);border:2px solid var(--line);border-radius:20px;padding:14px 20px;display:flex;flex-direction:column;gap:6px}.q-hand .hand-row{font-size:24px}.q-hand-label{font-size:14px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.q-auction{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.q-auction-label{font-size:14px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.calls{display:flex;flex-wrap:wrap;gap:8px}.call{padding:6px 12px;border-radius:999px;background:var(--surface);border:2px solid var(--line);font-weight:900;font-size:18px}.call.you{background:var(--gold-tint);border-color:var(--gold)}.q-played{display:flex;gap:10px;flex-wrap:wrap}.q-played-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:80px;border-radius:12px;background:var(--surface);border:2px solid var(--line);font-size:22px;font-weight:900}.q-played-card small{font-size:12px;font-weight:800;color:var(--muted)}.q-played-card .red,.q-hand .red{color:var(--suit-red)}.q-options.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.q-options.stack-opts{display:flex;flex-direction:column;gap:10px}.q-opt{min-height:60px;border-radius:18px;font-family:inherit;font-size:19px;font-weight:900;cursor:pointer;background:var(--surface);color:var(--ink);border:3px solid var(--line);padding:10px 14px}.stack-opts .q-opt{font-size:17px;font-weight:800;text-align:left;line-height:1.3}.q-opt:hover:not(:disabled){border-color:var(--accent)}.q-opt:disabled{cursor:default}.q-opt.right{background:var(--right-bg);color:var(--right-ink);border-color:var(--accent)}.q-opt.wrong{background:var(--wrong-bg);color:var(--wrong-ink);border-color:var(--suit-red)}.q-wait{height:60px;border-radius:999px;background:var(--line);color:var(--muted);font-size:20px;font-weight:900;display:flex;align-items:center;justify-content:center}.q-panel{border-radius:22px;padding:18px 20px;display:flex;flex-direction:column;gap:14px}.q-panel.ok{background:var(--right-bg)}.q-panel.no{background:var(--wrong-bg)}.q-verdict{font-size:20px;font-weight:900}.q-panel.ok .q-verdict{color:var(--right-ink)}.q-panel.no .q-verdict{color:var(--wrong-ink)}.q-why{font-size:16px;font-weight:600}.q-more summary{font-weight:800;cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--ink)}.q-more p{margin:0;font-size:16px}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{color:#fff;filter:brightness(1.2)}.btn-gold{background:var(--gold);color:var(--ink)}.btn-gold:hover{color:var(--ink);filter:brightness(1.05)}.welcome-mark.gold{background:var(--gold);color:var(--ink)}.practice-tab{gap:20px;padding-top:8px}.practice-hero{background:var(--gold-tint);border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:10px}.practice-hero-icon{width:56px;height:56px;border-radius:16px;background:var(--gold);display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900}.q-answer{font-size:17px;font-weight:700}.q-felt{background:var(--felt);border-radius:24px;height:250px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));grid-template-areas:". top ." "left . right" ". bottom .";align-items:center;justify-items:center;padding:10px}.q-slot.top{grid-area:top}.q-slot.left{grid-area:left}.q-slot.right{grid-area:right}.q-slot.bottom{grid-area:bottom}.q-slot{display:flex;flex-direction:column;align-items:center;gap:2px}.q-slot small{font-size:12px;font-weight:800;color:var(--accent-pale)}.q-card{width:52px;height:70px;border-radius:10px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:22px;font-weight:900;color:var(--suit-black);line-height:1.05}.q-card.red,.red{color:var(--suit-red)}.q-trick-done{margin:0;font-size:15px;font-weight:700;color:var(--muted)}.q-opt.right .red,.q-opt.wrong .red{color:inherit}.q-auction-table{background:var(--surface);border:2px solid var(--line);border-radius:20px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.q-at-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;text-align:center;font-size:18px;font-weight:900}.q-at-row>span{padding:2px 0}.q-at-head{font-size:13px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.q-at-row .call.you{padding:2px 0;font-size:18px}.q-dealt-note{margin:0;color:var(--muted);font-size:15px;font-weight:700}.conv-list{display:flex;flex-direction:column;gap:18px}.conv-group{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.conv-group legend{font-size:14px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:0;margin-bottom:6px}.conv-row{display:flex;align-items:flex-start;gap:12px;background:var(--surface);border:2px solid var(--line);border-radius:16px;padding:12px 14px;cursor:pointer}.conv-row input{width:24px;height:24px;margin:2px 0 0;flex:none;accent-color:var(--accent)}.conv-row strong{display:block;font-size:18px}.conv-row span{font-size:15px;color:var(--muted);font-weight:600}.conv-sys{display:table;font-style:normal;font-size:13px;font-weight:800;color:var(--accent-hover, #155c43);background:var(--accent-tint);border-radius:999px;padding:2px 10px;margin:2px 0 4px}.conv-version{display:flex;align-items:center;gap:10px;margin:-2px 0 4px 50px;font-size:15px;font-weight:800;color:var(--muted)}.conv-version select{font:inherit;font-weight:700;color:var(--ink);min-height:44px;border-radius:12px;border:2px solid var(--line);background:var(--surface);padding:0 10px}.conv-page{gap:18px}.conv-page .topbar{margin:-4px 0 -6px -10px}.conv-head{display:flex;flex-direction:column;gap:6px}.conv-head .home-hi{margin:0}.conv-head .lead{margin:0;font-size:18px;color:var(--muted)}.conv-head .red,.conv-page .red{color:var(--suit-red)}.conv-page-version{margin:0}.conv-page-version select{flex-grow:1}.conv-path{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.conv-step{display:flex;gap:14px;align-items:flex-start;background:var(--surface);border:2px solid var(--line);border-radius:24px;padding:18px 18px 18px 14px}.conv-num{width:44px;height:44px;flex:none;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;background:var(--line);color:var(--ink)}.conv-step.next .conv-num{background:var(--gold);box-shadow:0 0 0 5px var(--gold-tint)}.conv-step.done .conv-num{background:var(--accent);color:var(--on-accent)}.conv-step.next{border-color:var(--gold)}.conv-step-body{display:flex;flex-direction:column;gap:10px;min-width:0;flex-grow:1}.conv-step-body h2{margin:0;font-size:22px;font-weight:900}.conv-step-body p{margin:0;font-size:16px;color:var(--muted);font-weight:600}.conv-step-body .btn{margin-top:4px}.conv-parts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.conv-parts a{display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 0;color:var(--ink);text-decoration:none;font-size:16px;font-weight:800}.conv-parts a:hover{color:var(--accent)}.conv-part-n{width:28px;height:28px;flex:none;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;background:var(--accent-tint);color:var(--accent)}.conv-parts li.done .conv-part-n{background:var(--accent);color:var(--on-accent)}.conv-item{display:flex;flex-direction:column;gap:4px}.conv-more{align-self:flex-end;display:inline-flex;align-items:center;min-height:44px;padding:0 6px;font-size:15px;font-weight:800;color:var(--accent);text-decoration:underline;text-underline-offset:3px}@media(min-width:600px){.conv-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.conv-more{align-self:center}}.play-hero .practice-hero-icon{color:var(--ink)}.play-shell{height:100vh;height:100dvh;max-width:480px;margin:0 auto;background:var(--felt);color:#fff;display:flex;flex-direction:column;overflow:hidden;padding-bottom:env(safe-area-inset-bottom);touch-action:manipulation;--card-w: 56px;--card-h: calc(var(--card-w) * 1.42);--back-bg: var(--blue)}.play-shell>*{flex-shrink:0}.play-top{padding:calc(8px + env(safe-area-inset-top)) 16px 4px;display:flex;align-items:center;justify-content:space-between;gap:8px}.play-close{color:#fff}.play-close:hover,.play-opt:hover{color:#fff;background:var(--felt-dark)}.play-opt{color:#fff;flex-shrink:0}.pill{padding:7px 12px;border-radius:999px;background:var(--felt-dark);font-size:15px;font-weight:800;white-space:nowrap}.cardface{position:relative;background:#fff;color:var(--suit-black);border-radius:calc(var(--card-w) * .12);border:1px solid rgba(0,0,0,.22);box-shadow:-1px 1px 3px #0000004d;font-family:inherit;font-weight:900;line-height:1;overflow:hidden}.cardface.red{color:var(--suit-red)}.cardface .idx{position:absolute;top:calc(var(--card-w) * .06);left:calc(var(--card-w) * .08);display:flex;flex-direction:column;align-items:flex-start;gap:1px}.cardface .idx b{font-size:calc(var(--card-w) * .36);font-weight:900}.cardface .idx b.ten{letter-spacing:-.12em;display:inline-block;transform:scaleX(.66);transform-origin:0 50%}.cardface .idx i{margin-left:1px}.cardface .idx i{font-style:normal;font-size:calc(var(--card-w) * .3)}.cardface .pip{position:absolute;right:calc(var(--card-w) * .08);bottom:calc(var(--card-w) * .04);font-size:calc(var(--card-w) * .62);opacity:.92}.cardface.off{background:#c9d3cf;color:#3e4f49;cursor:default}.cardface.off.red{color:#8e2b21}.table{flex:1 1 0;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);padding:0 10px;column-gap:6px}.play-shell>.table{flex-shrink:1}#seat-top{grid-column:1 / 4;grid-row:1}#seat-left{grid-column:1;grid-row:2;min-height:0}#seat-right{grid-column:3;grid-row:2;min-height:0}.trick{grid-column:2;grid-row:2;min-height:0}.seat{display:flex;flex-direction:column;align-items:center;gap:3px;height:100%;justify-content:center}.seat.top{justify-content:flex-start;padding-top:2px}.seat-name{font-size:12px;font-weight:800;color:var(--accent-pale);white-space:nowrap}.seat.to-play .seat-name{color:#fff}.seat.to-play .seat-name:before{content:"●";color:var(--gold);margin-right:5px;font-size:9px;vertical-align:1px}.seat.left,.seat.right{min-width:40px}.backs{display:inline-flex;--bw: calc(var(--card-w) * .4);--bh: calc(var(--card-w) * .58)}.back{flex:0 0 auto;border-radius:3px;border:1px solid rgba(0,0,0,.4);box-shadow:inset 0 0 0 2px #ffffff47;background:var(--back-bg) repeating-linear-gradient(45deg,rgba(255,255,255,.18) 0 3px,transparent 3px 6px)}.backs.row{flex-direction:row}.backs.row .back{width:var(--bw);height:var(--bh)}.backs.row .back:not(:first-child){margin-left:calc(var(--bw) * -.55)}.backs.col{flex-direction:column}.backs.col .back{width:var(--bh);height:var(--bw)}.backs.col .back:not(:first-child){margin-top:calc(var(--bw) * -.55)}.dummy{--strip: clamp(26px, calc((100dvh - 560px)/4) , 44px);display:flex;flex-direction:column;align-items:center}.dcols{display:flex;justify-content:center;gap:8px}.dcol{display:flex;flex-direction:column;width:var(--card-w);min-height:24px}.dcard{width:var(--card-w);height:var(--card-h);flex-shrink:0;padding:0;margin-bottom:calc(var(--strip) - var(--card-h));cursor:default}.dcard:last-child{margin-bottom:0}.dcard.legal{border:3px solid var(--gold);cursor:pointer}.dcard.hint{border-color:var(--blue);background:var(--blue-tint)}.dcard:focus-visible{outline-color:#fff;z-index:1}.dcard.cardface.off{background:#fff;color:var(--suit-black)}.dcard.cardface.off.red{color:var(--suit-red)}.side-hand{--sw: calc(var(--card-w) * .8);--sh: calc(var(--sw) * 1.42);--sstep: 18px;--len: calc((var(--n) - 1) * var(--sstep) + var(--sw) + var(--gaps) * 12px);position:relative;width:var(--sh);height:var(--len);flex-shrink:0}.side-row{position:absolute;top:0;left:0;width:var(--len);height:var(--sh);display:flex;transform-origin:top left}.side-hand.left .side-row{transform:rotate(-90deg) translate(-100%)}.side-hand.right .side-row{transform:rotate(90deg) translateY(-100%)}.scard{--card-w: var(--sw);width:var(--sw);height:var(--sh);flex-shrink:0;margin-left:calc(var(--sstep) - var(--sw))}.scard:first-child{margin-left:0}.scard.gap{margin-left:calc(var(--sstep) - var(--sw) + 12px)}.dummy-row-name{margin-top:4px}.dummy-row{display:flex;justify-content:center;height:var(--card-h)}.rcard{width:var(--card-w);height:var(--card-h);flex-shrink:0}.trick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));align-items:center;justify-items:center;align-self:stretch;--slot-h: clamp(44px, 9dvh, 72px)}.slot{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:0;position:relative}.slot.top{grid-column:2;grid-row:1}.slot.left{grid-column:1;grid-row:2}.slot.right{grid-column:3;grid-row:2}.slot.bottom{grid-column:2;grid-row:3}.slot-card{--card-w: calc(var(--slot-h) / 1.42);width:var(--card-w);height:var(--slot-h);will-change:transform}.slot-card.empty{background:transparent;border:2px dashed rgba(255,255,255,.28);box-shadow:none;border-radius:8px}.slot-card.empty.you{border-color:var(--gold)}.slot-card.wins{box-shadow:0 0 0 3px var(--gold)}.slot-name{font-size:11px;font-weight:800;color:#17302a;background:var(--gold);padding:1px 6px;border-radius:999px;white-space:nowrap;position:absolute;top:100%}.coach{margin:4px 12px 6px;background:#fff;color:var(--ink);border-radius:18px;padding:10px 14px;display:flex;gap:10px;align-items:flex-start;min-height:0}.coach-icon{width:36px;height:36px;flex-shrink:0;border-radius:999px;background:var(--gold);display:flex;align-items:center;justify-content:center}.coach-text{display:flex;flex-direction:column;gap:1px}.coach-name{font-size:13px;font-weight:900;color:var(--accent)}.coach-line{font-size:16px;font-weight:700;line-height:1.3}.play-bottom{background:var(--felt-dark);padding:6px 16px 10px;display:flex;flex-direction:column;gap:6px}.fan-label{font-size:12px;font-weight:800;color:var(--accent-pale);text-align:center}.fan{display:flex;justify-content:center;height:calc(var(--card-h) + 12px);padding-top:12px}.card-btn{width:var(--card-w);height:var(--card-h);flex-shrink:0;padding:0;cursor:default}.card-btn.legal{border:3px solid var(--gold);margin-top:-12px;cursor:pointer}.card-btn.legal:hover{margin-top:-16px}.fan.few .card-btn.legal{margin-top:-18px}.card-btn.hint{border-color:var(--blue);background:var(--blue-tint);margin-top:-18px}.card-btn.picked{margin-top:-24px;border-color:var(--gold);box-shadow:0 0 0 3px #f5b84173,-1px 1px 3px #0000004d}.dcard.picked{box-shadow:0 0 0 3px #f5b84173}.card-btn:focus-visible{outline-color:#fff;z-index:1}.play-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:10px}.play-actions.with-undo{grid-template-columns:auto repeat(2,minmax(0,1fr)) auto}.coach[hidden]{display:none}.pill-tricks{border:0;font-family:inherit;color:inherit;cursor:pointer;min-height:44px}.pill-tricks[aria-pressed=true]{background:var(--gold);color:#17302a}.pill-tricks:disabled{cursor:default}.play-table{cursor:pointer}.coach-line .red{color:var(--suit-red)}.play-actions .confirm{grid-column:span 2}.btn-felt.undo{min-width:72px;padding:0 14px;font-size:15px}.btn-felt-gold{background:var(--gold);border-color:var(--gold);color:var(--ink)}.btn-felt-gold:hover{background:var(--gold)}.btn-felt-gold .red{color:var(--suit-red)}.coach-btn{min-height:44px;font-size:17px;margin-top:8px;width:100%}#coach-more:empty{display:none}.coach-text{flex:1 1 auto;min-width:0}.btn-felt{height:48px;border-radius:999px;border:2px solid #5E9884;background:transparent;color:#fff;font-family:inherit;font-size:17px;font-weight:900;cursor:pointer}.btn-felt:hover{background:var(--felt)}.btn-felt[disabled]{opacity:.5;cursor:default}.play-end{display:flex;flex-direction:column;gap:6px;align-items:center}.play-link{color:#fff}.play-link:hover{color:var(--accent-pale)}@media(max-height:700px){.play-shell{--card-w: 50px}.dummy{--strip: clamp(18px, calc((100dvh - 500px)/4) , 36px)}.coach{padding:8px 12px;margin-bottom:4px}.coach-line{font-size:15px;line-height:1.25}.coach-icon{width:32px;height:32px}.trick{--slot-h: clamp(36px, 7.5dvh, 56px)}.play-bottom{gap:4px;padding-bottom:8px}.btn-felt{height:44px}.fan{padding-top:10px;height:calc(var(--card-h) + 10px)}.card-btn.legal{margin-top:-10px}.card-btn.legal:hover{margin-top:-14px}}@media(max-height:620px){.play-shell{--card-w: 46px}.play-top{padding-top:calc(4px + env(safe-area-inset-top))}.pill{padding:5px 12px;font-size:14px}.coach-line{font-size:14px}}.pill-btn{border:0;background:#fff;color:var(--ink, #17251E);font-family:inherit;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;gap:6px}.pill-btn .red,.auction-result .red{color:var(--suit-red)}.pill-btn:after{content:"▾";font-size:12px;opacity:.8}.play-shell{position:relative}.auction-panel{position:absolute;z-index:5;left:12px;right:12px;top:64px;max-width:420px;margin:0 auto;background:var(--surface);color:var(--ink);border-radius:20px;padding:16px 18px 18px;box-shadow:0 10px 30px #00000059;display:flex;flex-direction:column;gap:10px}.auction-panel[hidden]{display:none}.auction-title{margin:0;font-size:20px;font-weight:900}.auction-grid{width:100%;border-collapse:collapse;table-layout:fixed;font-size:18px;font-weight:800}.auction-grid th{font-size:14px;color:var(--muted);font-weight:800;padding:4px 0 6px;border-bottom:2px solid var(--line)}.auction-grid th.you{color:var(--accent)}.auction-grid td{text-align:center;padding:6px 0}.auction-grid .red{color:var(--suit-red)}.auction-result{margin:0;font-size:16px;font-weight:800;color:var(--muted);text-align:center}.auction-panel .btn-felt{align-self:center;min-width:140px;background:var(--felt);color:#fff}.claim-q{margin:0;font-size:17px;font-weight:700}.claim-k{min-height:44px;font:inherit;font-size:18px;font-weight:800;padding:0 12px;border-radius:12px;border:2px solid var(--line-strong, #C9D5CE);background:#fff;color:var(--ink)}.claim-btns{display:flex;gap:10px}.claim-btns>*{flex:1}.bid-main{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:6px;padding:0 12px}.play-shell>.bid-main{flex-shrink:1}.bid-auction{background:var(--surface);color:var(--ink);border-radius:16px;padding:8px 14px 10px;flex:0 1 auto;min-height:0;overflow-y:auto}.bid-main:after{content:"";flex:1 1 0}.bid-auction-title{margin:0 0 2px;font-size:15px;font-weight:900;color:var(--muted)}.bid-conv{margin:0 0 4px;font-size:15px;font-weight:900;color:var(--ink)}.bid-judge-title{margin-top:10px}.bid-judge{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.bid-judge li{display:grid;grid-template-columns:22px auto 1fr;gap:6px;align-items:baseline;font-size:15px;line-height:1.3}.bid-judge .judge-mark{font-weight:900;text-align:center}.bid-judge .same .judge-mark{color:#1e6b4a}.bid-judge .differs .judge-mark{color:var(--suit-red)}.bid-judge .judge-call{font-weight:900;white-space:nowrap}.bid-judge .judge-why{grid-column:2 / 4;color:var(--muted)}.bid-judge .red,.bid-conv .red{color:var(--suit-red)}.bid-auction .auction-grid{font-size:17px}.bid-auction .auction-grid td{padding:4px 0}.bid-main .coach{margin:0;flex-shrink:0}.bid-auction{min-height:112px}.bid-main .coach-line{font-size:15px}.coach-choice{display:flex;flex-direction:column;gap:6px;margin-top:8px}.coach-choice .coach-btn{margin-top:0;min-height:44px}.coach-choice .btn-outline{min-height:44px}.coach-choice .btn-link{align-self:center;min-height:44px;display:inline-flex;align-items:center}.card-btn.still{cursor:default}.bidbox{display:flex;flex-direction:column;gap:6px}.bid-row{display:grid;gap:6px}.bid-row.levels{grid-template-columns:repeat(7,minmax(0,1fr))}.bid-row.strains{grid-template-columns:repeat(5,minmax(0,1fr))}.bid-row.calls{grid-template-columns:repeat(3,minmax(0,1fr))}.bid-btn{height:44px;min-width:0;padding:0;border-radius:10px;border:2px solid #5E9884;background:transparent;color:#fff;font-family:inherit;font-size:18px;font-weight:900;cursor:pointer}.bid-btn:hover{background:var(--felt)}.bid-btn[disabled]{opacity:.38;cursor:default}.bid-btn.strain{background:#fff;border-color:#fff;color:var(--suit-black)}.bid-btn.strain.red{color:var(--suit-red)}.bid-btn.strain:hover{background:#f1f5f3}.bid-main .coach-line .red,.bid-confirm .red{color:var(--suit-red)}.bid-btn[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--ink)}.bid-btn:focus-visible{outline-color:#fff}.bid-confirm{width:100%}@media(max-height:700px){.bid-main{gap:4px}.bid-auction{padding:6px 12px 8px}.bid-auction .auction-grid{font-size:16px}.bid-auction .auction-grid td{padding:3px 0}.bidbox,.bid-row{gap:5px}}.deal-cross{grid-column:1 / -1;grid-row:1 / -1;align-self:center;justify-self:stretch;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:auto auto auto;gap:2px 6px;font-size:13px;font-weight:800;line-height:1.2;color:#fff}.dc-hand{display:flex;flex-direction:column;gap:0}.dc-hand.top{grid-column:2;grid-row:1}.dc-hand.left{grid-column:1;grid-row:2;justify-self:end}.dc-hand.right{grid-column:3;grid-row:2;justify-self:start}.dc-hand.bottom{grid-column:2;grid-row:3}.dc-mid{grid-column:2;grid-row:2;align-self:center;justify-self:center;font-size:12px;color:var(--accent-pale);text-align:center;padding:0 6px}.dc-name{font-size:11px;color:var(--accent-pale);white-space:nowrap}.dc-hand.you .dc-name{color:#fff}.dc-suit{white-space:nowrap;letter-spacing:.02em}.dc-suit .suit{display:inline-block;width:1.1em}.deal-cross .suit.red,.review-panel .suit.red{color:var(--suit-red)}.deal-cross .suit.red{color:#ff8a7a}.review{display:flex;flex-direction:column;gap:6px;width:100%;align-items:stretch}.review-btn{min-height:46px;height:auto;padding:6px 14px;font-size:15px;line-height:1.2;white-space:normal}.review-note{margin:0;font-size:13px;font-weight:700;color:var(--accent-pale);text-align:center;line-height:1.3}.review-panel{top:56px;max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;gap:8px}.review-panel .auction-title{font-size:18px}.review-head{margin:0;font-weight:800;font-size:15px;line-height:1.35}.review-item{margin:0;font-size:14px;line-height:1.35}.review-item.cost,.review-trick.cost{background:#f5b84159;padding:4px 8px;border-radius:6px}.review-contract{margin:0;font-size:14px;font-weight:700}.review-foot{margin:0;font-size:12.5px;color:var(--muted);line-height:1.3}.review-sub{margin:6px 0 0;font-size:14px;font-weight:800}.review-tricks{margin:0;padding:0;list-style:none;font-size:13px;line-height:1.4;display:flex;flex-direction:column;gap:1px}.review-trick{padding:1px 4px;border-radius:4px}.review-trick .tno{display:inline-block;min-width:1.6em;color:var(--muted);font-weight:800}.review-trick .tseat{font-weight:800}.review-trick .wins{color:var(--muted)}.review-diff{display:block;margin-left:1.6em;font-size:12.5px;color:var(--ink)}.review-panel .btn-felt{margin-top:4px;flex-shrink:0}.play-shell[data-done=true] .seat .seat-name{display:none}.teach{max-width:1040px;margin:0 auto;padding:24px 24px 40px;display:flex;flex-direction:column;gap:20px;min-height:100vh;min-height:100dvh}.teach-narrow{max-width:720px}.teach h1{margin:0;font-size:34px;line-height:1.1;font-weight:900}.teach h2{margin:0;font-size:22px;font-weight:900}.teach .lead{margin:0;font-size:18px;color:var(--muted)}.teach-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}.teach-kicker{display:block;margin-bottom:4px;font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.teach-actions{display:flex;flex-wrap:wrap;gap:12px}.teach-actions .btn{min-height:52px;font-size:18px;padding:0 24px}.teach-panel{background:var(--surface);border-radius:24px;padding:20px 22px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}.teach-panel p{margin:0;font-size:17px}.teach-panel .field{align-self:stretch}.teach-panel .btn{min-height:52px;font-size:18px}.teach-panel.empty{align-items:center;text-align:center;padding:32px 22px}.field textarea{border-radius:16px;border:2px solid var(--line-strong);background:var(--surface);padding:14px 18px;font-family:inherit;font-size:18px;color:var(--ink);width:100%;resize:vertical;min-height:120px}.field textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-tint)}.field textarea[aria-invalid=true]{border-color:var(--wrong-ink)}.why{font-size:15px;font-weight:700;color:var(--muted)}.code{font-variant-numeric:tabular-nums;letter-spacing:.12em}.class-list{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.class-card{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border-radius:22px;background:var(--surface);border:3px solid var(--line);color:var(--ink);text-decoration:none;min-height:44px}.class-card:hover{border-color:var(--accent);color:var(--ink)}.class-name{font-size:20px;font-weight:900}.class-meta{font-size:16px;font-weight:700;color:var(--muted)}.teach-facts{display:flex;flex-wrap:wrap;gap:10px}.fact{background:var(--surface);border-radius:999px;padding:10px 18px;font-size:16px}.fact-label{color:var(--muted);font-weight:700}.tally{margin:0;display:flex;flex-wrap:wrap;gap:8px}.pill{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:15px;font-weight:900;white-space:nowrap}.pill-ok{background:var(--right-bg);color:var(--right-ink)}.pill-stuck{background:var(--wrong-bg);color:var(--wrong-ink)}.pill-new{background:var(--gold-tint);color:var(--gold-label)}.roster{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border-radius:24px;overflow:hidden;font-size:16px}.roster th,.roster td{text-align:left;padding:14px 16px;border-bottom:2px solid var(--line);vertical-align:middle}.roster thead th{font-size:14px;font-weight:800;color:var(--muted);background:var(--accent-tint)}.roster tbody th{font-size:17px;font-weight:900}.roster tbody tr:last-child>*{border-bottom:0}.roster .why{display:block;margin-top:4px}.invite-list{list-style:none;margin:0;padding:0;align-self:stretch;display:flex;flex-direction:column;gap:8px}.invite-list li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:10px 0;border-bottom:2px solid var(--line);font-size:16px;font-weight:700;overflow-wrap:anywhere}.invite-list li:last-child{border-bottom:0}.invite-list li[data-status=failed] .why{color:var(--wrong-ink)}.invite-list li[data-status=sent] .why{color:var(--right-ink)}.big-code{font-size:44px!important;font-weight:900;color:var(--accent)}.join-link{background:var(--accent-tint);border-radius:14px;padding:10px 14px;font-weight:700;overflow-wrap:anywhere;align-self:stretch}.lesson-grid{display:grid;gap:12px;grid-template-columns:1fr}.lesson-opt{min-height:72px}.lesson-badge{background:var(--accent-tint);color:var(--accent-hover);font-size:18px}.lesson-opt[aria-checked=true] .lesson-badge{background:var(--accent);color:var(--on-accent)}.teach-bottom{position:sticky;bottom:0;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:var(--page)}@media(max-width:760px){.teach{padding:20px 16px 32px;gap:16px}.teach h1{font-size:30px}.teach-actions{width:100%}.teach-actions .btn{flex:1 1 100%}.roster,.roster tbody,.roster tr,.roster th,.roster td{display:block}.roster{background:none;border-radius:0}.roster thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.roster tbody{display:flex;flex-direction:column;gap:12px}.roster tr{background:var(--surface);border-radius:20px;padding:14px 18px}.roster tbody th,.roster td{border:0;padding:4px 0}.roster tbody th{font-size:20px;padding-bottom:6px}.roster td{display:flex;justify-content:space-between;gap:12px;text-align:right}.roster td:before{content:attr(data-label);font-weight:700;color:var(--muted);text-align:left}.roster td[data-label="How they’re doing"]{flex-wrap:wrap}.roster .why{margin-top:0}.roster .col-extra{display:none}}.questions{gap:12px;padding-top:4px}.qa-card{background:var(--surface);border-radius:20px;padding:14px 18px;display:flex;flex-direction:column;gap:6px;border:2px solid var(--line)}.qa-card.waiting{border-style:dashed}.qa-meta{margin:0;font-size:14px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.qa-line{margin:0;font-size:15px;font-weight:700;color:var(--muted);overflow-wrap:anywhere}.qa-context{margin:0;font-size:15px;font-weight:700;overflow-wrap:anywhere}.qa-q{margin:0;font-size:18px;font-weight:800;line-height:1.35;white-space:pre-line;overflow-wrap:anywhere}.qa-a{background:var(--accent-tint);border-radius:14px;padding:10px 14px;display:flex;flex-direction:column;gap:4px}.qa-a p{margin:0;font-size:17px;font-weight:600;line-height:1.4;white-space:pre-line;overflow-wrap:anywhere}.qa-by{font-size:14px;font-weight:800;color:var(--accent-hover)}.qa-wait{margin:0;font-size:15px;font-weight:700;color:var(--muted)}.qa-h2{margin:12px 0 0;font-size:20px;font-weight:900}.qa-flag-note{margin:0;font-size:15px;font-weight:700;color:var(--wrong-ink)}.red{color:var(--suit-red)}.class-questions{align-self:stretch;display:flex;flex-direction:column;gap:12px}.class-questions .qa-card{align-self:stretch}.qa-answer{display:flex;flex-direction:column;gap:8px;margin-top:4px}.qa-answer textarea{border-radius:14px;border:2px solid var(--line-strong);background:var(--surface);padding:10px 14px;font-family:inherit;font-size:17px;color:var(--ink);width:100%;resize:vertical;min-height:80px}.qa-answer textarea:focus,.qa-flag input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-tint)}.qa-btns{display:flex;flex-wrap:wrap;gap:10px}.qa-btns .btn{min-height:48px;font-size:16px;padding:0 20px}.qa-flag{display:flex;flex-direction:column;gap:8px}.qa-flag summary{min-height:44px;display:flex;align-items:center;font-weight:800;cursor:pointer;color:var(--muted)}.qa-flag input{min-height:48px;border-radius:14px;border:2px solid var(--line-strong);background:var(--surface);padding:0 14px;font-family:inherit;font-size:16px;color:var(--ink);width:100%}.qa-flagged{margin:0;font-size:15px;font-weight:800;color:var(--wrong-ink)}.qa-status{margin:0;min-height:20px;font-size:15px;font-weight:700;color:var(--muted)}.qa-done summary{min-height:44px;display:flex;align-items:center;font-size:18px;font-weight:900;cursor:pointer}.qa-done .qa-card{margin-top:10px}.flow.info{max-width:640px;gap:22px}.info .lead{font-size:17px}.info-item{display:flex;flex-direction:column;gap:8px}.info-item h2{margin:0;font-size:21px;font-weight:900}.info-item p,.info-item li{margin:0;font-size:17px;line-height:1.55}.info-item ul{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px}.info-item a{font-weight:800;overflow-wrap:anywhere}.options .lead{margin-top:-16px}.opt-list{display:flex;flex-direction:column;gap:22px}.opt{margin:0;padding:0;border:0;min-width:0;display:flex;flex-direction:column;gap:8px}.opt-title{padding:0;margin:0 0 4px;font-size:18px;font-weight:900}.opt-choice{display:flex;align-items:center;gap:14px;min-height:56px;padding:8px 16px;border-radius:16px;background:var(--surface);border:3px solid var(--line);cursor:pointer}.opt-choice:has(input:checked){border-color:var(--accent)}.opt-choice:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.opt-choice input{width:22px;height:22px;margin:0;flex-shrink:0;accent-color:var(--accent);cursor:pointer}.opt-choice input:focus-visible{outline:none}.opt-words{display:flex;flex-direction:column;gap:1px}.opt-label{font-size:17px;font-weight:800}.opt-sub{font-size:14px;font-weight:600;color:var(--muted)}