:root{--bg-0: #0a1210;--bg-1: #0e1a16;--panel: rgba(22, 33, 30, .72);--panel-solid: #16211e;--panel-2: rgba(33, 48, 44, .7);--hairline: rgba(255, 255, 255, .08);--hairline-strong: rgba(255, 255, 255, .14);--felt-0: #1c7a52;--felt-1: #0f5236;--felt-edge: #08311f;--ink: #eef4f1;--muted: #9db0a8;--faint: #6f827b;--gold: #e8b86d;--gold-bright: #f6cf8c;--gold-deep: #b88a44;--teal: #57c8c0;--good: #46cf86;--bad: #ff6f6f;--info: #6cb6ff;--card-red: #d4233b;--card-black: #20272b;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 10px 30px rgba(0, 0, 0, .4);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .5);--ring: 0 0 0 2px rgba(232, 184, 109, .7), 0 0 0 5px rgba(232, 184, 109, .18);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Sora", "Inter", system-ui, sans-serif;--app-bg: radial-gradient(1100px 700px at 18% -8%, rgba(43, 130, 96, .18), transparent 60%), radial-gradient(1000px 800px at 100% 0%, rgba(60, 120, 180, .1), transparent 55%), linear-gradient(180deg, var(--bg-1), var(--bg-0));--nav-bg: linear-gradient(180deg, rgba(10, 18, 15, .85), rgba(10, 18, 15, .6));--table-bg: radial-gradient(60% 50% at 50% 8%, rgba(255, 255, 255, .06), transparent 60%), radial-gradient(140% 130% at 50% 16%, var(--felt-0), var(--felt-1) 52%, var(--felt-edge) 100%);--table-rim: rgba(232, 184, 109, .16);--table-ring: rgba(232, 184, 109, .16);--watermark: rgba(255, 255, 255, .035);--glass: rgba(6, 12, 10, .5);--glass-strong: rgba(6, 12, 10, .62);--btn-bg: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02));--btn-bg-hover: linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .04));--btn-border: var(--hairline-strong);--input-bg: rgba(255, 255, 255, .04);--modal-bg: linear-gradient(180deg, rgba(28, 42, 38, .96), rgba(18, 28, 25, .96));--overlay-bg: rgba(5, 9, 8, .66);--seat-blur: 8px;color-scheme:dark;font-family:var(--font)}[data-theme=elegant]{--bg-0: #eef1f5;--bg-1: #f7f8fb;--panel: rgba(255, 255, 255, .82);--panel-solid: #ffffff;--panel-2: rgba(244, 247, 250, .9);--hairline: rgba(18, 33, 28, .1);--hairline-strong: rgba(18, 33, 28, .18);--ink: #1b2a26;--muted: #5d6f69;--faint: #8a9a94;--gold: #c79a4e;--gold-bright: #e0b768;--gold-deep: #9c7430;--card-red: #cf2238;--card-black: #1c2326;--shadow-sm: 0 1px 4px rgba(30, 45, 60, .1);--shadow-md: 0 12px 30px rgba(30, 45, 60, .14);--shadow-lg: 0 24px 60px rgba(30, 45, 60, .18);--ring: 0 0 0 2px rgba(199, 154, 78, .8), 0 0 0 5px rgba(199, 154, 78, .18);--app-bg: radial-gradient(1100px 700px at 12% -10%, rgba(70, 160, 120, .1), transparent 60%), radial-gradient(1000px 800px at 100% 0%, rgba(120, 150, 200, .08), transparent 55%), linear-gradient(180deg, #fbfcfe, #eef2f6);--nav-bg: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .7));--table-bg: radial-gradient(70% 60% at 50% 6%, rgba(255, 255, 255, .9), transparent 55%), radial-gradient(140% 130% at 50% 18%, #e8efe9, #dde8e1 55%, #cfdcd4 100%);--table-rim: rgba(199, 154, 78, .4);--table-ring: rgba(120, 140, 130, .28);--watermark: rgba(40, 70, 60, .05);--glass: rgba(255, 255, 255, .72);--glass-strong: rgba(255, 255, 255, .85);--btn-bg: #ffffff;--btn-bg-hover: #f1f4f8;--btn-border: rgba(18, 33, 28, .16);--input-bg: rgba(255, 255, 255, .9);--modal-bg: linear-gradient(180deg, #ffffff, #f5f7fa);--overlay-bg: rgba(40, 55, 70, .35);color-scheme:light}[data-theme=futuristic]{--bg-0: #04060d;--bg-1: #070b16;--panel: rgba(18, 28, 44, .5);--panel-solid: #0b1322;--panel-2: rgba(30, 44, 66, .5);--hairline: rgba(130, 200, 255, .14);--hairline-strong: rgba(130, 200, 255, .26);--ink: #e9f4ff;--muted: #93a7c4;--faint: #5f718c;--gold: #38e6d4;--gold-bright: #7df9ec;--gold-deep: #1aa9a0;--good: #4ce6a0;--bad: #ff6b9d;--info: #6cb6ff;--card-red: #e0354f;--card-black: #1a2430;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .45);--shadow-md: 0 12px 34px rgba(0, 0, 0, .5);--shadow-lg: 0 26px 64px rgba(0, 0, 0, .6);--ring: 0 0 0 2px rgba(56, 230, 212, .7), 0 0 0 6px rgba(56, 230, 212, .18);--app-bg: radial-gradient(1000px 700px at 14% -8%, rgba(40, 200, 220, .14), transparent 58%), radial-gradient(1000px 800px at 92% 4%, rgba(150, 80, 240, .14), transparent 55%), radial-gradient(900px 700px at 50% 120%, rgba(40, 120, 220, .12), transparent 60%), linear-gradient(180deg, #070b16, #04060d);--nav-bg: linear-gradient(180deg, rgba(8, 14, 26, .8), rgba(8, 14, 26, .55));--table-bg: radial-gradient(46% 42% at 50% 44%, rgba(56, 230, 212, .12), transparent 62%), radial-gradient(120% 120% at 50% 12%, rgba(20, 40, 64, .7), rgba(8, 14, 26, .92) 60%, #05080f 100%);--table-rim: rgba(56, 230, 212, .32);--table-ring: rgba(56, 230, 212, .3);--watermark: rgba(56, 230, 212, .05);--glass: rgba(255, 255, 255, .05);--glass-strong: rgba(255, 255, 255, .08);--btn-bg: rgba(255, 255, 255, .05);--btn-bg-hover: rgba(255, 255, 255, .1);--btn-border: rgba(130, 200, 255, .26);--input-bg: rgba(255, 255, 255, .05);--modal-bg: linear-gradient(180deg, rgba(16, 26, 42, .92), rgba(10, 16, 28, .94));--overlay-bg: rgba(3, 6, 12, .7);--seat-blur: 14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--app-bg);background-attachment:fixed;color:var(--ink);transition:color .3s ease;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:.1px}::selection{background:#e8b86d47}a{color:var(--gold);text-decoration:none;transition:color .15s ease}a:hover{color:var(--gold-bright)}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:99px;border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:#ffffff42;background-clip:content-box}button{font:inherit;font-weight:600;cursor:pointer;border:1px solid var(--btn-border);border-radius:12px;padding:.6rem 1.05rem;background:var(--btn-bg);color:var(--ink);transition:transform .08s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease,opacity .15s ease}button:hover:not(:disabled){background:var(--btn-bg-hover);border-color:var(--hairline-strong)}button:active:not(:disabled){transform:translateY(1px) scale(.99)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible{outline:none;box-shadow:var(--ring)}button.primary{background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#2a1c06;border-color:#00000026;font-weight:800;box-shadow:0 6px 18px #e8b86d47,inset 0 1px #ffffff80}button.primary:hover:not(:disabled){background:linear-gradient(180deg,#ffdca0,var(--gold-bright));box-shadow:0 10px 26px #e8b86d61,inset 0 1px #fff9}button.ghost{background:transparent;border-color:var(--hairline-strong)}button.ghost:hover:not(:disabled){background:#ffffff0d}button.danger{background:linear-gradient(180deg,#ff6f6f2e,#ff6f6f14);border-color:#ff6f6f66;color:#ffd9d9}.app-shell{height:100dvh;display:flex;flex-direction:column}.app-main{flex:1 1 auto;min-height:0;overflow-y:auto}.nav{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;background:var(--nav-bg);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--hairline);position:sticky;top:0;z-index:40}.nav .brand{font-family:var(--font-display);font-weight:800;letter-spacing:-.01em;font-size:1.18rem;display:inline-flex;align-items:center;gap:.5rem;color:var(--ink)}.nav .brand:before{content:"";width:22px;height:22px;border-radius:7px;background:radial-gradient(circle at 30% 30%,var(--gold-bright),var(--gold-deep));box-shadow:0 2px 8px #e8b86d73,inset 0 0 0 1px #ffffff4d}.nav .brand .cn{color:var(--gold);font-weight:700;margin-left:-.15rem}.nav .spacer{flex:1}.nav a{color:var(--muted);font-weight:600;font-size:.95rem;padding:.45rem .2rem;position:relative;transition:color .15s ease}.nav a:hover,.nav a.active{color:var(--ink)}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold-bright));border-radius:2px}.container{width:min(1140px,100%);margin:0 auto;padding:1.5rem}.theme-switch{display:inline-flex;gap:7px;align-items:center;margin-left:.5rem;padding-left:1rem;border-left:1px solid var(--hairline)}.theme-switch .theme-dot{width:24px;height:24px;border-radius:8px;padding:0;border:1px solid var(--hairline-strong);cursor:pointer;transition:transform .12s ease,box-shadow .18s ease}.theme-switch .theme-dot:hover{transform:translateY(-2px)}.theme-switch .theme-dot.on{box-shadow:0 0 0 2px var(--gold),var(--shadow-sm)}.theme-switch .theme-dot.classic{background:radial-gradient(circle at 32% 28%,#2a9c6a,#0a3d28)}.theme-switch .theme-dot.elegant{background:radial-gradient(circle at 32% 28%,#fff,#d6e0da)}.theme-switch .theme-dot.futuristic{background:radial-gradient(circle at 30% 28%,#7df9ec,#2fb6c8 45%,#6a3cf0)}@media (max-width: 640px){.theme-switch{padding-left:.5rem;margin-left:.25rem}}.card-tile{position:relative;width:var(--cw, 50px);height:var(--ch, 70px);border-radius:9px;background:linear-gradient(160deg,#fff,#f3f5f8 62%,#e7ebf0);box-shadow:var(--shadow-sm),inset 0 0 0 1px #fff9;border:1px solid #cdd4dd;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;justify-content:space-between;padding:5px 6px;font-weight:800;flex:0 0 auto;transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease,filter .16s ease}.card-tile.red{color:var(--card-red)}.card-tile.black{color:var(--card-black)}.card-tile .corner{font-size:.84rem;line-height:.92;letter-spacing:-.02em;display:flex;flex-direction:column;align-items:center;width:max-content}.card-tile .corner div{font-size:.72rem}.card-tile .corner.bottom{align-self:flex-end;transform:rotate(180deg)}.card-tile .pip{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:1.7rem;opacity:.9;filter:drop-shadow(0 1px 0 rgba(0,0,0,.06))}.card-tile.joker .pip{font-size:.62rem;font-weight:900;letter-spacing:1.5px;opacity:.85}.card-tile.joker{background:linear-gradient(160deg,#fffdf6,#fdf0d8 70%,#f6e2bd)}.card-tile.selectable{cursor:pointer}.card-tile.selectable:hover{box-shadow:var(--shadow-md);filter:brightness(1.03)}.card-tile.selected{box-shadow:0 0 0 2.5px var(--gold),0 18px 34px #00000080}.card-tile.hinted{box-shadow:0 0 0 2.5px var(--info),0 14px 28px #00000073}.drill-box .card-tile.selectable:hover{transform:translateY(-8px);z-index:5}.drill-box .card-tile.selected{transform:translateY(-14px);z-index:5}.card-tile.wild:after{content:"★";position:absolute;top:2px;right:3px;font-size:.62rem;color:var(--gold-deep);filter:drop-shadow(0 0 4px rgba(232,184,109,.6))}.card-tile.back{background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.12),transparent 45%),repeating-linear-gradient(45deg,#2f5a86 0,#2f5a86 7px,#244a72 7px,#244a72 14px);border-color:#1a3050;box-shadow:var(--shadow-sm),inset 0 0 0 1px #ffffff1f,inset 0 0 0 4px #ffffff0d}.card-tile.back:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:5px;border:1px solid rgba(255,255,255,.18)}.card-row{display:flex}.table-wrap{position:relative;background:radial-gradient(120% 130% at 50% 18%,var(--felt-0),var(--felt-1) 58%,var(--felt-edge) 100%);border:1px solid rgba(0,0,0,.5);border-radius:26px;box-shadow:inset 0 2px 30px #ffffff0f,inset 0 -30px 80px #00000073,0 30px 70px #00000080;min-height:480px;padding:1.25rem;overflow:hidden;isolation:isolate}.table-wrap:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:20px;border:1.5px solid rgba(232,184,109,.22);box-shadow:inset 0 0 60px #00000059;pointer-events:none}.seat{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--ink);z-index:2}.seat .avatar{display:flex;align-items:center;gap:8px;background:var(--glass);padding:6px 12px 6px 7px;border-radius:999px;border:1px solid var(--hairline);font-weight:700;font-size:.86rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow-sm)}.seat .avatar .dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 8px currentColor}.seat.turn .avatar{border-color:#e8b86da6;box-shadow:0 0 0 1px var(--gold),0 0 22px #e8b86d66;animation:turnPulse 1.8s ease-in-out infinite}.seat .count{font-size:.72rem;color:#cfe3da;opacity:.85}.seat.partner .avatar .dot{color:var(--good);background:var(--good)}.seat.opp .avatar .dot{color:var(--bad);background:var(--bad)}.seat.me .avatar .dot{color:var(--info);background:var(--info)}.seat.top{top:14px;left:50%;transform:translate(-50%)}.seat.left{left:16px;top:50%;transform:translateY(-50%)}.seat.right{right:16px;top:50%;transform:translateY(-50%)}.seat.bottom{bottom:10px;left:50%;transform:translate(-50%)}.avatar-badge{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.7rem;font-weight:800;background:linear-gradient(180deg,#ffffff2e,#ffffff0d);border:1px solid var(--hairline-strong);color:var(--ink)}.mini-back{width:17px;height:24px;border-radius:4px;background:repeating-linear-gradient(45deg,#2f5a86 0,#2f5a86 5px,#244a72 5px,#244a72 10px);border:1px solid #1a3050;box-shadow:var(--shadow-sm)}.mini-fan{display:flex}.mini-fan .mini-back:not(:first-child){margin-left:-11px}.trick-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;min-width:240px;z-index:2}.trick-center .label{font-size:.72rem;color:#d8ffe9;opacity:.7;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.trick-center .pile{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.trick-center .pile.pop{animation:pilePop .28s cubic-bezier(.2,.9,.3,1.2)}.trick-center .passed{color:#d4ece0;font-style:italic;opacity:.65;font-size:.9rem}.played-by{font-size:.74rem;color:#eafff4;opacity:.85;font-weight:600}.play-layout{display:grid;grid-template-columns:1fr 320px;gap:1.25rem;align-items:start}@media (max-width: 960px){.play-layout{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--hairline);border-radius:var(--r-md);padding:1rem 1.1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.panel h3{margin:0 0 .7rem;font-size:.78rem;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);font-family:var(--font);font-weight:700}.levels{display:flex;gap:.75rem}.level-card{flex:1;text-align:center;padding:.7rem;border-radius:12px;background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid var(--hairline);position:relative;overflow:hidden}.level-card .big{font-size:1.8rem;font-weight:900;font-family:var(--font-display);line-height:1.1}.level-card.us{border-color:#46cf8659;box-shadow:inset 0 0 22px #46cf8614}.level-card.them{border-color:#ff6f6f52;box-shadow:inset 0 0 22px #ff6f6f12}.level-card .who{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:2px}.level-card.us .big{color:#8af0b8}.level-card.them .big{color:#ff9f9f}.log{max-height:240px;overflow-y:auto;font-size:.84rem;display:flex;flex-direction:column;gap:3px}.log .row{color:var(--muted);padding:1px 0}.log .row.me{color:var(--ink);font-weight:600}.coach{background:linear-gradient(180deg,#244a3480,#16211e99);border-color:#46cf8640}.coach .tip{font-size:.9rem;line-height:1.5;color:#d7e7df}.coach .tip b{color:var(--gold-bright)}.controls{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:.9rem;background:var(--panel);border:1px solid var(--hairline);border-radius:var(--r-md);padding:.7rem .85rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.controls .preview{margin-left:auto;color:var(--muted);font-size:.86rem}.controls .err{margin-left:auto;color:#ffb4b4;font-size:.86rem;font-weight:600}.hand-area{margin-top:1.1rem}.hand-area .hand-row{display:flex;flex-wrap:nowrap;gap:0;padding:30px 8px 14px;justify-content:center;min-height:104px}.hand-area .hand-row .card-tile{animation:dealIn .45s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--i, 0) * 18ms)}.hero{text-align:center;padding:3.5rem 1rem 1.5rem;position:relative}.hero h1{font-size:clamp(2.2rem,5vw,3.4rem);margin:0 0 .6rem;line-height:1.05}.hero h1 .cn{background:linear-gradient(180deg,var(--gold-bright),var(--gold-deep));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--muted);max-width:660px;margin:.5rem auto;line-height:1.6;font-size:1.02rem}.cta-row{display:flex;gap:.7rem;justify-content:center;margin-top:1.6rem;flex-wrap:wrap}.card-fan{display:flex;justify-content:center;margin:1.5rem auto 0;height:120px;perspective:800px}.card-fan .card-tile{margin-left:-22px;transform-origin:bottom center;box-shadow:var(--shadow-md)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:1rem;margin-top:1.75rem}.feature{background:var(--panel);border:1px solid var(--hairline);border-radius:var(--r-md);padding:1.2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.feature:hover{transform:translateY(-3px);border-color:var(--hairline-strong);box-shadow:var(--shadow-md)}.feature h3{margin:0 0 .45rem;font-size:1.08rem}.feature p{color:var(--muted);margin:0;line-height:1.55;font-size:.93rem}.feature .ico{font-size:1.5rem;margin-bottom:.5rem;display:block}.fade-up{animation:fadeUp .5s cubic-bezier(.2,.8,.2,1) backwards}.badge{display:inline-block;font-size:.7rem;padding:.16rem .55rem;border-radius:999px;background:#ffffff0f;color:var(--muted);border:1px solid var(--hairline);font-weight:600}.badge.done{background:#46cf8629;color:#8af0b8;border-color:#46cf8659}.badge.locked{opacity:.6}.setup-row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin:.5rem 0 1.1rem}.seg{display:inline-flex;background:var(--input-bg);border-radius:12px;padding:4px;border:1px solid var(--hairline);gap:2px}.seg button{background:transparent;border:none;padding:.42rem .85rem;border-radius:9px;font-weight:600;color:var(--muted)}.seg button:hover:not(.on){color:var(--ink);background:#ffffff0a}.seg button.on{background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#2a1c06;font-weight:800;box-shadow:0 4px 12px #e8b86d4d}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:60;padding:1rem;animation:fadeIn .2s ease}.modal{background:var(--modal-bg);border:1px solid var(--hairline-strong);border-radius:var(--r-lg);padding:1.8rem;max-width:480px;width:100%;text-align:center;box-shadow:var(--shadow-lg);animation:modalIn .32s cubic-bezier(.2,.9,.3,1.1)}.modal h2{margin:0 0 .7rem;font-size:1.5rem}.modal p{color:var(--muted);line-height:1.55}.lesson-list{display:flex;flex-direction:column;gap:.55rem;margin-top:1rem}.lesson-item{display:flex;align-items:center;gap:.9rem;background:var(--panel);border:1px solid var(--hairline);border-radius:12px;padding:.8rem 1rem;transition:transform .16s ease,border-color .16s ease,background .16s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lesson-item:hover{transform:translate(4px);border-color:var(--hairline-strong);background:var(--panel-2)}.lesson-item .num{width:30px;height:30px;border-radius:50%;background:#ffffff0d;display:grid;place-items:center;font-weight:800;font-size:.86rem;border:1px solid var(--hairline);flex:0 0 auto}.lesson-item .num.done{background:#46cf8629;color:#8af0b8;border-color:#46cf8666}.lesson-item .meta{flex:1}.lesson-item .meta .t{font-weight:700}.lesson-item .meta .d{color:var(--muted);font-size:.85rem}.lesson-body{line-height:1.7}.lesson-body h2{margin-top:0}.lesson-body p,.lesson-body li{color:#cfdbd5}.lesson-body code{background:#ffffff12;padding:.1rem .4rem;border-radius:6px;color:var(--gold-bright);font-size:.9em}.lesson-body .callout{background:linear-gradient(180deg,#e8b86d14,#ffffff05);border-left:3px solid var(--gold);padding:.7rem 1rem;border-radius:0 10px 10px 0;margin:1rem 0;color:#e7efe9}.drill-box{background:linear-gradient(180deg,#1c2a26b3,#121c19b3);border:1px solid var(--hairline-strong);border-radius:var(--r-md);padding:1.1rem;margin-top:1.2rem}.drill-status{margin-top:.7rem;font-weight:700}.drill-status.ok{color:#8af0b8}.drill-status.no{color:#ffb4b4}.steps{display:flex;gap:.45rem;flex-wrap:wrap;margin:.5rem 0 1.2rem}.step-dot{width:11px;height:11px;border-radius:50%;background:#ffffff1f;transition:background .2s ease,transform .2s ease}.step-dot.on{background:var(--gold);transform:scale(1.25);box-shadow:0 0 10px #e8b86d99}.step-dot.done{background:var(--good)}.ref-section{margin-bottom:1.5rem}.ref-table{width:100%;border-collapse:collapse}.ref-table th,.ref-table td{text-align:left;padding:.6rem .7rem;border-bottom:1px solid var(--hairline);vertical-align:top}.ref-table th{color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.6px}.ref-table tr:hover td{background:#ffffff05}.kbd-hint{color:var(--muted);font-size:.82rem;margin-top:.5rem}.inline-cards{display:inline-flex;gap:3px;vertical-align:middle;margin:0 5px}.ic{display:inline-block;padding:1px 6px;border-radius:6px;background:linear-gradient(160deg,#fff,#eef1f5);border:1px solid #cdd4dd;font-weight:800;font-size:.78rem;line-height:1.4;vertical-align:middle;box-shadow:0 1px 3px #00000040}.ic.red{color:var(--card-red)}.ic.black{color:var(--card-black)}.ic.wild{box-shadow:0 0 0 2px var(--gold) inset,0 1px 3px #00000040}.text-input{width:100%;padding:.7rem .9rem;border-radius:12px;border:1px solid var(--hairline-strong);background:var(--input-bg);color:var(--ink);font:inherit;transition:border-color .16s ease,box-shadow .16s ease}.text-input::placeholder{color:var(--faint)}.text-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #e8b86d2e}.room-code{font-family:var(--font-display);font-size:2rem;font-weight:800;letter-spacing:8px;color:var(--gold-bright);background:#e8b86d14;border:1px dashed rgba(232,184,109,.45);border-radius:14px;padding:.5rem 1.1rem .5rem 1.5rem;display:inline-block}.copy-code{display:inline-flex;align-items:center;gap:.6rem}.lobby-seats{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:1rem 0}@media (max-width: 560px){.lobby-seats{grid-template-columns:1fr}}.lobby-seat{display:flex;align-items:center;gap:.7rem;background:var(--panel);border:1px solid var(--hairline);border-radius:12px;padding:.7rem .9rem;position:relative;overflow:hidden}.lobby-seat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.lobby-seat.t0:before{background:linear-gradient(180deg,var(--good),#2f9d65)}.lobby-seat.t1:before{background:linear-gradient(180deg,var(--bad),#c9484a)}.lobby-seat .role{margin-left:auto;font-size:.74rem;color:var(--muted);text-align:right}.lobby-seat.empty{opacity:.7}.turn-banner{font-weight:700;padding:.45rem .9rem;border-radius:10px;background:#ffffff0d;border:1px solid var(--hairline);display:inline-block}.turn-banner.you{background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#2a1c06;border-color:transparent;box-shadow:0 4px 14px #e8b86d59;animation:turnPulse 1.8s ease-in-out infinite}.toast-wrap{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:80;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{background:linear-gradient(180deg,#281818f5,#1c1212f5);border:1px solid rgba(255,111,111,.4);color:#ffd9d9;padding:.7rem 1.1rem;border-radius:12px;font-weight:600;font-size:.9rem;box-shadow:var(--shadow-md);animation:toastIn .25s ease}.table-screen{position:relative;width:100%;height:100%;background:var(--table-bg);overflow:hidden;isolation:isolate}.table-screen:before{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:30px;border:1.5px solid var(--table-rim);box-shadow:inset 0 0 140px #00000080,inset 0 2px 50px #ffffff0a;pointer-events:none;z-index:1}.table-screen:after{content:"掼蛋";position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-weight:800;font-size:clamp(120px,22vw,300px);color:var(--watermark);letter-spacing:.1em;pointer-events:none;z-index:0;-webkit-user-select:none;user-select:none}.trick2:before{content:"";position:absolute;width:270px;height:270px;border-radius:50%;border:1px dashed var(--table-ring);box-shadow:inset 0 0 60px #00000040;z-index:-1}.hud{position:absolute;z-index:8;display:flex;gap:.6rem;align-items:center}.hud-tl{top:20px;left:24px}.hud-tr{top:20px;right:24px}.score-chip{display:flex;align-items:center;gap:.7rem;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--hairline);border-radius:16px;padding:.5rem .85rem;box-shadow:var(--shadow-md)}.score-chip .team{text-align:center;line-height:1}.score-chip .team .lbl{font-size:.6rem;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);display:block;margin-bottom:3px}.score-chip .team .lvl{font-family:var(--font-display);font-size:1.45rem;font-weight:800}.score-chip .team.us .lvl{color:#8af0b8}.score-chip .team.them .lvl{color:#ff9f9f}.score-chip .vs{color:var(--faint);font-size:.7rem;font-weight:700}.score-chip .meta{border-left:1px solid var(--hairline);padding-left:.7rem;font-size:.7rem;color:var(--muted);line-height:1.35}.score-chip .meta b{color:var(--ink)}.hud-tr .seg{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hud-tr .room-pill{font-family:var(--font-display);letter-spacing:3px;font-weight:800;color:var(--gold-bright);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(232,184,109,.3);border-radius:12px;padding:.45rem .8rem}.seat2{position:absolute;z-index:5;display:flex;flex-direction:column;align-items:center;gap:7px}.seat2.top{top:26px;left:50%;transform:translate(-50%)}.seat2.left{left:34px;top:43%;transform:translateY(-50%)}.seat2.right{right:34px;top:43%;transform:translateY(-50%)}.seat2 .who{display:flex;align-items:center;gap:8px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--hairline);border-radius:999px;padding:6px 13px 6px 7px;font-weight:700;font-size:.9rem;box-shadow:var(--shadow-sm);transition:box-shadow .25s ease,border-color .25s ease}.seat2.turn .who{border-color:#e8b86d99;box-shadow:0 0 0 1px var(--gold),0 0 26px #e8b86d73;animation:turnPulse 1.9s ease-in-out infinite}.seat2 .seat-count{font-size:.72rem;color:#cfe3da;opacity:.8}.seat2.partner .avatar-badge{box-shadow:0 0 0 2px #46cf8680 inset}.seat2.opp .avatar-badge{box-shadow:0 0 0 2px #ff6f6f73 inset}.seat2.me .avatar-badge{box-shadow:0 0 0 2px #6cb6ff80 inset}.trick2{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:200px;min-height:110px;justify-content:center}.trick2 .pile{display:flex;gap:4px;justify-content:center}.trick2 .pile.pop{animation:pilePop .3s cubic-bezier(.2,.9,.3,1.2)}.trick2 .trick-meta{font-size:.8rem;color:#eafff4;opacity:.9;font-weight:600}.trick2 .trick-empty{font-size:.95rem;color:#d4ece0;opacity:.6;font-style:italic}.bottom-bar{position:absolute;left:0;right:0;bottom:172px;z-index:7;display:flex;align-items:flex-end;justify-content:space-between;padding:0 28px;gap:1rem;pointer-events:none}.bottom-bar>*{pointer-events:auto}.you-chip{display:flex;align-items:center;gap:9px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--hairline);border-radius:999px;padding:7px 15px 7px 8px;font-weight:700;box-shadow:var(--shadow-sm)}.you-chip.turn{border-color:#e8b86d99;box-shadow:0 0 0 1px var(--gold),0 0 26px #e8b86d73;animation:turnPulse 1.9s ease-in-out infinite}.you-chip .sub{font-size:.72rem;color:var(--muted);font-weight:500}.action-bar{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.action-bar .ab-preview{font-size:.85rem;color:var(--muted);min-height:1.1em}.action-bar .ab-preview.ok{color:var(--gold-bright);font-weight:600}.action-bar .ab-buttons{display:flex;gap:.5rem;align-items:center;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--hairline);border-radius:16px;padding:.5rem}.action-bar.active .ab-buttons{border-color:#e8b86d59}.hand-dock{position:absolute;left:0;right:0;bottom:0;z-index:6;padding-bottom:6px}.table-screen .hand-area{margin:0}.table-screen .hand-row{padding:34px 12px 10px}@media (max-width: 720px){.seat2.left{left:8px}.seat2.right{right:8px}.bottom-bar{bottom:150px;padding:0 12px;flex-direction:column-reverse;align-items:stretch;gap:.5rem}.action-bar{align-items:stretch}.hud-tl,.hud-tr{top:12px}.hud-tl{left:12px}.hud-tr{right:12px}}@keyframes turnPulse{0%,to{box-shadow:0 0 0 1px var(--gold),0 0 18px #e8b86d4d}50%{box-shadow:0 0 0 1px var(--gold),0 0 30px #e8b86d8c}}@keyframes pilePop{0%{transform:scale(.82);opacity:.4}to{transform:scale(1);opacity:1}}@keyframes dealIn{0%{transform:translateY(26px) rotate(-4deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}@keyframes fadeUp{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{transform:translateY(16px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes toastIn{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}