.chat{--chat-bg:var(--surface-2);--chat-bubble:var(--surface);--chat-bubble-ink:var(--ink);--chat-mine:var(--accent);--chat-mine-ink:var(--accent-ink);--chat-meta:var(--ink-3);--chat-line:var(--line);--chat-input:var(--surface);flex-direction:column;height:100%;min-height:0;display:flex}.chat.tone-felt{--chat-bg:transparent;--chat-bubble:#ffffff1a;--chat-bubble-ink:var(--felt-ink);--chat-mine:linear-gradient(180deg, #f2dca6, #d6b06b);--chat-mine-ink:#33240c;--chat-meta:var(--felt-ink-3);--chat-line:var(--felt-line);--chat-input:#00000040;color:var(--felt-ink)}.chat__list{background:var(--chat-bg);overscroll-behavior:contain;flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px 12px 8px;display:flex;overflow-y:auto}.chat__empty{color:var(--chat-meta);margin:auto;font-size:13px}.chat-msg{max-width:88%;animation:rise-in .2s var(--ease-out);align-items:flex-end;gap:8px;display:flex}.chat-msg .avatar{flex:none}.chat-msg.is-mine{flex-direction:row-reverse;align-self:flex-end}.chat-msg__body{flex-direction:column;gap:2px;min-width:0;display:flex}.chat-msg.is-mine .chat-msg__body{align-items:flex-end}.chat-msg__name{color:var(--chat-meta);align-items:center;gap:4px;padding-left:2px;font-size:11.5px;display:flex}.chat-msg__name em{background:var(--chat-line);border-radius:4px;padding:0 5px;font-size:10px;font-style:normal}.chat-msg__text{background:var(--chat-bubble);color:var(--chat-bubble-ink);word-break:break-word;white-space:pre-wrap;border-radius:14px 14px 14px 4px;padding:7px 11px;font-size:14px;line-height:1.45;box-shadow:0 1px 2px #0000000f}.chat.tone-paper .chat-msg__text{box-shadow:inset 0 0 0 1px var(--line)}.chat-msg.is-mine .chat-msg__text{background:var(--chat-mine);color:var(--chat-mine-ink);box-shadow:none;border-radius:14px 14px 4px}.chat-msg.is-system{max-width:100%;color:var(--chat-meta);align-self:center;font-size:12px}.chat-msg.is-system span{background:var(--chat-line);border-radius:99px;padding:2px 10px}.chat__quick{animation:rise-in .2s var(--ease-out);flex-wrap:wrap;gap:6px;padding:8px 12px 0;display:flex}.chat__quick button{background:var(--chat-bubble);color:var(--chat-bubble-ink);box-shadow:inset 0 0 0 1px var(--chat-line);border-radius:99px;padding:5px 11px;font-size:12.5px}.chat__quick button:hover{filter:brightness(.96)}.chat__form{border-top:1px solid var(--chat-line);align-items:center;gap:6px;padding:10px 10px 12px;display:flex}.chat__form input{background:var(--chat-input);min-width:0;height:38px;color:inherit;box-shadow:inset 0 0 0 1px var(--chat-line);border:0;border-radius:99px;outline:none;flex:1;padding:0 12px;font-size:14px}.chat__form input:focus{box-shadow:inset 0 0 0 1.5px var(--accent)}.chat.tone-felt .chat__form input:focus{box-shadow:inset 0 0 0 1.5px var(--felt-accent)}.chat__form input::placeholder{color:var(--chat-meta)}.chat__icon,.chat__send{width:36px;height:36px;color:var(--chat-meta);border-radius:50%;flex:none;place-items:center;display:grid}.chat__icon.is-on{color:inherit;background:var(--chat-line)}.chat__send{background:var(--chat-mine);color:var(--chat-mine-ink)}.chat__send:disabled{opacity:.4}.chat__count{color:var(--chat-meta);font-size:11px}.chat-drawer{z-index:90;top:calc(56px + env(safe-area-inset-top));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(340px,100vw - 20px);box-shadow:inset 0 0 0 1px var(--felt-line), 0 20px 50px #0006;animation:drawer-in .25s var(--ease-out);background:#0e1613c7;border-radius:20px;flex-direction:column;display:flex;position:absolute;bottom:10px;right:10px;overflow:hidden}@keyframes drawer-in{0%{opacity:0;translate:24px}}.chat-drawer__head{justify-content:space-between;align-items:center;padding:10px 8px 6px 16px;font-size:14px;font-weight:650;display:flex}.chat-drawer__head small{color:var(--felt-ink-3);margin-left:6px;font-weight:400}.chat-drawer .chat{flex:1}@media (max-height:500px){.chat-drawer{top:6px;bottom:6px}}@media (max-width:560px) and (orientation:portrait){.chat-drawer{width:auto;height:62dvh;animation:rise-in .25s var(--ease-out);border-radius:22px 22px 0 0;inset:auto 0 0}}.chat-peek{z-index:70;left:max(12px, env(safe-area-inset-left));top:calc(60px + env(safe-area-inset-top));pointer-events:none;flex-direction:column;align-items:flex-start;gap:6px;max-width:min(360px,70vw);display:flex;position:absolute}.chat-peek__item{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--felt-ink);pointer-events:auto;cursor:pointer;animation:peek 5.5s var(--ease-out) forwards;background:#0a100e9e;border-radius:99px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:13px;display:flex;box-shadow:0 6px 18px #00000040}.chat-peek__item b{color:var(--felt-accent);white-space:nowrap;font-weight:600}.chat-peek__item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes peek{0%{opacity:0;translate:-12px}6%{opacity:1;translate:0}85%{opacity:1}to{opacity:0;visibility:hidden}}.badge{color:#fff;text-align:center;background:#e5533d;border-radius:99px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:2px;right:2px;box-shadow:0 0 0 2px #00000040}.home{max-width:1120px;min-height:100%;padding:calc(18px + env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));margin:0 auto}.home__top{justify-content:space-between;align-items:center;height:48px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand__mark{color:var(--accent);flex:none;margin-top:-4px}.brand__text{flex-direction:column;line-height:1.05;display:flex}.brand__text strong{font-family:var(--font-display);letter-spacing:.12em;font-size:22px;font-weight:700}.brand__text small{letter-spacing:.32em;color:var(--ink-3);margin-top:2px;font-size:9.5px}.home__me{align-items:center;gap:4px;display:flex}.me-chip{background:var(--surface);height:38px;box-shadow:inset 0 0 0 1px var(--line);border-radius:99px;align-items:center;gap:8px;padding:0 14px 0 5px;font-size:14px;font-weight:550;display:inline-flex}.me-chip .avatar{box-shadow:none}.hero{padding:clamp(28px,7vh,72px) 0 clamp(20px,4vh,36px)}.hero h1{font-family:var(--font-display);letter-spacing:.04em;font-size:clamp(27px,5.2vw,52px);font-weight:600;line-height:1.22}.hero p{color:var(--ink-2);margin-top:14px;font-size:15.5px}.join{background:var(--surface);max-width:420px;box-shadow:var(--shadow), inset 0 0 0 1px var(--line);border-radius:99px;gap:8px;margin-top:26px;padding:6px;display:flex}.join input{letter-spacing:.24em;text-transform:uppercase;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:0 16px;font-size:16px;font-weight:600}.join input::placeholder{letter-spacing:.02em;color:var(--ink-3);text-transform:none;font-weight:400}.resume{border-radius:var(--radius-lg);background:var(--accent-soft);animation:rise-in .3s var(--ease-out);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:14px 14px 14px 20px;display:flex}.resume>div:first-child{flex-direction:column;display:flex}.resume strong{font-size:15px}.resume span{color:var(--ink-2);font-size:12.5px}.resume__actions{flex:none;gap:6px;display:flex}.games{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px;display:grid}.gtile{border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow), inset 0 0 0 1px var(--line);transition:transform .25s var(--ease), box-shadow .25s var(--ease);animation:rise-in .45s var(--ease-out) both;flex-direction:column;display:flex;position:relative;overflow:hidden}.gtile:nth-child(2){animation-delay:60ms}.gtile:nth-child(3){animation-delay:.12s}@media (hover:hover){.gtile:hover{box-shadow:0 2px 4px #0000000a, 0 18px 40px #1c1d1f1f, inset 0 0 0 1px var(--line);transform:translateY(-3px)}.gtile:hover .pcard{rotate:calc(var(--i) * 16deg);translate:calc(var(--i) * 40%) calc(var(--i) * var(--i) * 6% - 4%)}}.gtile__art{background:radial-gradient(120% 120% at 30% 20%, color-mix(in srgb, var(--t1) 100%, #fff 6%), var(--t2));place-items:center;height:148px;display:grid;position:relative;overflow:hidden}.gtile__art:after{content:"";pointer-events:none;background:radial-gradient(80% 60% at 50% 120%,#00000038,#0000);position:absolute;inset:0}.gtile__fan{width:60px;height:84px;margin-top:10px;position:relative}.gtile__fan .pcard{margin-left:calc(var(--w) / -2);margin-top:calc(var(--w) * -.7);transform-origin:50% 120%;rotate:calc(var(--i) * 12deg);translate:calc(var(--i) * 30%) calc(var(--i) * var(--i) * 5%);transition:rotate .35s var(--ease), translate .35s var(--ease);position:absolute;top:50%;left:50%;box-shadow:0 6px 18px #00000047}.gtile__tiles{gap:3px;margin-top:6px;display:flex}.gtile__tiles .mjtile{transition:translate .35s var(--ease)}@media (hover:hover){.gtile:hover .gtile__tiles .mjtile{translate:0 calc(var(--i) * var(--i) * 3px - 6px)}}.gtile__body{flex-direction:column;flex:1;padding:18px 20px 20px;display:flex}.gtile__head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.gtile__head h3{font-family:var(--font-display);letter-spacing:.08em;font-size:22px;font-weight:650}.gtile__people{color:var(--ink-3);white-space:nowrap;align-items:center;gap:4px;font-size:12.5px;display:inline-flex}.gtile__tagline{color:var(--ink-2);flex:1;margin-top:6px;font-size:14px}.gtile__actions{gap:8px;margin-top:16px;display:flex}.gtile__actions .btn{flex:1}.gtile__badge{color:#3a3631;background:#ffffffe6;border-radius:99px;padding:2px 9px;font-size:11px;font-weight:650;position:absolute;top:12px;right:12px}.games-group+.games-group{margin-top:40px}.games-group h2{letter-spacing:.16em;color:var(--ink-3);margin-bottom:14px;font-size:13px;font-weight:600}.games-group.is-more .gtile__art{height:112px}.more__note{color:var(--ink-3);margin-top:14px;font-size:13px}.more__note a{color:var(--accent);margin-left:6px;font-weight:550;text-decoration:none}.home__foot{border-top:1px solid var(--line);color:var(--ink-3);justify-content:space-between;margin-top:48px;padding-top:18px;font-size:12.5px;display:flex}.home__foot a{color:inherit;align-items:center;gap:5px;text-decoration:none;display:inline-flex}.home__foot a:hover{color:var(--ink)}.name-editor{align-items:center;gap:10px;display:flex}.name-editor input{background:var(--surface-2);width:9em;height:38px;box-shadow:inset 0 0 0 1px var(--line);border:0;border-radius:10px;outline:none;padding:0 12px;font-size:15px;font-weight:550}.name-editor input:focus{box-shadow:inset 0 0 0 1.5px var(--accent)}.setup-note{color:var(--ink-3);margin-top:10px;font-size:12.5px;line-height:1.6}.loading{color:var(--ink-3);place-items:center;font-size:14px;display:grid;position:fixed;inset:0}.loading.on-felt{color:var(--felt-ink-3);position:absolute}@media (max-width:560px){.games{gap:14px}.gtile{flex-direction:row}.gtile__art{flex:none;width:118px;height:auto}.gtile__fan{transform:scale(.82)}.gtile__body{padding:14px 16px 16px}.gtile__head{flex-direction:column;gap:0}.gtile__tagline{font-size:13px}.gtile__actions{margin-top:10px}.resume{flex-direction:column;align-items:stretch}.resume__actions{justify-content:flex-end}}.room{max-width:640px;min-height:100%;padding:calc(10px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:22px;margin:0 auto;display:flex}.room__top{justify-content:space-between;align-items:center;height:52px;display:flex}.room__title{flex-direction:column;align-items:center;line-height:1.2;display:flex}.room__title span{font-family:var(--font-display);letter-spacing:.08em;font-size:18px;font-weight:650}.room__title small{color:var(--ink-3);font-size:12px}.room__code{border-radius:var(--radius-xl);background:linear-gradient(160deg, var(--felt-1), var(--felt-3));color:var(--felt-ink);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:12px;padding:22px 16px 20px;display:flex}.room__label{letter-spacing:.3em;color:var(--felt-ink-2);font-size:12px}.room__digits{gap:10px;display:flex}.room__digits i{background:var(--card-face);width:52px;height:66px;color:var(--card-black);box-shadow:var(--card-shadow);font-size:34px;font-style:normal;font-weight:650;font-family:var(--font-card);border-radius:10px;place-items:center;display:grid}.room__digits i:nth-child(odd){color:var(--card-red)}.room__share{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.room__share .btn{color:var(--felt-ink);background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff29}.room__seats{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:10px;display:grid}.rseat{border-radius:var(--radius-lg);background:var(--surface);min-height:68px;box-shadow:inset 0 0 0 1px var(--line);animation:rise-in .3s var(--ease-out);align-items:center;gap:12px;padding:12px 12px 12px 16px;display:flex;position:relative}.rseat.is-empty{box-shadow:inset 0 0 0 1.5px var(--line-2);background:0 0;background-image:repeating-linear-gradient(135deg, transparent 0 8px, var(--line) 8px 9px);border:0}.rseat.is-mine{box-shadow:inset 0 0 0 1.5px var(--accent)}.rseat__empty{color:var(--ink-3);flex:1;font-size:14px}.rseat__ops{gap:2px;display:flex}.rseat__who{flex-direction:column;flex:1;min-width:0;display:flex}.rseat__who strong{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:15px;display:flex;overflow:hidden}.rseat__who em{background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:0 6px;font-size:11px;font-style:normal}.rseat__who span{color:var(--ink-3);align-items:center;gap:4px;font-size:12.5px;display:inline-flex}.rseat__no{color:var(--ink-3);opacity:.6;font-size:10px;position:absolute;top:6px;right:10px}.rseat .iconbtn{color:var(--ink-3)}.room__chat{border-radius:var(--radius-lg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.room__chat h3{color:var(--ink-2);border-bottom:1px solid var(--line);justify-content:space-between;padding:14px 20px 10px;font-size:13px;font-weight:600;display:flex}.room__chat h3 small{color:var(--ink-3);font-weight:400}.room__chatbox{height:300px}.room__options{border-radius:var(--radius-lg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);padding:6px 20px}.room__options h3{color:var(--ink-2);justify-content:space-between;padding:12px 0 2px;font-size:13px;font-weight:600;display:flex}.room__options h3 small{color:var(--ink-3);font-weight:400}.room__foot{flex-direction:column;align-items:center;gap:8px;margin-top:auto;display:flex}.room__foot small{color:var(--ink-3);font-size:12.5px}.room__wait{color:var(--ink-2);align-items:center;gap:10px;padding:14px;display:flex}.room-state{text-align:center;min-height:100%;color:var(--ink-2);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex}.room-state h2{color:var(--ink);font-size:20px}.spinner{border:2.5px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.spinner.small{border-width:2px;width:16px;height:16px}@keyframes spin{to{rotate:360deg}}:root{--font-ui:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;--font-display:"Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", "Noto Serif CJK SC", "SimSun", Georgia, serif;--font-card:"SF Pro Display", -apple-system, "Segoe UI", "Helvetica Neue", Roboto, Arial, sans-serif;--paper:#f4f1ea;--paper-2:#ece8de;--surface:#fffdf9;--surface-2:#f8f6f1;--ink:#1c1d1f;--ink-2:#5d6166;--ink-3:#979ba1;--line:#1c1d1f14;--line-2:#1c1d1f24;--accent:#1f5c4f;--accent-ink:#fff;--accent-soft:#e2ece8;--gold:#b48a4e;--gold-soft:#f3e9d8;--danger:#b3412f;--focus:#1f5c4f59;--card-face:#fffefb;--card-edge:#14161a1f;--card-red:#c4352b;--card-black:#1e2126;--card-blue:#23599b;--card-green:#2b7442;--card-back-1:#1f5c4f;--card-back-2:#17463c;--card-shadow:0 1px 1px #0000002e, 0 3px 10px #00000024;--felt-1:#2a6152;--felt-2:#173a31;--felt-3:#0f2822;--felt-ink:#f3f1ea;--felt-ink-2:#f3f1eaa8;--felt-ink-3:#f3f1ea66;--felt-line:#ffffff17;--felt-glass:#0a141152;--felt-glass-2:#ffffff12;--felt-accent:#e7c886;--radius-xs:6px;--radius-sm:10px;--radius:14px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 1px 2px #1c1d1f0f, 0 1px 1px #1c1d1f0a;--shadow:0 1px 2px #1c1d1f0d, 0 8px 24px #1c1d1f12;--shadow-lg:0 2px 6px #00000014, 0 24px 60px #0000002e;--ease:cubic-bezier(.2, .8, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--cw:clamp(40px, min(6.6vw, 13vh), 124px);--ch:calc(var(--cw) * 1.4);--cw-sm:calc(var(--cw) * .72);--cw-xs:calc(var(--cw) * .5);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--paper:#121314;--paper-2:#18191b;--surface:#1c1d20;--surface-2:#222326;--ink:#ecebe7;--ink-2:#a7a9ad;--ink-3:#6f7277;--line:#ffffff14;--line-2:#ffffff24;--accent:#5fb39d;--accent-ink:#0d1f1a;--accent-soft:#5fb39d24;--gold:#d4ac6e;--gold-soft:#d4ac6e24;--focus:#5fb39d66;--shadow-sm:0 1px 2px #0006;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-felt=indigo]{--felt-1:#2f4a72;--felt-2:#1a2b47;--felt-3:#111c30;--card-back-1:#2f4a72;--card-back-2:#22375a;--felt-glass:#080e1a57}[data-felt=wine]{--felt-1:#6a2f3b;--felt-2:#3e1820;--felt-3:#2a0f15;--card-back-1:#6a2f3b;--card-back-2:#4f2029;--felt-glass:#18060a57}[data-felt=graphite]{--felt-1:#3b3d40;--felt-2:#242527;--felt-3:#18191a;--card-back-1:#3e4146;--card-back-2:#2b2d31;--felt-glass:#0000004d;--felt-accent:#e0c48c}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-ui);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overscroll-behavior:none;margin:0;font-size:15px;line-height:1.5}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}h1,h2,h3,h4,p{margin:0}.num{font-variant-numeric:tabular-nums}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.04)}to{transform:scale(1)}}.pcard{--w:var(--cw);width:var(--w);height:calc(var(--w) * 1.4);border-radius:calc(var(--w) * .085);background:var(--card-face);box-shadow:var(--card-shadow), inset 0 0 0 1px var(--card-edge);color:var(--card-black);-webkit-user-select:none;user-select:none;font-family:var(--font-card);transition:translate .16s var(--ease), box-shadow .16s var(--ease), filter .16s var(--ease);flex:none;position:relative;overflow:hidden}.pcard[data-suit=H]{color:var(--card-red)}.pcard[data-suit=D]{color:var(--suit-d,var(--card-red))}.pcard[data-suit=C]{color:var(--suit-c,var(--card-black))}:root[data-four-color]{--suit-d:var(--card-blue);--suit-c:var(--card-green)}.pcard:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(160deg,#ffffff80,#fff0 38%);position:absolute;inset:0}.pcard__index{left:calc(var(--w) * .07);top:calc(var(--w) * .06);width:calc(var(--w) * .3);flex-direction:column;align-items:center;line-height:1;display:flex;position:absolute}.pcard__rank{font-size:calc(var(--w) * .31);letter-spacing:-.04em;font-weight:650}.pcard__rank.is-ten{letter-spacing:-.09em;font-size:calc(var(--w) * .27);margin-left:-.06em}.pcard__suit{width:calc(var(--w) * .2);height:calc(var(--w) * .2);margin-top:calc(var(--w) * .035)}.pcard__pip{right:calc(var(--w) * .1);bottom:calc(var(--w) * .12);width:calc(var(--w) * .46);height:calc(var(--w) * .46);opacity:.92;position:absolute}.pcard__pip.is-ace{right:calc(var(--w) * .14);bottom:calc(var(--w) * .2);width:calc(var(--w) * .56);height:calc(var(--w) * .56)}.pcard__court{right:calc(var(--w) * .08);bottom:calc(var(--w) * .12);width:calc(var(--w) * .6);height:calc(var(--w) * .6);position:absolute}.pcard--joker{color:var(--card-black)}.pcard--joker.is-big{color:var(--card-red)}.pcard__jindex{left:calc(var(--w) * .08);top:calc(var(--w) * .07);writing-mode:vertical-rl;font-family:var(--font-display);font-weight:700;font-size:calc(var(--w) * .2);letter-spacing:.08em;line-height:1;position:absolute}.pcard__jcenter{right:calc(var(--w) * .07);bottom:calc(var(--w) * .12);width:calc(var(--w) * .62);height:calc(var(--w) * .62);position:absolute}.pcard--joker:not(.is-big) .pcard__jcenter{opacity:.85}.pcard__wild{right:calc(var(--w) * .06);top:calc(var(--w) * .06);width:calc(var(--w) * .26);height:calc(var(--w) * .26);background:var(--gold);color:#fff;font-size:calc(var(--w) * .15);font-weight:700;font-family:var(--font-ui);border-radius:50%;place-items:center;display:grid;position:absolute}.pcard--back{background:var(--card-face);padding:calc(var(--w) * .05)}.pcard__back{border-radius:calc(var(--w) * .05);background:repeating-linear-gradient(45deg, #ffffff12 0 1px, transparent 1px calc(var(--w) * .09)), repeating-linear-gradient(-45deg, #ffffff12 0 1px, transparent 1px calc(var(--w) * .09)), linear-gradient(160deg, var(--card-back-1), var(--card-back-2));place-items:center;width:100%;height:100%;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f}.pcard__emblem{font-family:var(--font-display);font-size:calc(var(--w) * .3);color:#e7c886bf;width:calc(var(--w) * .48);height:calc(var(--w) * .48);border:1px solid #e7c88673;border-radius:50%;place-items:center;line-height:1;display:grid}.pcard.is-selected{box-shadow:0 0 0 2px var(--felt-accent), 0 10px 24px #00000047}.pcard.is-dim{filter:brightness(.62)saturate(.7)}.pcard.is-highlight{box-shadow:0 0 0 2px var(--felt-accent), 0 0 18px #e7c8868c}.hand{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;position:relative}.hand__card{cursor:pointer;animation:deal-in .42s var(--ease-out) both;position:absolute;top:0;left:0}.hand.is-disabled .hand__card{cursor:default}@keyframes deal-in{0%{opacity:0;transform:translateY(-36px)rotate(-4deg)scale(.9)}}.cardrow{padding-right:calc(var(--w) * var(--ov));justify-content:center;align-items:flex-end;display:flex}.cardrow>.pcard{margin-right:calc(var(--w) * var(--ov) * -1);animation:play-in .32s var(--ease-out) both}.cardrow.from-left>.pcard{--dx:-40px}.cardrow.from-right>.pcard{--dx:40px}.cardrow.from-top>.pcard{--dy:-40px}.cardrow.from-bottom>.pcard{--dy:50px}@keyframes play-in{0%{opacity:0;transform:translate(var(--dx,0), var(--dy,0)) scale(.88)}}.seat{color:var(--felt-ink);align-items:center;gap:6px;display:flex;position:relative}.seat--column{flex-direction:column}.seat--row{flex-direction:row}.seat.is-dim{opacity:.45}.avatar{color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;font-weight:600;line-height:1;display:inline-grid;box-shadow:inset 0 0 0 1px #ffffff2e,0 2px 6px #00000040}.avatar--pixel{image-rendering:pixelated;display:block;overflow:hidden}.avatar--vc{display:block;overflow:hidden}.avatar--vc i{width:100%;height:100%;image-rendering:pixelated;background-repeat:no-repeat;display:block}.vc-sprite{image-rendering:pixelated;background-position:0 0;background-repeat:no-repeat;flex:none;display:block}.vc-sprite.is-moving{animation-name:vc-play;animation-timing-function:steps(var(--vc-frames), jump-none);animation-iteration-count:infinite}@keyframes vc-play{0%{background-position-x:0%}to{background-position-x:100%}}@media (prefers-reduced-motion:reduce){.vc-sprite.is-moving{animation:none}}.avatar--pixel svg{width:100%;height:100%;display:block}.avatar-picker{gap:12px;width:100%;display:grid}.avatar-picker__title{color:var(--ink-3);letter-spacing:.08em;font-size:12px;font-weight:600}.avatar-picker__grid{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.avatar-picker__grid button{transition:transform .15s var(--ease), box-shadow .15s;border-radius:50%;padding:2px}.avatar-picker__grid button:hover{transform:translateY(-2px)}.avatar-picker__grid button.is-vc{color:var(--ink-2);background:var(--surface-2);border-radius:14px;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;width:84px;padding:10px 4px 6px;font-size:11.5px;display:flex}.avatar-picker__grid button.is-vc:hover .vc-sprite{translate:0 -1px}.avatar-picker__grid button.is-on{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.field--stack{flex-direction:column;align-items:stretch;gap:10px}.field--stack .field__label{flex-direction:row;align-items:baseline;gap:8px}.seat__avatar{border-radius:50%;place-items:center;padding:3px;display:grid;position:relative}.seat.is-active .seat__avatar{animation:1.6s ease-in-out infinite breathe;box-shadow:0 0 0 2px #e7c88659}@keyframes breathe{50%{box-shadow:0 0 0 5px #e7c8861f}}.seat__figure{place-items:end center;padding:0 2px 2px;display:grid;position:relative}.seat__figure .vc-sprite{z-index:1;position:relative}.seat__figure.is-overflow{align-self:stretch;padding:0}.seat__figure.is-overflow .vc-sprite{position:absolute;bottom:2px;left:0}.seat__stage{aspect-ratio:100/28;background:radial-gradient(closest-side,#0000005c,#0000);border-radius:50%;width:92%;position:absolute;bottom:0;left:50%;translate:-50% 35%}.seat--figure.is-active .seat__stage{background:radial-gradient(closest-side,#f0d59b9e,#f0d59b00);animation:1.6s ease-in-out infinite stage-glow}@keyframes stage-glow{50%{opacity:.55;scale:1.1}}.seat__oval{fill:none;width:112%;stroke:var(--felt-accent);stroke-width:4.5px;stroke-linecap:round;transition:stroke-dasharray .25s linear;position:absolute;bottom:0;left:50%;overflow:visible;translate:-50% 35%}.seat__oval .track{stroke:#ffffff24}.seat__oval.is-urgent{stroke:#e46a55}.seat__figure .seat__badge{z-index:2;bottom:8px;left:0}.seat__figure .seat__badge.is-off{left:auto;right:0}.seat__figure .seat__tag{z-index:2;top:6px;right:-12px}.seat--row .seat__figure .seat__tag{left:-12px;right:auto}.seat__figure .seat__seconds{z-index:2;bottom:-12px}.seat__ring{background:conic-gradient(var(--felt-accent) calc(var(--p,1) * 360deg), #ffffff1a 0);border-radius:50%;transition:background .25s linear;position:absolute;inset:-2px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px))}.seat__ring.is-urgent{background:conic-gradient(#e46a55 calc(var(--p,1) * 360deg), #ffffff1a 0)}.seat__seconds{background:var(--felt-accent);color:#2a2116;border-radius:99px;padding:0 5px;font-size:10px;font-weight:700;position:absolute;bottom:-4px;left:50%;translate:-50%}.seat__tag{letter-spacing:.04em;white-space:nowrap;border-radius:99px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:-6px;right:-10px;box-shadow:0 2px 6px #00000040}.seat__tag.tone-gold{color:#3b2a10;background:linear-gradient(#f0d59b,#c9a25b)}.seat__tag.tone-plain{color:#2b2d31;background:#ffffffe6}.seat__tag.tone-accent{color:#0e2a22;background:#6fc2a8}.seat__badge{color:#34373c;background:#f3f1ea;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;bottom:-2px;left:-4px;box-shadow:0 1px 4px #0000004d}.seat__badge.is-off{color:#fff;background:#e46a55;left:auto;right:-4px}.seat__wake{z-index:6;color:#6b5a2c;opacity:.72;width:22px;height:22px;transition:opacity .2s, transform .2s var(--ease-out), background .2s;background:#fffdf5d1;border-radius:50%;place-items:center;display:grid;position:absolute;top:-12px;left:50%;translate:-50%;box-shadow:0 2px 6px #0000004d}.seat__wake:hover{opacity:1;scale:1.1}.seat__wake.is-on{opacity:1;color:#fff;background:linear-gradient(135deg,#b48cff,#ff8ac6 55%,#ffd36e);animation:2.4s ease-in-out infinite wake-glow;box-shadow:0 0 0 2px #ffffffb3,0 0 12px #d696ffbf}@keyframes wake-glow{50%{box-shadow:0 0 0 2px #ffffffb3,0 0 18px #ffaadce6}}.seat__figure .seat__wake{top:calc(var(--fig-top) - 14px)}.seat__figure .seat__think{bottom:calc(100% + 13px - var(--fig-top))}.seat__figure.is-overflow .seat__wake{top:calc(100% - var(--fig-h) + var(--fig-top) - 16px)}.seat__figure.is-overflow .seat__think{bottom:calc(var(--fig-h) - var(--fig-top) + 10px)}.seat__badge.is-ai{color:#fff;background:linear-gradient(135deg,#b48cff,#ff8ac6)}.seat__think{z-index:7;animation:pop-in .25s var(--ease-out);background:#fffffff2;border-radius:12px;gap:3px;padding:6px 8px;display:flex;position:absolute;bottom:calc(100% + 13px);left:50%;translate:-50%;box-shadow:0 3px 10px #00000040}.seat__think i{background:#6b6f78;border-radius:50%;width:5px;height:5px;animation:1.1s ease-in-out infinite think-dot}.seat__think i:nth-child(2){animation-delay:.15s}.seat__think i:nth-child(3){animation-delay:.3s}@keyframes think-dot{0%,60%,to{opacity:.35;translate:0}30%{opacity:1;translate:0 -3px}}.seat__speech{z-index:35;bottom:calc(100% + 6px + var(--fig-over,0px) - var(--fig-top,0px));color:#2b2d31;width:max-content;max-width:190px;animation:speech 5.5s var(--ease-out) forwards;pointer-events:none;background:#fffdf8f7;border-radius:14px;padding:6px 11px;font-size:13px;line-height:1.4;position:absolute;left:50%;translate:-50%;box-shadow:0 6px 18px #00000040}.seat__speech.align-start{left:0;translate:none}.seat__speech.align-end{left:auto;right:0;translate:none}@keyframes speech{0%{opacity:0;transform:translateY(6px)scale(.95)}5%{opacity:1;transform:none}88%{opacity:1}to{opacity:0}}.seat__meta{flex-direction:column;align-items:center;min-width:0;line-height:1.25;display:flex}.seat--row .seat__meta{align-items:flex-start}.seat__name{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #0000004d;align-items:center;gap:4px;max-width:9em;font-size:15px;font-weight:650;display:inline-flex;overflow:hidden}.seat__me{background:#ffffff29;border-radius:4px;padding:0 4px;font-size:10px;font-weight:600}.seat__sub{color:var(--felt-ink-2);align-items:center;gap:4px;font-size:12.5px;display:inline-flex}.seat__bubble{z-index:30;white-space:nowrap;color:#26292d;animation:pop-in .3s var(--ease-out);pointer-events:none;background:#fffffff0;border-radius:99px;padding:4px 10px;font-size:13px;font-weight:600;position:absolute;box-shadow:0 4px 14px #00000038}.seat__bubble.side-top{margin-bottom:6px;bottom:100%}.seat__bubble.side-bottom{margin-top:6px;top:100%}.seat__bubble.side-right{margin-left:8px;top:10px;left:100%}.seat__bubble.side-left{margin-right:8px;top:10px;right:100%}.count-chip{color:var(--felt-ink);align-items:center;gap:4px;font-weight:650;display:inline-flex}.count-chip i{background:linear-gradient(160deg, var(--card-back-1), var(--card-back-2));border-radius:2px;width:9px;height:12px;box-shadow:0 0 0 1px #ffffff80}.count-chip.is-warn{color:#ffb39f}.btn{letter-spacing:.02em;white-space:nowrap;transition:transform .12s var(--ease), background .16s, box-shadow .16s, opacity .16s;-webkit-user-select:none;user-select:none;border-radius:99px;justify-content:center;align-items:center;gap:6px;font-weight:600;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.42}.btn--sm{height:32px;padding:0 14px;font-size:13px}.btn--md{height:40px;padding:0 20px;font-size:14.5px}.btn--lg{height:50px;padding:0 28px;font-size:16px}.btn--block{width:100%}.btn--primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 1px 2px #0000001f,inset 0 1px #ffffff1f}.btn--primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 88%, #000)}.btn--secondary{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2)}.btn--secondary:hover:not(:disabled){background:var(--surface-2)}.btn--ghost{color:var(--ink-2)}.btn--ghost:hover:not(:disabled){background:var(--line);color:var(--ink)}.btn--gold{color:#33240c;background:linear-gradient(#f0d59b,#c9a25b);box-shadow:0 2px 8px #00000038,inset 0 1px #ffffff73}.btn--danger{background:var(--danger);color:#fff}.btn--felt{color:var(--felt-ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff29}.btn--felt:hover:not(:disabled){background:#ffffff29}.btn--felt-primary{color:#33240c;background:linear-gradient(#f6e1b0,#d6b06b);box-shadow:0 4px 14px #00000040,inset 0 1px #ffffff80}.btn--felt-primary:hover:not(:disabled){filter:brightness(1.04)}.iconbtn{width:38px;height:38px;color:inherit;border-radius:50%;flex:none;place-items:center;transition:background .15s;display:inline-grid;position:relative}.iconbtn:hover{background:var(--line)}.iconbtn.is-active{background:var(--accent-soft);color:var(--accent)}.sheet-backdrop{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0e10126b;justify-content:center;align-items:center;padding:20px;animation:.2s fade-in;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:min(460px,100%);max-height:min(86dvh,760px);color:var(--ink);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:rise-in .28s var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.sheet--wide{width:min(640px,100%)}.sheet__head{justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 22px 6px 24px;display:flex}.sheet__title{letter-spacing:.01em;font-size:19px;font-weight:650}.sheet__subtitle{color:var(--ink-2);margin-top:2px;font-size:13px}.sheet__close{width:32px;height:32px;color:var(--ink-2);background:var(--surface-2);border-radius:50%;flex:none;place-items:center;display:grid}.sheet__body{padding:12px 24px 20px;overflow-y:auto}.sheet__foot{border-top:1px solid var(--line);gap:10px;padding:14px 24px 22px;display:flex}.sheet__foot>.btn{flex:1}@media (max-width:560px){.sheet-backdrop{align-items:flex-end;padding:0}.sheet{width:100%;padding-bottom:env(safe-area-inset-bottom);border-radius:24px 24px 0 0}}.segmented{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.segmented button{height:32px;color:var(--ink-2);border-radius:9px;padding:0 14px;font-size:13.5px;font-weight:550;transition:background .15s,color .15s,box-shadow .15s}.segmented button.is-on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--line)}.segmented.is-disabled{opacity:.6}.switch{background:var(--line-2);border-radius:99px;flex:none;width:44px;height:26px;transition:background .2s;position:relative}.switch span{width:20px;height:20px;transition:translate .2s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch.is-on{background:var(--accent)}.switch.is-on span{translate:18px}.field{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.field:last-child{border-bottom:0}.field__label{flex-direction:column;font-size:14.5px;font-weight:550;display:flex}.field__label small{color:var(--ink-3);font-size:12px;font-weight:400}.field__note{color:var(--ink-3);text-align:center;margin:-2px 0 0;font-size:12px}.ai-settings{gap:10px}.ai-input{color:var(--ink-2);grid-template-columns:5.2em 1fr;align-items:center;gap:10px;font-size:13.5px;display:grid}.ai-input input{background:var(--surface-2);min-width:0;height:36px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);font-size:14px;font-family:var(--font-mono,ui-monospace, monospace);border:0;border-radius:10px;outline:none;padding:0 12px}.ai-input input:focus{box-shadow:inset 0 0 0 1.5px var(--accent)}.ai-input input::placeholder{color:var(--ink-3);font-family:inherit}.ai-row{color:var(--ink-2);justify-content:space-between;align-items:center;gap:10px;font-size:13.5px;display:flex}.ai-row>span{flex-direction:column;display:flex}.ai-row small{color:var(--ink-3);font-size:11.5px}.ai-settings .btn{align-self:flex-start}.field__control{justify-content:flex-end;display:flex}@media (max-width:520px){.field:has(.segmented){flex-direction:column;align-items:stretch;gap:8px}.field:has(.segmented) .field__control{justify-content:flex-start}}.toasts{left:50%;top:calc(14px + env(safe-area-inset-top));z-index:400;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;translate:-50%}.toast{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:rise-in .25s var(--ease-out);background:#1c1d1fe0;border-radius:99px;padding:9px 16px;font-size:14px;font-weight:550;box-shadow:0 8px 24px #0003}.toast.tone-error{background:#963022f0}@media (max-height:500px){.seat__name{font-size:12.5px}.seat__sub{font-size:11.5px}}:root{--tile-face:#fbf7ee;--tile-edge:#e7dfcc;--tile-back-1:#2f7a64;--tile-back-2:#1f5a49;--tw:clamp(30px, min(4.4vw, 8.6vh), 60px);--rw:clamp(15px, min(2.4vw, 4.5vh), 36px)}[data-felt=indigo]{--tile-back-1:#3a5f8f;--tile-back-2:#26446b}[data-felt=wine]{--tile-back-1:#7d3a47;--tile-back-2:#5a2631}[data-felt=graphite]{--tile-back-1:#4b5056;--tile-back-2:#33373c}.mjtile{--w:var(--tw);width:var(--w);height:calc(var(--w) * 1.34);border-radius:calc(var(--w) * .13);background:linear-gradient(180deg, #fffdf7 0%, var(--tile-face) 70%, #f1eadb 100%);box-shadow:inset 0 0 0 1px #78643c2e, 0 calc(var(--w) * .07) 0 var(--tile-edge), 0 calc(var(--w) * .12) 0 var(--tile-back-1), 0 calc(var(--w) * .12 + 2px) 6px #0000004d;margin-bottom:calc(var(--w) * .12);-webkit-user-select:none;user-select:none;transition:translate .15s var(--ease), filter .15s, box-shadow .15s;flex:none;position:relative}.mjtile__svg{width:84%;height:88%;position:absolute;inset:6% 8%}.mjtile--back{background:radial-gradient(circle at 50% 45%, #ffffff24, transparent 60%), linear-gradient(170deg, var(--tile-back-1), var(--tile-back-2));box-shadow:inset 0 0 0 1px #ffffff1f, 0 calc(var(--w) * .07) 0 var(--tile-edge), 0 calc(var(--w) * .07 + 2px) 5px #0000004d;margin-bottom:calc(var(--w) * .07)}.mjtile.is-selected{translate:0 calc(var(--w) * -.3);box-shadow:inset 0 0 0 1px #78643c2e, 0 0 0 2px var(--felt-accent), 0 calc(var(--w) * .07) 0 var(--tile-edge), 0 calc(var(--w) * .12) 0 var(--tile-back-1), 0 10px 20px #00000059}.mjtile.is-dim{filter:brightness(.72)saturate(.6)}.mjtile.is-highlight{z-index:2;box-shadow:inset 0 0 0 1px #78643c2e, 0 0 0 2px var(--felt-accent), 0 0 14px #e7c886bf, 0 calc(var(--w) * .07) 0 var(--tile-back-1);animation:1.6s ease-in-out infinite glow}@keyframes glow{50%{filter:brightness(1.06)}}.mjtile__que{font-size:max(9px, calc(var(--w) * .26));color:#fff;background:#b9483a;border-radius:4px;padding:2px 3px;font-weight:700;line-height:1;position:absolute;top:-3px;right:-3px;box-shadow:0 1px 3px #0000004d}.suit-badge{width:20px;height:20px;font-size:12px;font-weight:700;font-family:var(--font-display);color:#fff;border-radius:6px;place-items:center;display:inline-grid;box-shadow:0 1px 3px #0000004d}.suit-badge.is-wan{background:#b9483a}.suit-badge.is-tiao{background:#2e7a4f}.suit-badge.is-tong{background:#2a5b8c}.table{color:var(--felt-ink);background:radial-gradient(120% 90% at 50% 38%, var(--felt-1) 0%, var(--felt-2) 55%, var(--felt-3) 100%);-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.table:before{content:"";opacity:.11;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.table:after{content:"";inset:max(52px, calc(env(safe-area-inset-top) + 48px)) 10px 10px;border:1px solid var(--felt-line);pointer-events:none;border-radius:28px;position:absolute}.table__top{z-index:60;height:calc(52px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(8px, env(safe-area-inset-right)) 0 max(8px, env(safe-area-inset-left));justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.table__top .iconbtn{color:var(--felt-ink-2)}.table__top .iconbtn:hover{background:var(--felt-glass-2);color:var(--felt-ink)}.table__top .iconbtn.is-active{color:var(--felt-accent);background:#e7c8862e}.table__top-left,.table__top-right{align-items:center;gap:2px;display:flex}.table__title{flex-direction:column;margin-left:2px;line-height:1.2;display:flex}.table__title strong{letter-spacing:.04em;font-size:15px;font-weight:650}.table__title span{color:var(--felt-ink-3);font-size:11px}.board{top:calc(52px + env(safe-area-inset-top));left:env(safe-area-inset-left);right:env(safe-area-inset-right);bottom:env(safe-area-inset-bottom);position:absolute}.auto-banner,.net-banner{z-index:70;top:calc(58px + env(safe-area-inset-top));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;animation:rise-in .25s var(--ease-out);background:#0a0e0c99;border-radius:99px;align-items:center;gap:8px;padding:6px 8px 6px 14px;font-size:13px;display:flex;position:absolute;left:50%;translate:-50%;box-shadow:0 6px 18px #00000040}.net-banner{background:#78281ed9;padding-right:14px}.auto-banner button,.net-banner button{background:var(--felt-accent);color:#2a2116;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:600}.emote-picker{top:calc(52px + env(safe-area-inset-top));box-shadow:var(--shadow-lg);animation:rise-in .2s var(--ease-out);background:#fffffff5;border-radius:16px;gap:4px;padding:6px;display:flex;position:absolute;right:12px}.emote-picker button{border-radius:10px;width:40px;height:40px;font-size:22px}.emote-picker button:hover{background:#0000000f}.emote-layer{z-index:80;pointer-events:none;gap:12px;display:flex;position:absolute;top:30%;left:50%;translate:-50%}.emote-float{animation:emote 3.4s var(--ease-out) forwards;flex-direction:column;align-items:center;display:flex}.emote-float span{filter:drop-shadow(0 6px 12px #0000004d);font-size:44px;line-height:1}.emote-float small{color:var(--felt-ink-2);margin-top:4px;font-size:12px}@keyframes emote{0%{opacity:0;transform:translateY(16px)scale(.6)}12%{opacity:1;transform:translateY(0)scale(1.08)}20%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-24px)}}.rules-list{color:var(--ink-2);gap:10px;margin:0;padding-left:20px;font-size:14.5px;line-height:1.65;display:grid}.rules-list li::marker{color:var(--accent);font-weight:600}.felt-picker{gap:8px;display:flex}.felt-picker button{color:var(--ink-2);flex-direction:column;align-items:center;gap:4px;font-size:12px;display:flex}.felt-picker i{border-radius:50%;width:34px;height:34px;transition:box-shadow .15s;box-shadow:inset 0 0 0 1px #0000001a}.felt-picker button.is-on i{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.felt-picker button.is-on{color:var(--ink)}.info-chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.chip{background:var(--felt-glass);height:26px;box-shadow:inset 0 0 0 1px var(--felt-line);color:var(--felt-ink-2);white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:0 10px;font-size:12.5px;display:inline-flex}.chip b{color:var(--felt-ink);font-weight:650}.chip.is-gold b{color:var(--felt-accent)}.action-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:44px;display:flex}.action-bar .btn{min-width:84px}.action-hint{color:var(--felt-ink-2);align-items:center;gap:6px;font-size:13px;display:flex}.action-hint b{color:var(--felt-accent);font-weight:600}.pattern-tag{color:var(--felt-accent);background:#e7c88629;border-radius:99px;padding:2px 9px;font-size:12px;font-weight:600;animation:.2s fade-in}.pass-label{letter-spacing:.18em;color:var(--felt-ink-2);font-size:18px;font-weight:600;font-family:var(--font-display);animation:pop-in .3s var(--ease-out)}.result{text-align:center}.result__title{font-family:var(--font-display);letter-spacing:.16em;margin-top:4px;font-size:34px;font-weight:700}.result__title.is-win{color:var(--gold)}.result__title.is-lose{color:var(--ink-2)}.result__sub{color:var(--ink-2);margin-top:4px;font-size:13.5px}.result__table{border-collapse:collapse;width:100%;margin-top:18px;font-size:14px}.result__table th{color:var(--ink-3);text-align:left;padding:0 6px 6px;font-size:12px;font-weight:500}.result__table td{border-top:1px solid var(--line);text-align:left;vertical-align:middle;padding:10px 6px}.result__table td.num,.result__table th.num{text-align:right}.result__table tr.is-me td{background:var(--accent-soft)}.result__table tr.is-me td:first-child{border-radius:10px 0 0 10px}.result__table tr.is-me td:last-child{border-radius:0 10px 10px 0}.result__who{align-items:center;gap:8px;font-weight:600;display:flex}.delta-pos{color:#2f7d58;font-weight:650}.delta-neg{color:var(--danger);font-weight:650}:root[data-theme=dark] .delta-pos{color:#6fcf97}.result__hands{text-align:left;gap:8px;margin-top:14px;display:grid}.result__hand{background:linear-gradient(160deg, var(--felt-1), var(--felt-2));border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex;overflow-x:auto}.result__hand>span{color:var(--felt-ink-2);flex:none;width:4em;font-size:12px}.mini-tag{background:var(--gold-soft);color:var(--gold);border-radius:99px;padding:1px 7px;font-size:11px;font-weight:650}.mini-tag.is-plain{background:var(--surface-2);color:var(--ink-2)}.ready-note{color:var(--ink-3);text-align:center;margin-top:10px;font-size:12px}.rotate-tip{display:none}@media (orientation:portrait) and (max-width:600px){:root{--cw:clamp(40px, 14.5vw, 64px)}.rotate-tip{z-index:5;color:var(--felt-ink-3);white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:flex;position:absolute;top:6px;left:50%;translate:-50%}}@media (max-height:500px){.top-info{z-index:61;flex-wrap:nowrap;align-items:center;height:52px;position:absolute;top:-52px;left:50%;translate:-50%}.top-info .chip{height:24px;font-size:11.5px}}