:root{--bg: #f5f3ee;--surface: #ffffff;--surface-2: #f1efe9;--line: rgba(24, 26, 32, .08);--line-2: rgba(24, 26, 32, .14);--ink: #1a1c21;--ink-2: #3b3f47;--muted: #6d717a;--accent: #e23d4b;--accent-2: #c42a38;--accent-soft: rgba(226, 61, 75, .1);--good: #238b57;--good-soft: rgba(35, 139, 87, .1);--card: #ffffff;--card-edge: rgba(24, 26, 32, .13);--card-red: #d7263d;--card-black: #1a1c21;--felt: #e3ece5;--felt-2: #d6e3d9;--shadow-sm: 0 1px 2px rgba(20, 24, 32, .06), 0 1px 1px rgba(20, 24, 32, .04);--shadow: 0 1px 2px rgba(20, 24, 32, .05), 0 8px 24px rgba(20, 24, 32, .08);--shadow-lg: 0 2px 6px rgba(20, 24, 32, .06), 0 22px 48px rgba(20, 24, 32, .12);--display: "Bricolage Grotesque", "DM Sans", ui-sans-serif, system-ui, sans-serif;--ui: "DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--radius: 16px;color-scheme:light}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 var(--ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{min-height:100%}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.muted{color:var(--muted)}.center{text-align:center}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.row.center{justify-content:center}.room-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 80% 60% at 50% 32%,#fff,#fff0 70%),var(--bg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:11px;background:var(--surface);border:1px solid var(--line-2);color:var(--ink);font-weight:600;letter-spacing:.005em;box-shadow:var(--shadow-sm);transition:transform .12s ease,background .15s ease,box-shadow .15s ease,opacity .15s,border-color .15s}.btn:hover:not(:disabled){background:#fafaf8;border-color:#181a2038;transform:translateY(-1px)}.btn:disabled{opacity:.45}.btn.small{padding:6px 11px;font-size:13px;border-radius:9px}.btn.big{padding:13px 26px;font-size:17px;border-radius:13px}.btn.ghost{background:transparent;box-shadow:none}.btn.ghost:hover:not(:disabled){background:var(--surface)}.btn.danger{color:var(--accent-2);border-color:#e23d4b59}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 1px 2px #c42a3840,0 6px 16px #e23d4b38}.btn.primary:hover:not(:disabled){background:var(--accent-2);border-color:var(--accent-2)}.btn.primary:disabled{opacity:.35;box-shadow:none}.link-btn{background:none;border:0;color:var(--accent);padding:0;font-weight:600;text-decoration:underline;text-underline-offset:3px}.icon-btn{background:none;border:0;color:var(--muted);padding:4px 6px;border-radius:6px;line-height:1}.icon-btn:hover{color:var(--ink);background:var(--surface-2)}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:12.5px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2);white-space:nowrap}.chip.strong{color:var(--ink);font-weight:700;background:var(--surface)}.chip.gold{color:#fff;background:var(--ink);border-color:transparent;font-weight:700}.chip.hearts-on{color:var(--accent-2);border-color:#e23d4b4d;background:var(--accent-soft)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;font-weight:700}.card{--cw: 80px;position:relative;display:block;flex:none;width:var(--cw);height:calc(var(--cw) * 1.4);border-radius:calc(var(--cw) * .09);font-family:var(--ui);user-select:none;-webkit-user-select:none}.card.face{background:var(--card);box-shadow:0 0 0 1px var(--card-edge),0 1px 2px #14182014,0 4px 12px #14182014;color:var(--card-black);overflow:hidden}.card.red{color:var(--card-red)}.card .idx{position:absolute;display:flex;flex-direction:column;align-items:center;gap:calc(var(--cw) * .035);line-height:1}.card .idx.tl{top:6%;left:7%}.card .idx.br{bottom:6%;right:7%;transform:rotate(180deg)}.card .idx b{font-size:calc(var(--cw) * .2);font-weight:700;letter-spacing:-.05em;line-height:1}.card .idx i{font-style:normal;font-size:calc(var(--cw) * .15);line-height:1}.card .pips{position:absolute;inset:15% 21%}.card .pips i{position:absolute;font-style:normal;font-size:calc(var(--cw) * .2);line-height:1;transform:translate(-50%,-50%)}.card .pips i.flip{transform:translate(-50%,-50%) rotate(180deg)}.card .ace{position:absolute;inset:0;display:grid;place-items:center;font-size:calc(var(--cw) * .5);line-height:1}.card .court-mark{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--cw) * .05)}.card .court-mark b{font-size:calc(var(--cw) * .42);font-weight:700;line-height:1;letter-spacing:-.03em}.card .court-mark i{font-style:normal;font-size:calc(var(--cw) * .2);line-height:1}.card.back{background:var(--accent);box-shadow:0 0 0 calc(var(--cw) * .05) #fff inset,0 0 0 calc(var(--cw) * .05 + 1px) #fff6 inset,0 0 0 1px var(--card-edge),0 2px 6px #1418201f;display:grid;place-items:center}.card.back .emblem{color:#fff;font-size:calc(var(--cw) * .3);opacity:.9}.card.back.mini{--cw: 24px;position:absolute;left:-12px;top:-17px}.card.back.mini .emblem{display:none}.table-wrap{position:relative;width:100%;flex:1 1 auto;min-height:300px;--tw: clamp(40px, min(5.8vw, 9.8vh), 80px)}.rail{position:absolute;inset:12% 9.5%;border-radius:50%;background:var(--surface);box-shadow:0 0 0 1px var(--line),var(--shadow-lg)}.felt{position:absolute;inset:3.5% 2.2%;border-radius:50%;background:radial-gradient(ellipse 70% 65% at 50% 42%,var(--felt) 0%,var(--felt-2) 100%);box-shadow:inset 0 0 0 1px #181a200d;display:grid;place-items:center;overflow:hidden}.felt-logo{font-family:var(--display);font-weight:800;font-size:clamp(22px,5vw,58px);color:#181a200b;letter-spacing:-.03em;white-space:nowrap;transform:translateY(-4%)}.felt-logo em{font-style:normal;margin-left:.2em}.lobby .felt-logo{display:none}.trick{position:absolute;inset:0;pointer-events:none;z-index:12}.trick-card{position:absolute;--cw: var(--tw);transform:translate(-50%,-50%) rotate(var(--tilt));animation:fly-in .36s cubic-bezier(.2,.85,.25,1) both}.trick-card .card{--cw: var(--tw)}.trick-card.winning .card{box-shadow:0 0 0 1px var(--card-edge),0 0 0 3px var(--accent),0 8px 20px #e23d4b40}.trick-card.sweep{animation:sweep .5s ease-in forwards}@keyframes fly-in{0%{transform:translate(calc(-50% + var(--fx)),calc(-50% + var(--fy))) rotate(0) scale(.75);opacity:.1}to{transform:translate(-50%,-50%) rotate(var(--tilt)) scale(1);opacity:1}}@keyframes sweep{0%{transform:translate(-50%,-50%) rotate(var(--tilt));opacity:1}to{transform:translate(calc(-50% + var(--wx)),calc(-50% + var(--wy))) rotate(calc(var(--tilt) * 3)) scale(.4);opacity:0}}.table-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:15;width:min(440px,76%);display:grid;place-items:center}.table-center:has(.panel){z-index:40}.mini-fan{position:absolute;width:0;height:0;z-index:8;pointer-events:none}.seat{position:absolute;z-index:20;transform:translate(-50%,-50%)}.seat.seat-top{transform:translate(-50%,-32%)}.seat.seat-bottom{transform:translate(-50%,-62%)}.seat.seat-left{left:6px!important;transform:translateY(-50%)}.seat.seat-right{left:auto!important;right:6px;transform:translateY(-50%)}.plate{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 14px;min-width:130px;max-width:230px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);transition:box-shadow .2s,border-color .2s,opacity .2s}.seat.turn .plate{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 6px 18px #e23d4b2e}.seat.away .plate{opacity:.5}.plate-name{min-width:0;font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plate-score{display:flex;align-items:baseline;gap:5px;flex:none;font-variant-numeric:tabular-nums}.plate-score .total{font-family:var(--display);font-size:20px;font-weight:700;line-height:1}.plate-score .hand-pts{font-size:12px;font-weight:600;color:var(--accent)}.plate-timer{position:absolute;left:12px;right:12px;bottom:3px;height:3px;border-radius:2px;background:var(--line);overflow:hidden}.plate-timer i{position:absolute;inset:0;transform-origin:left;background:var(--accent);animation:shrink linear forwards}.you-tag,.host-tag{margin-left:6px;font-size:10px;font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:1px 5px;border-radius:5px;background:var(--accent-soft);color:var(--accent-2);vertical-align:2px}.host-tag{background:var(--surface-2);color:var(--ink-2)}.passed-badge{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:var(--good);color:#fff;display:grid;place-items:center;font-weight:800;font-size:11px;box-shadow:0 0 0 2px var(--surface);animation:pop .3s ease-out}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}@keyframes pop{0%{transform:scale(.3)}to{transform:scale(1)}}.emote-bubble{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:40;display:flex;flex-direction:column;align-items:center;padding:6px 10px;border-radius:16px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow-lg);animation:emote 3.1s ease-out forwards;pointer-events:none}.emote-bubble:after{content:"";position:absolute;bottom:-6px;left:50%;margin-left:-6px;border:6px solid transparent;border-top-color:var(--surface);border-bottom:0}.seat-top .emote-bubble{bottom:auto;top:calc(100% + 8px)}.seat-top .emote-bubble:after{bottom:auto;top:-6px;border-top-color:transparent;border-bottom:6px solid var(--surface)}.emote-glyph{font-size:30px;line-height:1.1}.emote-who{font-size:11px;font-weight:700}@keyframes emote{0%{transform:translate(-50%,10px) scale(.4);opacity:0}12%{transform:translate(-50%) scale(1.12);opacity:1}20%{transform:translate(-50%) scale(1)}80%{opacity:1}to{transform:translate(-50%,-18px) scale(.95);opacity:0}}.floating-emote{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:60;font-size:30px;background:var(--surface);box-shadow:var(--shadow-lg);padding:6px 12px;border-radius:14px;animation:fade-up 3s forwards}.floating-emote small{font-size:12px}@keyframes fade-up{0%{opacity:0}10%,80%{opacity:1}to{opacity:0;transform:translate(-50%,-20px)}}.pass-banner{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 22px;border-radius:16px;background:#ffffffd1;border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(4px);text-align:center}.pass-banner b{font-family:var(--display);font-size:21px;font-weight:700;letter-spacing:-.01em}.pass-banner small{color:var(--muted)}.pass-arrow{font-size:28px;color:var(--accent);line-height:1;animation:nudge 1.4s ease-in-out infinite}@keyframes nudge{50%{transform:scale(1.18)}}.hand{position:relative;width:100%;flex:none;margin-top:4px}.hand-card{position:absolute;bottom:var(--lift, 10px);width:var(--cw);height:calc(var(--cw) * 1.4);padding:0;border:0;background:none;border-radius:calc(var(--cw) * .09);transform-origin:50% 130%;transition:transform .2s cubic-bezier(.2,.8,.3,1),box-shadow .2s,translate .15s;animation:deal-in .5s cubic-bezier(.2,.8,.3,1) backwards;animation-delay:var(--deal-delay)}.hand-card .card{--cw: inherit;width:100%;height:100%}.hand-card:hover:not(:disabled){translate:0 -10px}.hand-card:disabled{cursor:default}.hand-card.illegal .card:after{content:"";position:absolute;inset:0;background:#eceae49e}.hand-card.illegal:hover{translate:0 -3px}.markers{position:absolute;top:-11px;left:calc(var(--cw) * .06);display:flex;gap:2px}.marker{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;font-weight:800;color:#fff;border:2px solid #fff;box-shadow:0 1px 4px #14182040}.new-tag{position:absolute;bottom:5%;left:7%;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:var(--ink);color:#fff;padding:1px 5px;border-radius:5px}@keyframes deal-in{0%{opacity:0;translate:0 -160px}to{opacity:1;translate:0 0}}.action-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 18px;min-height:56px;padding:4px 12px;text-align:center}.action-text{margin:0;color:var(--ink-2);max-width:60ch}.action-text b{color:var(--ink)}.play-card{font-weight:700;background:var(--surface);color:var(--card-black);padding:1px 8px;border-radius:6px;margin-left:4px;box-shadow:0 0 0 1px var(--card-edge)}.play-card.red{color:var(--card-red)}.arrow{font-size:18px}.clock{display:flex;align-items:center;gap:8px;min-width:150px}.clock-bar{position:relative;width:120px;height:6px;border-radius:3px;background:var(--line-2);overflow:hidden}.clock-fill{position:absolute;inset:0;transform-origin:left;background:var(--ink);animation:shrink linear forwards}@keyframes shrink{0%{transform:scaleX(var(--from))}to{transform:scaleX(0);background:var(--accent)}}.clock-num{font-variant-numeric:tabular-nums;font-weight:700;min-width:3ch}.action-bar.urgent .clock-num{color:var(--accent);animation:blink .8s infinite}.join-seats{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.team-hint{margin:0 0 8px;font-size:12.5px;color:var(--muted);text-align:center}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.panel h2{margin:0 0 12px;font-family:var(--display);font-size:20px;font-weight:700;letter-spacing:-.01em}.panel h3{margin:0 0 10px;font-family:var(--display);font-size:24px;font-weight:700;letter-spacing:-.02em}.panel-head{display:flex;justify-content:space-between;align-items:baseline}.summary,.gameover{width:100%;text-align:center;animation:rise .35s ease-out;background:#fffffff7;box-shadow:var(--shadow-lg)}@keyframes rise{0%{transform:translateY(14px) scale(.97);opacity:0}to{transform:none;opacity:1}}.moon-banner{margin:0 0 10px;padding:8px;border-radius:10px;background:#efeafc;color:#5f3dc4;font-weight:700}.score-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.score-table th,.score-table td{padding:6px 8px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.score-table th{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.score-table td.num,.score-table th.num{text-align:right}.score-table .bad{color:var(--accent-2)}.score-table .good{color:var(--good)}.score-table.grid td{text-align:right}.score-table.grid td:first-child{text-align:left}.table-scroll{overflow-x:auto}.summary-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:13px;color:var(--muted)}.gameover{position:relative;overflow:hidden}.trophy{font-size:46px;animation:pop .5s ease-out}.standings{list-style:none;margin:8px 0 16px;padding:0}.standings li{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px}.standings li.winner{background:var(--good-soft)}.standings .place{width:22px;font-weight:800;color:var(--muted)}.standings .who{flex:1;text-align:left;font-weight:600}.standings .num{font-family:var(--display);font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.confetti{position:absolute;inset:0;pointer-events:none}.confetti i{position:absolute;top:-14px;width:8px;height:13px;background:hsl(calc(var(--i) * 37),75%,58%);border-radius:2px;animation:fall 2.8s cubic-bezier(.3,.6,.6,1) both}@keyframes fall{to{transform:translateY(520px) rotate(calc(var(--i) * 57deg));opacity:0}}.modal-backdrop,.sheet-backdrop{position:fixed;inset:0;z-index:80;background:#181a2047;backdrop-filter:blur(2px);display:grid;place-items:center;padding:16px;animation:fade .2s}@keyframes fade{0%{opacity:0}}.modal{width:min(760px,100%);max-height:85vh;overflow:auto;box-shadow:var(--shadow-lg)}.modal.small{width:min(460px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center}.last-trick{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:8px 0}.last-trick figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px}.last-trick .card{--cw: 72px}.last-trick figure.won .card{box-shadow:0 0 0 1px var(--card-edge),0 0 0 3px var(--accent)}.last-trick figcaption{font-size:12px;color:var(--muted);max-width:90px;text-align:center}.toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{padding:10px 16px;border-radius:12px;background:var(--surface);border:1px solid rgba(226,61,75,.35);border-left:4px solid var(--accent);color:var(--ink);box-shadow:var(--shadow-lg);animation:rise .25s;max-width:90vw}.toast.info{border-color:var(--line);border-left-color:var(--ink)}.chat{display:flex;flex-direction:column;min-height:0;height:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.chat-tabs{display:flex;border-bottom:1px solid var(--line)}.chat-tabs button{flex:1;padding:10px;background:none;border:0;color:var(--muted);font-weight:700;border-bottom:2px solid transparent}.chat-tabs button.on{color:var(--ink);border-bottom-color:var(--accent)}.team-note{margin:0;padding:6px 12px;font-size:12px;color:var(--muted);background:var(--surface-2)}.messages{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:5px;min-height:120px}.msg{margin:0;font-size:13.5px;line-height:1.35;overflow-wrap:anywhere}.msg b{margin-right:6px}.msg time{margin-left:6px;font-size:10.5px;color:var(--muted);opacity:.8}.msg.system{font-size:12.5px;color:var(--muted);font-style:italic;border-left:2px solid var(--line-2);padding-left:8px}.empty-chat{color:var(--muted);font-size:13px;text-align:center;margin:auto 0}.emote-bar{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:6px 8px;border-top:1px solid var(--line)}.emote-btn{background:none;border:0;font-size:21px;padding:4px 0;border-radius:8px;transition:transform .1s,background .1s}.emote-btn:hover{background:var(--surface-2);transform:scale(1.18)}.emote-btn:active{transform:scale(.92)}.chat-input{display:flex;gap:6px;padding:8px;border-top:1px solid var(--line)}.chat-input input{flex:1;min-width:0;padding:9px 11px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface-2)}.chat-input input:focus{outline:none;border-color:var(--ink-2);background:var(--surface)}.chat-input button{padding:0 14px;border-radius:10px;border:0;background:var(--ink);color:#fff;font-weight:700}.chat-input button:disabled{opacity:.3}.game{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;gap:12px;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--line);background:#ffffffbf;backdrop-filter:blur(10px);flex-wrap:wrap}.brand{font-family:var(--display);font-size:20px;font-weight:800;letter-spacing:-.03em;white-space:nowrap}.brand em,.logo em{font-style:normal;color:var(--accent)}.top-info{display:flex;gap:6px;flex-wrap:wrap;flex:1}.top-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.code-chip{font-family:var(--display);font-weight:700;color:var(--ink);letter-spacing:.06em;padding:0 6px}.game-body{flex:1;min-height:0;display:grid;grid-template-columns:1fr 320px;gap:14px;padding:10px 14px 12px}.play-area{position:relative;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.play-area .table-wrap{flex:1 1 0;min-height:190px}.side{min-height:0;display:flex;flex-direction:column}.mobile-dock{display:none}.home{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:28px 16px 24px;gap:18px}.hero{text-align:center;display:flex;flex-direction:column;align-items:center}.hero-fan{position:relative;height:150px;width:300px;margin:10px 0 4px}.hero-card{position:absolute!important;left:50%;top:18px;--cw: 88px;transform-origin:50% 150%;transform:translate(-50%) rotate(calc(var(--i) * 11deg));animation:hero-in .8s cubic-bezier(.2,.8,.3,1) backwards;animation-delay:calc((var(--i) + 2) * 90ms)}@keyframes hero-in{0%{transform:translate(-50%) rotate(0) translateY(40px);opacity:0}}.logo{margin:0;font-family:var(--display);font-size:clamp(46px,9vw,84px);line-height:.95;font-weight:800;letter-spacing:-.045em}.tagline{margin:14px auto 0;max-width:42ch;color:var(--muted);font-size:17px;text-wrap:balance}.home-panel{width:min(820px,100%);display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px;max-width:420px;width:100%;margin:0 auto}.field span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.field input{padding:13px 15px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface);font-size:17px;box-shadow:var(--shadow-sm)}.field input:focus{outline:none;border-color:var(--ink-2);box-shadow:0 0 0 3px #181a2014}.field input.invalid{border-color:var(--accent)}.field-error{color:var(--accent-2)}.home-actions{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch}.action-card{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:24px 20px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.action-card h2{margin:0;font-family:var(--display);font-size:24px;font-weight:700;letter-spacing:-.02em}.action-card p{margin:0;color:var(--muted);max-width:30ch}.action-card .btn{margin-top:auto}.or{align-self:center;color:var(--muted);font-size:14px}.code-input{display:flex;gap:7px}.code-input input{width:44px;height:56px;text-align:center;font-family:var(--display);font-size:26px;font-weight:700;border-radius:11px;border:1px solid var(--line-2);background:var(--surface-2);caret-color:var(--accent)}.code-input input:nth-child(3){margin-right:10px}.code-input input:focus{border-color:var(--ink-2);background:var(--surface);outline:none;box-shadow:0 0 0 3px #181a2014}.home-foot{color:var(--muted);font-size:13px;margin-top:auto}.create{width:min(980px,100%);margin:0 auto;padding:24px 16px 40px;display:flex;flex-direction:column;gap:16px}.page-head h1{margin:8px 0 4px;font-family:var(--display);font-size:36px;font-weight:800;letter-spacing:-.03em}.modes{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px}.mode{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:12px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:border-color .15s,background .15s,transform .12s}.mode:hover:not(:disabled){transform:translateY(-2px);border-color:var(--line-2)}.mode.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset,var(--shadow-sm)}.mode b{font-family:var(--display);font-size:16px;font-weight:700}.mode small{color:var(--muted);font-size:12.5px;line-height:1.35}.seat-diagram{width:100%;height:64px}.dg-table{fill:var(--felt);stroke:#fff;stroke-width:3}.dg-seat{fill:var(--ink-2)}.mode.on .dg-seat{fill:var(--accent)}.custom-row{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:14px}.rules-form{display:flex;flex-direction:column;gap:14px}.choice{display:flex;flex-direction:column;gap:6px}.choice-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.segmented{display:flex;flex-wrap:wrap;gap:4px}.segmented button{padding:7px 12px;border-radius:9px;border:1px solid var(--line-2);background:var(--surface);font-size:13.5px}.segmented button.on{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:700}.toggle{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.toggle input{position:absolute;opacity:0;pointer-events:none}.switch{flex:none;width:42px;height:24px;border-radius:12px;background:#181a2029;position:relative;transition:background .15s;margin-top:1px}.switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .18s;box-shadow:0 1px 3px #14182040}.toggle input:checked+.switch{background:var(--accent)}.toggle input:checked+.switch:after{transform:translate(18px)}.toggle input:focus-visible+.switch{outline:2px solid var(--accent);outline-offset:2px}.toggle-text{display:flex;flex-direction:column}.toggle-text small{color:var(--muted);font-size:12.5px}.more-rules{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:12px;background:var(--surface-2)}.create-foot{display:flex;justify-content:flex-end;padding:4px 0 12px}.lobby{width:min(1400px,100%);margin:0 auto;padding:20px 16px 28px;display:flex;flex-direction:column;gap:16px}.lobby-head{display:grid;grid-template-columns:auto 1fr;gap:20px 32px;align-items:center}.code-block{display:flex;flex-direction:column;gap:6px;padding:16px 22px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:700}.big-code{font-family:var(--display);font-size:clamp(40px,7vw,64px);font-weight:800;letter-spacing:.06em;color:var(--ink);line-height:1;font-variant-numeric:tabular-nums}.big-code .gap{display:inline-block;width:.35em}.lobby-status h1{margin:0;font-family:var(--display);font-size:32px;font-weight:800;letter-spacing:-.03em}.lobby-status p{margin:6px 0 0;max-width:62ch}.lobby-body{display:grid;grid-template-columns:1fr 340px;gap:16px;align-items:start}.lobby-table{display:flex;flex-direction:column;gap:14px;min-width:0}.lobby-table .table-wrap{height:min(52vh,480px);flex:none}.lobby-center{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:14px;border-radius:16px;background:#fffc;box-shadow:var(--shadow-sm)}.lobby-center p{margin:0}.seat-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.seat-card{padding:12px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px}.seat-card.mine{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow-sm)}.seat-card-head{display:flex;align-items:center;gap:4px}.seat-card-head b{flex:1;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.seat-card-head small{color:var(--muted)}.seat-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.seat-card li{display:flex;align-items:center;gap:8px;font-weight:600}.seat-card li.muted{font-weight:400}.seat-card li>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-card-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.watchers{margin:0;color:var(--muted);font-size:13px}.lobby-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:12px}.lobby-side .chat{height:460px}@media(max-width:1100px){.game-body{grid-template-columns:1fr;padding:6px 8px 10px}.side{display:none}.mobile-dock{display:flex;position:relative;gap:6px;order:-1}.dock-btn{position:relative;width:38px;height:34px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);box-shadow:var(--shadow-sm);font-size:18px}.dock-btn .badge{position:absolute;top:-6px;right:-6px}.dock-emotes{position:absolute;top:42px;left:0;z-index:90;width:290px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg)}.dock-emotes .emote-bar{border-top:0}.sheet-backdrop{place-items:end center;padding:0}.sheet{position:relative;width:100%;height:min(70vh,560px);animation:rise .25s}.sheet .chat{border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}.sheet-close{position:absolute;right:8px;top:6px;z-index:2}.lobby-body{grid-template-columns:1fr}.lobby-side{position:static}}@media(max-width:760px){body{font-size:14px}.home-actions{grid-template-columns:1fr}.or{justify-self:center}.lobby-head{grid-template-columns:1fr}.topbar{padding:8px 10px;gap:6px}.brand{font-size:17px}.top-info .chip:nth-child(n+3){display:none}.top-actions .btn.small{padding:5px 8px;font-size:12px}.top-actions .code-chip{display:none}.plate{min-width:0;max-width:140px;padding:6px 10px;gap:8px;border-radius:10px}.play-area .table-wrap{min-height:160px}.plate-name{font-size:12px}.plate-score .total{font-size:16px}.plate-score .hand-pts{font-size:11px}.plate-timer{left:8px;right:8px;bottom:2px;height:2px}.table-wrap{min-height:260px;--tw: clamp(38px, 11vw, 60px)}.pass-banner{padding:8px 12px;border-radius:14px}.pass-banner b{font-size:16px}.pass-banner small{display:none}.pass-arrow{font-size:22px}.table-center{width:min(300px,88%)}.rail{inset:13% 6%}.action-bar{min-height:48px;gap:6px 12px}.btn.big{padding:11px 20px;font-size:16px}.code-input input{width:40px;height:52px;font-size:23px}.hero-card{--cw: 72px}.hero-fan{height:125px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}