:root{--bg:#0b100e;--panel:#121916;--panel-2:#17201c;--line:#1f2925;--line-2:#2e3a35;--text:#e9efea;--muted:#a8b8af;--dim:#8e9e95;--felt:#17573f;--felt-edge:#0c2a1f;--rim:#2b1e15;--accent:#f2d27a;--accent-shadow:#a88732;--danger:#c7353b;--danger-shadow:#7e1f24;--good:#7be3a6;--font:"Outfit", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}#root{min-height:100vh}h1,h2,h3{line-height:1.1}a{color:var(--accent)}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--mono)}.btn{border:1px solid var(--line-2);background:var(--panel-2);min-height:48px;color:var(--text);border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:16px;font-weight:700;text-decoration:none;transition:transform 80ms,box-shadow 80ms,opacity .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#1b1608;box-shadow:0 5px 0 var(--accent-shadow);border:none}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 5px 0 var(--danger-shadow);border:none}.btn-primary:active:not(:disabled){box-shadow:0 1px 0 var(--accent-shadow);transform:translateY(4px)}.btn-danger:active:not(:disabled){box-shadow:0 1px 0 var(--danger-shadow);transform:translateY(4px)}.btn:disabled{opacity:.4}.btn-ghost{background:0 0}.brand{align-items:baseline;gap:6px;display:flex}.brand-mark{color:var(--accent);letter-spacing:-.5px;font-size:26px;font-weight:800}.brand-sub{color:var(--muted);font-size:18px;font-weight:500}.name-heart{color:#ff7a9a;margin-left:5px;font-size:.8em}.secret-logo{cursor:default;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative}.secret-note{z-index:30;white-space:nowrap;color:#ffd6e0;background:#2a1a20;border:1px solid #ff7a9a73;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;animation:.35s ease-out secret-in;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 8px 24px #00000073}@keyframes secret-in{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.secret-note{animation:none}}.avatar{border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:800;display:flex}.dim{color:var(--dim)}.small{margin:0;font-size:12px}.accent{color:var(--accent)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.card{color:#15181a;background:#f7f4ec;border-radius:12px;flex-direction:column;justify-content:space-between;width:120px;height:168px;padding:10px 12px;display:flex;box-shadow:0 10px 24px #00000073,inset 0 1px #fff9}.card-red{color:#c2282f}.card-corner{font-size:22px;font-weight:800;line-height:1}.card-corner-flip{align-self:flex-end;transform:rotate(180deg)}.card-pip{align-self:center;font-size:46px;line-height:1}.card-back{background:#6e1e2a repeating-linear-gradient(45deg,#ffffff1f 0 3px,#0000 3px 8px);border:3px solid #f1e6d2;border-radius:7px;flex:none;width:40px;height:56px;position:relative;box-shadow:0 4px 10px #0006}.card-back-sm{border-width:2px;border-radius:5px;width:26px;height:36px}.card-back:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f1e6d2' d='M12 22S2.6 16.4 1 10.5C-.1 6.4 2.5 2.5 6.6 2.5c2.3 0 4.1 1.3 5.4 3.2 1.3-1.9 3.1-3.2 5.4-3.2 4.1 0 6.7 3.9 5.6 8C21.4 16.4 12 22 12 22z'/%3E%3Cpath fill='%236e1e2a' d='M8.3 6.6h2.2l3.4 5.4V6.6h1.8v8.6h-2.1L10.1 9.8v5.4H8.3z'/%3E%3C/svg%3E") 50%/contain no-repeat;width:15px;height:15px;position:absolute;bottom:3px;right:3px}.card-back-sm:after{width:10px;height:10px;bottom:2px;right:2px}.htp{border:1px solid var(--line-2);background:var(--panel);width:min(680px,100vw - 24px);max-height:min(88dvh,900px);color:var(--text);border-radius:22px;padding:0;box-shadow:0 30px 80px #0009}.htp::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040806b8}.htp[open]{animation:.2s ease-out htp-in}@keyframes htp-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.htp-inner{outline:none;padding:0 28px 24px}.htp-head{z-index:1;background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;margin:0 -28px 4px;padding:22px 28px 14px;display:flex;position:sticky;top:0}.htp-eyebrow{font-family:var(--mono);letter-spacing:1px;color:var(--accent);text-transform:uppercase;margin:0 0 2px;font-size:11px}.htp h2{letter-spacing:-.5px;margin:0;font-size:26px;font-weight:800}.htp-close{border:1px solid var(--line-2);color:#c9d4cd;cursor:pointer;background:0 0;border-radius:12px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.htp-close:hover{color:var(--text);border-color:#4a5a53}.htp section{padding:18px 0 4px}.htp h3{color:var(--accent);margin:0 0 8px;font-size:16px;font-weight:800}.htp p{color:#cdd8d1;margin:0 0 10px;font-size:15px;line-height:1.55}.htp b{color:var(--text)}.htp-list{color:#cdd8d1;flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:15px;line-height:1.5;display:flex}.mc-row{vertical-align:middle;align-items:center;gap:4px;display:inline-flex}.mc{color:#1b1b1b;width:30px;height:40px;font:800 13px/1 var(--font);background:#f6f1e4;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 2px 6px #00000059}.mc-red{color:#c4252c}.mc-suit{margin-top:2px;font-size:12px}.mc-gap{color:var(--dim);padding:0 2px;font-weight:800}.htp-faces{color:#cdd8d1;flex-wrap:wrap;gap:10px 18px;margin:4px 0 12px;font-size:14px;display:flex}.htp-faces>span{align-items:center;gap:8px;display:inline-flex}.htp-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.htp-rules li{background:var(--panel-2);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.htp-rules li.is-off{opacity:.5}.htp-rule-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.htp-rule-name{font-size:15px;font-weight:800}.htp-rule-what{color:var(--muted);font-size:13px;line-height:1.4}.htp-tag{white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.htp-tag.on{color:var(--good);background:#1e3b2c}.htp-tag.off{color:var(--dim);background:#22201c}.htp-timing{background:#10241b;border:1px solid #1f4434;border-radius:16px;margin-top:14px;padding:18px 20px 10px!important}.htp-ms{background:#ffffff14;border-radius:6px;padding:1px 6px;font-size:13px}.htp-example{color:#cdd8d1;background:#00000040;border-radius:12px;flex-direction:column;gap:6px;margin:4px 0 12px;padding:12px 14px;font-size:14px;line-height:1.45;display:flex}.htp-example .mono{color:var(--text);font-size:13px}.htp-verdict{color:var(--good);margin-top:2px;font-weight:700}.htp-done{width:100%;margin-top:22px;display:block}@media (width<=560px){.htp{border-radius:18px;width:calc(100vw - 16px);max-height:92dvh}.htp-inner{padding:0 18px 18px}.htp-head{margin:0 -18px 4px;padding:16px 18px 12px}.htp h2{font-size:22px}.htp-rules{grid-template-columns:minmax(0,1fr)}.htp p,.htp-list{font-size:14px}}@media (prefers-reduced-motion:reduce){.htp[open]{animation:none}}.pg{flex-direction:column;gap:28px;min-height:100vh;padding:20px 24px 32px;display:flex}.pg-felt{background:radial-gradient(ellipse at 70% 30%, var(--felt) 0%, var(--felt-edge) 45%, var(--bg) 80%)}.pg-felt-center{background:radial-gradient(ellipse at 50% 25%, var(--felt) 0%, var(--felt-edge) 42%, var(--bg) 78%)}.pg-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;display:flex}.pg-header-right{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.status{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.status-dot{background:#4cd08a;border-radius:50%;flex:none;width:8px;height:8px}.status-dot.waking{background:#e6b566}.link-quiet{font-size:14px;text-decoration:none}.link-quiet:hover{text-decoration:underline}.link-btn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px}.form-card{background:#0b100ed1;border:1px solid #24302b;border-radius:22px;flex-direction:column;gap:14px;padding:22px;display:flex}.field-label{color:#c9d4cd;font-size:13px;font-weight:600}.input{border:1px solid var(--line-2);background:var(--panel);width:100%;min-height:50px;color:var(--text);font:500 17px var(--font);border-radius:12px;padding:0 16px}.input::placeholder{color:#6f7f77}.input:focus{border-color:var(--accent);outline:none}.input-code{font-family:var(--mono);letter-spacing:3px}.field-error{color:#ff9a9a;margin:0;font-size:13px}.note{color:var(--dim);margin:0;font-size:13px;line-height:1.45}.note.center{text-align:center}.divider-text{color:var(--dim);align-items:center;gap:12px;font-size:12px;display:flex}.divider-text:before,.divider-text:after{content:"";background:#24302b;flex:1;height:1px}.btn-block{width:100%}.btn-lg{min-height:58px;font-size:18px;font-weight:800}.btn-sm{border-radius:12px;min-height:44px;padding:0 16px;font-size:14px;font-weight:600}.btn-light{color:#15181a;background:#f7f4ec;border:none}.btn-start{border-radius:16px;min-width:260px;min-height:64px;padding:0 32px;font-size:20px;font-weight:800}.center-msg{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;width:100%;max-width:460px;margin:0 auto;padding:40px 0;display:flex}.msg-title{margin:0;font-size:36px;font-weight:800}.spinner{border:3px solid #ffffff26;border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.home-main{flex-wrap:wrap;flex:1;align-items:center;gap:48px;width:100%;max-width:1180px;margin:0 auto;display:flex}.home-hero{flex-direction:column;flex:440px;gap:28px;display:flex}.home-eyebrow{letter-spacing:2px;text-transform:uppercase;color:#b9d3c5;margin:0 0 14px;font-size:13px;font-weight:700}.home-title{letter-spacing:-2px;margin:0;font-size:clamp(40px,7vw,72px);font-weight:800;line-height:.95}.home-lead{color:#b9c8bf;max-width:460px;margin:18px 0 0;font-size:18px;line-height:1.5}.home-form{max-width:440px}.code-row{gap:10px;display:flex}.code-row .input{flex:1;min-width:0}.home-art{flex:380px;justify-content:center;display:flex}.fan{flex:none;width:380px;height:300px;position:relative}.fan .card{border-radius:14px;width:132px;height:184px;position:absolute;box-shadow:0 18px 40px #00000080}.fan .card:first-child{top:60px;left:30px;transform:rotate(-16deg)}.fan .card:nth-child(2){top:30px;left:124px;transform:rotate(-2deg)}.fan .card:nth-child(3){box-shadow:0 20px 44px #0000008c, 0 0 0 3px var(--accent);top:64px;left:218px;transform:rotate(14deg)}.how{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;width:100%;max-width:1180px;margin:0 auto;scroll-margin-top:20px;display:grid}.how-step{border:1px solid var(--line);background:#121916d9;border-radius:18px;padding:18px 20px}.how-num{font-family:var(--mono);color:var(--accent);font-size:12px}.how-step h2{margin:6px 0 4px;font-size:17px}.how-step p{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.join-main{flex-direction:column;flex:1;justify-content:center;gap:22px;width:100%;max-width:480px;margin:0 auto;display:flex}.join-head{text-align:center}.join-invited{color:#b9c8bf;font-size:15px}.join-code{font-family:var(--mono);letter-spacing:7px;margin:6px 0 0;font-size:clamp(36px,10vw,48px);font-weight:700}.seat-dots{justify-content:center;gap:10px;display:flex}.seat-empty{border:2px dashed #4a5a53;border-radius:50%;width:44px;height:44px}.join-sub{text-align:center;color:var(--muted);margin:-10px 0 0;font-size:14px}.lobby-body{flex-wrap:wrap;align-items:flex-start;gap:24px;width:100%;max-width:1240px;margin:0 auto;display:flex}.lobby-main{flex-direction:column;flex:999 600px;gap:24px;min-width:0;display:flex}.code-banner{background:radial-gradient(ellipse at 20% 30%, var(--felt) 0%, var(--felt-edge) 75%);border:1px solid #24433a;border-radius:26px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:26px 28px;display:flex}.code-label{letter-spacing:.4px;color:#b9d3c5;font-size:13px;font-weight:600}.code-big{font-family:var(--mono);letter-spacing:8px;margin:0;font-size:clamp(38px,8vw,56px);font-weight:700;line-height:1.15}.code-url{font-family:var(--mono);color:#a8c2b4;word-break:break-all;font-size:13px}.section-title{margin:0 0 14px;font-size:18px;font-weight:700}.seat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.seat-card{background:var(--panel);border:1px solid #2b3a33;border-radius:18px;align-items:center;gap:14px;min-width:0;padding:18px;display:flex}.seat-card.is-open{border:2px dashed var(--line-2);color:var(--dim);background:0 0;font-size:14px}.seat-card-name{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;overflow:hidden}.seat-card-sub{color:var(--dim);font-size:12px}.seat-card-sub.host{letter-spacing:.4px;color:var(--accent);font-weight:700}.seat-card-sub.warn{color:#e6b566}.open-ring{border:2px dashed #3a4a43;border-radius:50%;flex:none;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.watch-row{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:8px 8px 8px 14px;display:flex}.watch-who{min-height:44px;color:var(--muted);align-items:center;gap:10px;font-size:14px;display:flex}.watch-list{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.watch-chip{background:var(--panel-2);min-height:30px;color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:13px;display:inline-flex}.watch-chip:has(.kick-btn){padding-right:3px}.watch-chip.is-away{color:#e6b566}.kick-btn{border:1px solid var(--line-2);min-width:36px;height:36px;color:var(--dim);background:0 0;border-radius:10px;flex:none;justify-content:center;align-items:center;margin-left:auto;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.kick-btn:hover{color:#ff9a9a;border-color:#7e1f24}.kick-btn.is-confirm{color:#ff9a9a;background:#3a1d20;border-color:#7e1f24}.kick-btn.kick-sm{border-radius:999px;min-width:26px;height:26px;margin-left:0;padding:0 8px;font-size:12px}.seat-actions{flex:none;gap:6px;margin-left:auto;display:flex}.seat-actions .kick-btn{margin-left:0}.host-btn:hover{color:var(--accent);border-color:#7a6630}.host-btn.is-confirm{color:var(--accent);background:#2e2814;border-color:#7a6630}.host-notice{color:var(--accent);background:#f2d27a1a;border:1px solid #f2d27a59;border-radius:12px;align-items:center;gap:8px;margin:0;padding:10px 14px;font-size:14px;font-weight:600;animation:.25s ease-out rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.start-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.waiting{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:16px;margin:0;padding:18px 20px}.rules-panel{background:var(--panel);border:1px solid var(--line);border-radius:22px;flex:300px;max-width:380px;padding:22px}.rule-list{flex-direction:column;gap:6px;display:flex}.rule-toggle{background:var(--panel-2);cursor:pointer;border-radius:14px;align-items:center;gap:14px;min-height:56px;padding:8px 14px;display:flex}.rule-toggle.is-locked{cursor:default}.rule-toggle input{width:20px;height:20px;accent-color:var(--accent);flex:none}.rule-text{flex:1;min-width:0}.rule-label{font-size:15px;font-weight:600;display:block}.rule-ex{color:var(--dim);font-size:12px}.rule-summary{border-top:1px solid var(--line);color:var(--muted);flex-direction:column;gap:8px;margin-top:18px;padding-top:16px;font-size:13px;display:flex}.rule-summary div{justify-content:space-between;gap:12px;display:flex}.rule-summary span:last-child{color:var(--text)}.over-main{flex-direction:column;flex:1;align-items:center;gap:26px;width:100%;max-width:860px;margin:0 auto;display:flex}.over-hero{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.crown{color:var(--accent)}.over-avatar{box-shadow:0 0 0 4px var(--bg), 0 0 0 7px var(--accent), 0 0 50px #f2d27a59;border-radius:50%;animation:.4s ease-out pop}.over-title{letter-spacing:-1.5px;margin:4px 0 0;font-size:clamp(42px,8vw,64px);font-weight:800;line-height:1}.over-sub{color:#b9c8bf;margin:0;font-size:17px}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;display:grid}.stat{background:#0b100ed1;border:1px solid #24302b;border-radius:18px;min-width:0;padding:18px 20px}.stat-label{letter-spacing:.5px;color:var(--dim);font-size:12px;font-weight:600}.stat-value{margin-top:6px;font-size:30px;font-weight:700}.stat-unit{color:var(--muted);font-size:16px}.stat-who{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.standings{background:#0b100ed1;border:1px solid #24302b;border-radius:22px;width:100%;padding:8px}.standings-title{color:#c9d4cd;margin:12px 14px 8px;font-size:15px;font-weight:700}.standings-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.standings-list li{border-radius:14px;align-items:center;gap:14px;min-height:52px;padding:0 14px;display:flex}.standings-list li.is-winner{background:var(--panel-2)}.standing-place{width:22px;color:var(--muted);font-weight:700}.is-winner .standing-place{color:var(--accent)}.standing-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.is-winner .standing-name{font-weight:700}.standing-note{color:var(--dim);text-align:right;font-size:13px}.over-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.over-actions .waiting{text-align:center;flex-basis:100%}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}.over-avatar{animation:none}}@media (width<=760px){.pg{gap:20px;padding:16px 16px 24px}.home-main{gap:20px}.home-art{flex-basis:100%;order:-1;height:160px;overflow:hidden}.fan{transform-origin:top;transform:scale(.55)}.home-lead{font-size:15px}.form-card{padding:18px}.code-row{flex-wrap:wrap}.code-row .input{text-align:center;flex-basis:100%}.code-row .btn{flex:1}.code-banner{padding:18px}.code-banner .btn{width:100%}.seat-grid{gap:10px}.seat-card{gap:10px;padding:12px}.seat-card .avatar,.open-ring{width:40px!important;height:40px!important;font-size:16px!important}.rules-panel{max-width:none;padding:16px}.start-row .btn-start{width:100%;min-width:0}.stat-grid{gap:8px}.stat{padding:12px}.stat-label{font-size:10px}.stat-value{font-size:20px}.stat-unit{font-size:11px}.stat-who{white-space:normal;font-size:12px}.over-avatar .avatar{width:76px!important;height:76px!important;font-size:32px!important}.over-actions{flex-direction:column;width:100%}.over-actions .btn-start{min-width:0}}.btn-quick{color:var(--accent);border-color:#f2d27a73}.btn-quick:hover:not(:disabled){background:#f2d27a14}.open-tables{flex-direction:column;gap:14px;width:100%;max-width:1180px;margin:0 auto;display:flex}.ot-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.ot-title{margin:0;font-size:20px;font-weight:800}.ot-online{border:1px solid var(--line);color:#c9d4cd;background:#121916d9;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:inline-flex}.ot-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.ot-card{border:1px solid var(--line);background:#121916d9;border-radius:18px;flex-direction:column;gap:12px;padding:16px;display:flex}.ot-top{align-items:center;gap:12px;display:flex}.ot-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.ot-status{color:var(--accent);font-size:13px}.ot-status.is-live{color:var(--good)}.ot-seats{align-items:center;gap:6px;display:flex}.ot-pip{border:2px dashed var(--line-2);border-radius:50%;width:14px;height:14px}.ot-pip.is-filled{border:none}.ot-seats .mono{margin-left:4px}.ot-rules{flex-wrap:wrap;gap:6px;min-height:22px;display:flex}.ot-rules .chip{background:var(--panel-2);color:#a8c2b4;border-radius:999px;padding:4px 9px;font-size:11px}.ot-btn{align-self:flex-start;margin-top:auto}.ot-empty{border:1px dashed var(--line-2);text-align:center;border-radius:18px;flex-direction:column;gap:6px;padding:22px;display:flex}.ot-empty-title{margin:0;font-size:16px;font-weight:700}.over-chat{width:100%;max-width:860px;margin:8px auto 0}.players-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-bottom:14px;display:flex}.players-head .section-title{margin:0}.size-picker{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:4px;padding:4px;display:inline-flex}.size-label{color:var(--dim);padding:0 8px 0 6px;font-size:13px}.size-opt{color:#c9d4cd;min-width:38px;height:32px;font:700 14px var(--font);cursor:pointer;background:0 0;border:0;border-radius:9px}.size-opt:hover:not(:disabled):not(.is-on){background:var(--panel-2)}.size-opt.is-on{background:var(--accent);color:#1b1608}.size-opt:disabled{opacity:.35;cursor:not-allowed}.public-row{cursor:pointer;background:var(--panel);border:1px solid var(--line);border-radius:18px;align-items:center;gap:16px;padding:16px 18px;transition:border-color .15s;display:flex}.public-row.is-on{background:linear-gradient(0deg, #f2d27a0d, #f2d27a0d), var(--panel);border-color:#f2d27a66}.public-row.is-locked{cursor:default}.switch{background:#2a3530;border-radius:999px;flex:none;width:46px;height:26px;transition:background .15s;position:relative}.switch:after{content:"";background:#cfd8d3;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px}.public-row.is-on .switch{background:var(--accent)}.public-row.is-on .switch:after{background:#1b1608;transform:translate(20px)}.public-row:focus-within .switch{box-shadow:0 0 0 3px #f2d27a59}.public-row.is-locked .switch{opacity:.6}.public-text{flex-direction:column;gap:3px;min-width:0;display:flex}.public-title{font-size:15px;font-weight:700}.public-desc{color:var(--dim);font-size:13px;line-height:1.4}.badge-public{background:var(--accent);color:#1b1608;letter-spacing:.5px;vertical-align:middle;border-radius:999px;margin-left:10px;padding:2px 8px;font-size:11px;font-weight:800}.autostart{color:var(--accent);background:#f2d27a1a;border:1px solid #f2d27a59;border-radius:999px;padding:8px 14px;font-size:14px;display:inline-block}.autostart.center-self{align-self:center;margin:0 auto}.emote-picker{position:relative}.emote-toggle{border:1px solid var(--line-2);background:var(--panel);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;font-size:26px;line-height:1;display:inline-flex}.emote-toggle:hover,.emote-toggle.is-open{background:var(--panel-2);border-color:#4a5a53}.emote-tray{z-index:30;background:var(--panel);border:1px solid var(--line-2);border-radius:16px;gap:4px;padding:6px;animation:.14s ease-out tray-in;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;translate:-50%;box-shadow:0 16px 40px #0000008c}@keyframes tray-in{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:none}}.emote-choice{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;width:46px;height:46px;font-size:26px;line-height:1;position:relative}.emote-choice:hover:not(:disabled){background:var(--panel-2);transform:scale(1.12)}.emote-choice:disabled{opacity:.35;cursor:default}.emote-key{font:700 9px var(--mono);color:var(--dim);position:absolute;bottom:2px;right:3px}@media (hover:none){.emote-key{display:none}}.emote{z-index:6;pointer-events:none;filter:drop-shadow(0 6px 12px #00000080);font-size:44px;line-height:1;animation:2.2s ease-out forwards emote-pop;position:absolute;top:50%;left:calc(100% + 12px);translate:0 -50%}.seat.pos-left .emote,.seat.pos-right .emote{top:-10px;left:50%;translate:-50% -100%}.mini-seat .emote{font-size:30px;left:auto;right:10px}.tp-me .emote{font-size:36px;top:-6px;left:50%;translate:-50% -100%}@keyframes emote-pop{0%{opacity:0;transform:scale(.3)translateY(10px)}12%{opacity:1;transform:scale(1.3)}22%{transform:scale(1)}80%{opacity:1;transform:translateY(-6px)}to{opacity:0;transform:translateY(-16px)}}.emote-phone{display:none}@media (width<=760px){.emote-desktop{display:none}.emote-phone{display:block}.emote-phone .emote-toggle{border-radius:12px;width:44px;height:44px;font-size:22px}.emote-phone .emote-tray{left:auto;right:-52px;translate:none}}@media (prefers-reduced-motion:reduce){.emote{animation-name:fade-out}.emote-tray{animation:none}}.chat{background:var(--panel);border:1px solid var(--line);border-radius:18px;flex-direction:column;min-height:0;padding:16px;display:flex}.chat-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.chat-title{letter-spacing:.4px;color:#c9d4cd;margin:0;font-size:15px;font-weight:700}.chat-hint{color:var(--dim);font-size:11px}.chat-close{border:1px solid var(--line-2);color:#c9d4cd;background:0 0;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;margin-left:auto;display:inline-flex}.chat-list{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:6px;min-height:60px;padding-right:4px;display:flex;overflow-y:auto}.chat-empty{text-align:center;color:var(--dim);margin:auto 0;font-size:13px}.chat-msg{overflow-wrap:anywhere;color:#dfe7e2;font-size:14px;line-height:1.4}.chat-msg.is-quick .chat-text{background:var(--panel-2);border-radius:999px;padding:1px 8px;font-weight:600}.chat-name{font:700 14px var(--font);cursor:pointer;background:0 0;border:0;margin-right:6px;padding:0}span.chat-name{cursor:default}.chat-menu{gap:6px;margin-top:4px;display:flex}.chat-menu-btn{color:#ff9a9a;font:600 12px var(--font);cursor:pointer;background:#3a1d20;border:1px solid #7e1f24;border-radius:8px;padding:4px 10px}.chat-menu-btn.ghost{border-color:var(--line-2);color:#c9d4cd;background:0 0}.chat-muted{color:var(--dim);font:12px var(--font);cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:6px;padding:0;text-decoration:underline}.chat-error{color:#ff9a9a;margin:6px 0 0;font-size:12px}.chat-form{gap:6px;margin-top:10px;display:flex}.chat-input{border:1px solid var(--line-2);min-width:0;height:40px;color:var(--text);font:14px var(--font);background:#0e1412;border-radius:10px;flex:1;padding:0 12px}.chat-input:focus{border-color:#f2d27a99;outline:none}.chat-send{background:var(--accent);color:#1b1608;height:40px;font:700 14px var(--font);cursor:pointer;border:0;border-radius:10px;padding:0 14px}.chat-send:disabled{opacity:.4;cursor:default}.chat-quick{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.chat-chip{border:1px solid var(--line-2);background:var(--panel-2);color:#dfe7e2;font:600 12px var(--font);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:999px;padding:6px 10px}.chat-chip:hover{color:var(--accent);border-color:#f2d27a80}.chat-inline{height:300px}.chat-backdrop{z-index:40;background:#0408068c;animation:.15s ease-out chat-fade;position:fixed;inset:0}.chat-drawer{z-index:41;height:min(60dvh,460px);animation:.18s ease-out chat-up;position:fixed;bottom:8px;left:8px;right:8px;box-shadow:0 -10px 40px #00000080}@media (width>=761px){.chat-drawer{width:360px;left:16px;right:auto}}@keyframes chat-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes chat-fade{0%{opacity:0}to{opacity:1}}.chat-toggle{font-size:18px;position:relative}.chat-badge{background:var(--danger);color:#fff;min-width:18px;height:18px;font:700 11px/18px var(--font);text-align:center;border-radius:999px;padding:0 5px;position:absolute;top:-6px;right:-6px}@media (prefers-reduced-motion:reduce){.chat-drawer,.chat-backdrop{animation:none}}.tp{--felt-h:clamp(380px, calc(100dvh - 200px), 620px);flex-direction:column;gap:20px;max-width:1480px;min-height:100dvh;margin:0 auto;padding:20px 24px 24px;display:flex}.tp-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;display:flex}.room-pill{background:#141b18;border:1px solid #24302b;border-radius:999px;align-items:center;gap:10px;padding:4px 4px 4px 16px;display:flex}.room-code{letter-spacing:2px;font-size:15px;font-weight:700}.pill-btn{min-height:36px;color:var(--text);background:#24302b;border:none;border-radius:999px;padding:0 14px;font-size:13px;font-weight:600}.conn{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.conn-dot{background:#4cd08a;border-radius:50%;width:8px;height:8px}.conn-dot.off{background:#e6b566}.tp-body{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.tp-history{max-width:290px;max-height:calc(var(--felt-h) + 80px);flex-direction:column;flex:240px;display:flex;overflow:hidden}.tp-left{max-width:290px;height:calc(var(--felt-h) + 80px);flex-direction:column;flex:240px;gap:14px;min-height:0;display:flex}.tp-left .tp-history{flex:none;max-width:none;max-height:none}.tp-left .history{gap:6px}.tp-left .history li{padding:6px 10px}.tp-left .history li:nth-child(n+7){display:none}.tp-left .chat{flex:1 1 0;min-height:200px}.tp-header-right .chat-toggle{display:none}.tp-history .history{flex:0 auto;min-height:0;overflow:hidden}.tp-history>p{flex:none}.tp-center{flex-direction:column;flex:999 600px;gap:18px;min-width:0;display:flex}.tp-side{flex-direction:column;flex:250px;gap:16px;max-width:300px;display:flex}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px}.panel-title{letter-spacing:.4px;color:#c9d4cd;margin:0 0 14px;font-size:15px;font-weight:700}.history{flex-direction:column;gap:8px;margin:0 0 14px;padding:0;list-style:none;display:flex}.history li{background:var(--panel-2);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;animation:.2s ease-out rise;display:flex}.dot{border-radius:50%;flex:none;width:10px;height:10px}.history-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.history-ms{text-align:right;min-width:52px;font-size:13px}.tag{border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.tag-won{color:var(--good);background:#1e3b2c}.tag-late{color:#e6d38a;background:#2a2a20}.tag-wrong{color:#ff9a9a;background:#3a1d20}.rules{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.rules li{align-items:flex-start;gap:10px;display:flex}.rules li.is-off{opacity:.45}.rule-name{font-size:14px;font-weight:600}.strike{text-decoration:line-through}.rules-foot{border-top:1px solid var(--line);color:var(--dim);margin:14px 0 0;padding-top:12px;font-size:12px}.felt{height:var(--felt-h);border:12px solid var(--rim);background:radial-gradient(ellipse at 50% 45%, var(--felt) 0%, var(--felt-edge) 70%, #08201a 100%);border-radius:56px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #3b2a1e,inset 0 0 80px #0000008c,0 30px 60px #00000080}.seat{z-index:1;align-items:center;gap:12px;transition:opacity .2s;display:flex;position:absolute}.pos-top{top:24px;left:50%;transform:translate(-50%)}.pos-bottom{bottom:24px;left:50%;transform:translate(-50%)}.pos-left,.pos-right{text-align:center;flex-direction:column;gap:8px;top:50%;transform:translateY(-50%)}.pos-left{left:28px}.pos-right{right:28px}.seat.is-me{background:#08181299;border-radius:999px;padding:8px 16px 8px 8px}.seat.is-me.is-turn{box-shadow:0 0 0 2px var(--accent), 0 0 28px #f2d27a59}.seat.is-turn:not(.is-me) .avatar{box-shadow:0 0 0 3px var(--felt-edge), 0 0 0 6px var(--accent), 0 0 24px #f2d27a73}.seat.is-off{opacity:.45}.seat-name{font-size:15px;font-weight:700}.seat-sub{color:#a8c2b4;font-size:12px}.seat-sub.accent{color:var(--accent);font-weight:600}.felt-center{flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.chip-challenge{background:#081812bf;border:1px solid #f2d27a59;border-radius:999px;align-items:center;gap:10px;min-height:36px;padding:8px 14px;font-size:13px;display:flex}.chip-spacer{min-height:36px}.dots{gap:5px;display:flex}.dots span{background:var(--accent);border-radius:50%;width:9px;height:9px}.pile{width:220px;height:200px;transform:scale(var(--fit,1));margin:calc((var(--fit,1) - 1) * 100px) 0;position:relative}.pile-empty{color:#e9efea80;border:2px dashed #ffffff2e;border-radius:12px;justify-content:center;align-items:center;width:120px;height:168px;font-size:13px;display:flex;position:absolute;top:16px;left:calc(50% - 60px)}.pile-info{color:#a8c2b4;letter-spacing:.3px;font-size:12px}.pile .card{transform:translateX(var(--x)) rotate(var(--r));position:absolute;top:16px;left:calc(50% - 60px)}.pile .card.is-top{box-shadow:0 16px 34px #0000008c,0 0 0 2px #f2d27a8c}.burn-show{z-index:4;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.burn-card-wrap{--fx:0px;--fy:-200px;--bs:var(--burn-fit,1);margin:calc((var(--bs) * 1.12 - 1) * 84px) 0;animation:1.5s cubic-bezier(.2,.8,.2,1) forwards burn}.burn-card-wrap[data-from=bottom]{--fx:0px;--fy:240px}.burn-card-wrap[data-from=top]{--fx:0px;--fy:-240px}.burn-card-wrap[data-from=left]{--fx:-360px;--fy:0px}.burn-card-wrap[data-from=right]{--fx:360px;--fy:0px}.burn-card-wrap .card{box-shadow:0 0 0 3px var(--danger), 0 20px 50px #0009}.burn-label{color:#10140f;white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:800;animation:1.5s ease-out forwards burn-label}@keyframes burn{0%{opacity:0;transform:translate(var(--fx), var(--fy)) scale(calc(var(--bs) * .7)) rotate(-10deg)}16%{opacity:1;transform:scale(calc(var(--bs) * 1.12)) rotate(-3deg)}75%{opacity:1;transform:scale(calc(var(--bs) * 1.12)) rotate(-3deg)}to{opacity:0;transform:translateY(30px) scale(calc(var(--bs) * .6)) rotate(0deg)}}@keyframes burn-label{0%,12%{opacity:0}22%,72%{opacity:1}90%,to{opacity:0}}.felt.is-slappable{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.tap-ring{z-index:5;pointer-events:none;border:3px solid #f2d27ae6;border-radius:50%;width:84px;height:84px;margin:-42px 0 0 -42px;animation:.45s ease-out forwards tap-ring;position:absolute;box-shadow:0 0 24px #f2d27a73}@keyframes tap-ring{0%{opacity:1;transform:scale(.35)}to{opacity:0;transform:scale(1.25)}}.chip-tap{color:var(--accent);background:#f2d27a24;font-weight:600;display:none}@media (hover:none) and (pointer:coarse){.chip-tap{display:inline-block}}.tp-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.btn-xl{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border-radius:16px;min-width:200px;min-height:60px;padding:0 28px;font-size:18px;font-weight:800}.kbd{font-family:var(--mono);border:1px solid #ffffff73;border-bottom-width:2px;border-radius:6px;padding:3px 7px;font-size:12px}.tp-opponents,.tp-me,.tp-last,.tp-rule-chips{display:none}.mini-seat{background:var(--panel);border:1px solid var(--line);border-radius:14px;align-items:center;gap:8px;min-width:0;padding:8px;display:flex}.mini-seat.is-turn{border-color:var(--accent)}.mini-seat.is-off{opacity:.5}.mini-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.tp-me{background:var(--panel);border-radius:16px;align-items:center;gap:10px;padding:8px 12px 8px 8px}.tp-me.is-turn{box-shadow:0 0 0 2px var(--accent)}.tp-last{border:1px solid var(--line);background:var(--panel);color:#c9d4cd;border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:0 12px;font-size:13px}.tp-rule-chips{flex-wrap:wrap;gap:6px}.chip{background:var(--panel-2);color:#a8c2b4;border-radius:999px;padding:4px 9px;font-size:11px}.tp-header-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px 14px;display:flex}.ghost-btn{border:1px solid var(--line-2);color:#c9d4cd;background:0 0;border-radius:10px;min-height:40px;padding:0 14px;font-size:14px;font-weight:600}.ghost-btn:hover{color:var(--text);border-color:#4a5a53}.ghost-btn.danger{color:#ff9a9a;background:#3a1d20;border-color:#7e1f24}.forfeit-confirm{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pile .card{--fx:0px;--fy:-80px;animation:.3s cubic-bezier(.2,.8,.2,1) fly}.pile .card[data-from=bottom]{--fx:0px;--fy:280px}.pile .card[data-from=top]{--fx:0px;--fy:-280px}.pile .card[data-from=left]{--fx:-380px;--fy:0px}.pile .card[data-from=right]{--fx:380px;--fy:0px}@keyframes fly{0%{opacity:.3;transform:translate(calc(var(--x) + var(--fx)), var(--fy)) rotate(calc(var(--r) * 4)) scale(.85)}to{opacity:1;transform:translateX(var(--x)) rotate(var(--r))}}.pile .card.sweep{z-index:3;animation:.6s cubic-bezier(.5,0,.75,0) forwards sweep}@keyframes sweep{0%{opacity:1;transform:translateX(var(--x)) rotate(var(--r))}to{opacity:0;transform:translate(var(--fx), var(--fy)) rotate(calc(var(--r) * 6)) scale(.4)}}.mini-seat,.tp-me{position:relative}.fx-wrong{animation:.4s shake}.fx-wrong .avatar{box-shadow:0 0 0 3px var(--danger), 0 0 18px #c7353b99!important}.fx-won .avatar{animation:.5s pulse;box-shadow:0 0 0 3px var(--accent), 0 0 26px #f2d27ab3!important}@keyframes shake{0%,to{translate:0}20%{translate:-7px}40%{translate:6px}60%{translate:-4px}80%{translate:3px}}@keyframes pulse{0%{scale:1}40%{scale:1.15}to{scale:1}}.fx-bubble{z-index:4;font:800 13px var(--font);white-space:nowrap;pointer-events:none;border-radius:999px;padding:3px 9px;animation:.9s ease-out forwards bubble;position:absolute;top:50%;right:calc(100% + 10px);translate:0 -50%}.seat.pos-left .fx-bubble{left:calc(100% + 10px);right:auto}.mini-seat .fx-bubble{right:8px}.tp-me .fx-bubble{right:118px}.fx-bubble-wrong{background:var(--danger);color:#fff}.fx-bubble-won{background:var(--accent);color:#1b1608}.fx-bubble-late{color:#e6d38a;background:#2a2a20}@keyframes bubble{0%{opacity:0;transform:translateY(6px)scale(.8)}15%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.slap-stamp{z-index:3;pointer-events:none;font:900 64px var(--font);letter-spacing:-2px;text-shadow:0 6px 30px #0009;animation:.8s ease-out forwards stamp;position:absolute;top:50%;left:50%}@keyframes stamp{0%{opacity:0;transform:translate(-50%,-50%)scale(1.8)rotate(-8deg)}20%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-8deg)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)scale(1)rotate(-8deg)}}.icon-btn{justify-content:center;align-items:center;width:40px;padding:0;display:inline-flex}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@media (width<=760px) and (height<=720px){.tp{gap:8px;padding-top:10px;padding-bottom:12px}.tp-body,.tp-center{gap:8px}.tp-me{padding-top:6px;padding-bottom:6px}.tp-last{min-height:38px}.btn-xl{min-height:56px}.felt-center{gap:4px}}@media (width>=761px) and (height<=669px){.tp-left .chat{display:none}.tp-left .tp-history{flex:0 auto;min-height:0}.tp-left .history li:nth-child(n+7){display:flex}.tp-header-right .chat-toggle{display:inline-flex}}@media (width>=761px) and (height<=760px){.tp{gap:12px;padding-top:12px;padding-bottom:14px}.tp-body,.tp-center{gap:12px}.felt{border-width:10px;border-radius:44px}.pos-top{top:14px}.pos-bottom{bottom:14px}.felt-center{gap:6px}.btn-xl{min-height:52px}}@media (prefers-reduced-motion:reduce){.pile .card,.history li,.fx-wrong,.fx-won .avatar{animation:none}.burn-card-wrap{animation:.4s 1.1s both fade-out}.pile .card.sweep{animation:.3s forwards fade-out}.fx-bubble,.slap-stamp,.tap-ring{animation-name:fade-out}.slap-stamp{transform:translate(-50%,-50%)rotate(-8deg)}}@media (width<=760px){.tp{gap:14px;padding:14px 14px 20px}.brand-sub,.conn-text{display:none}.room-pill{flex-basis:100%;order:3;justify-content:space-between}.room-pill .room-code{margin-right:auto}.tp-history,.tp-left,.tp-side,.felt .seat,.kbd{display:none}.tp-header-right .chat-toggle{display:inline-flex}.tp-opponents{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;display:grid}.tp-me,.tp-last,.tp-rule-chips{display:flex}.tp{--felt-h:clamp(210px, calc(100dvh - 480px), 330px)}.felt{border-width:8px;border-radius:32px}.burn-card-wrap[data-from]{--fx:0px}.burn-show{gap:4px}.burn-label{font-size:12px}.burn-card-wrap[data-from=bottom]{--fy:200px}.burn-card-wrap[data-from=top],.burn-card-wrap[data-from=left],.burn-card-wrap[data-from=right]{--fy:-200px}.felt-center{gap:8px}.pile .card[data-from=top],.pile .card[data-from=left],.pile .card[data-from=right]{--fx:0px;--fy:-240px}.pile .card[data-from=bottom]{--fx:0px;--fy:240px}.slap-stamp{font-size:44px}.tp-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.btn-xl{min-width:0;min-height:64px}.forfeit-confirm .small{display:none}}.turn-clock{color:var(--accent);font-weight:700;font-family:var(--mono)}.turn-clock.is-low{color:#ff9a9a}.turn-kbd{margin-left:8px}.turn-kbd.is-low{color:#7e1f24;border-color:#c7353b}