:root{--night:#1d1430;--mat-1:#261a3b;--mat-2:#2d2045;--weave:#f3a93a0f;--line:#4b3a68;--panel:#1d1430b8;--text:#f4edff;--muted:#b9aad3;--card:#f7efe0;--card-edge:#d9ccb4;--ink:#261b35;--marigold:#f3a93a;--marigold-ink:#2b1a04;--chili:#e4473b;--on-chili:#fff6f1;--leaf:#4fb48a;--on-leaf:#06231a;--shadow:#08041073;--display:"Chonburi", "Mitr", Georgia, serif;--body:"Mitr", "Noto Sans Thai", "Thonburi", system-ui, sans-serif;--t-xs:.8125rem;--t-sm:.9375rem;--t-md:1.0625rem;--t-lg:1.375rem;--t-xl:2rem;--t-xxl:3rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--body);color:var(--text);background-color:var(--night);-webkit-tap-highlight-color:transparent;background-image:radial-gradient(95% 55% at 50% -5%,#9b7fd44d,#0000 70%),radial-gradient(90% 45% at 50% 108%,#f3a93a24,#0000 70%),radial-gradient(circle at 8% 38%,#e4473b1a,#0000 32%),radial-gradient(circle at 94% 70%,#4fb48a17,#0000 32%);background-repeat:no-repeat;margin:0;font-size:16px;font-weight:300;line-height:1.55}.app{max-width:460px;height:100dvh;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));padding-top:max(8px, env(safe-area-inset-top,0px));padding-bottom:max(12px, env(safe-area-inset-bottom,0px));flex-direction:column;margin:0 auto;display:flex}.topbar{justify-content:space-between;align-items:center;gap:12px;min-height:36px;display:flex}.brand-sm{font-family:var(--display);color:var(--marigold);font-size:var(--t-sm)}.topbar-tools{align-items:center;gap:8px;display:flex}.topbar-slot{display:contents}.icon-btn{width:32px;height:32px;color:var(--text);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:999px;place-items:center;padding:0;display:grid}.icon-btn svg{width:18px;height:18px}.icon-btn[aria-pressed=false]{color:var(--muted)}.chip-btn,.lang{font-family:var(--body);font-size:var(--t-xs);color:var(--text);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:4px 12px;font-weight:500}.screen{flex-direction:column;flex:1;gap:16px;min-height:0;padding-top:4px;display:flex;overflow-y:auto}.actions{flex-direction:column;gap:10px;margin-top:auto;padding-top:8px;padding-bottom:6px;display:flex}h1,h2,.display{font-family:var(--display);text-wrap:balance;margin:0;font-weight:400;line-height:1.45}p{margin:0}.muted{color:var(--muted)}.small{font-size:var(--t-xs)}.center{text-align:center}.strong{font-weight:500}.stack{flex-direction:column;gap:4px;display:flex}.heading{font-size:var(--t-lg)}.label{font-size:var(--t-xs);letter-spacing:.06em;color:var(--muted)}.waiting{text-align:center;color:var(--muted);padding:12px 0}.error{color:var(--chili);font-size:var(--t-sm)}.grow{flex:1}.btn{font-family:var(--body);font-size:var(--t-md);background:var(--marigold);color:var(--marigold-ink);cursor:pointer;width:100%;box-shadow:0 3px 0 var(--shadow);border:0;border-radius:14px;padding:14px 18px;font-weight:500;transition:transform 80ms,opacity .2s}.btn:active{box-shadow:0 1px 0 var(--shadow);transform:translateY(2px)}.btn:disabled{opacity:.38;cursor:not-allowed;transform:none}.btn.danger{background:var(--chili);color:var(--on-chili)}.btn.ghost{color:var(--text);border:1.5px solid var(--line);box-shadow:none;background:0 0}.btn.inline{flex:none;width:auto;padding-inline:16px}:focus-visible{outline:3px solid var(--marigold);outline-offset:3px}.brand{flex-direction:column;gap:4px;padding-top:8px;display:flex}.brand h1{font-size:var(--t-xxl);color:var(--marigold);letter-spacing:.01em}.brand h1.title-md{font-size:var(--t-xl)}.field{flex-direction:column;gap:6px;display:flex}.row{gap:8px;display:flex}input[type=text]{font-family:var(--body);font-size:var(--t-md);color:var(--text);background:var(--panel);border:1.5px solid var(--line);border-radius:12px;width:100%;min-width:0;padding:11px 12px;font-weight:400}input[type=text]::placeholder{color:var(--muted);opacity:.75}input[type=text]:focus{border-color:var(--marigold);outline:none}.code-input{font-family:var(--display);letter-spacing:.2em;text-transform:uppercase}.code-input::placeholder{font-family:var(--body);letter-spacing:normal}.rules{background:var(--panel);border:1px solid var(--line);font-size:var(--t-sm);border-radius:16px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.rules ol{flex-direction:column;gap:6px;margin:0;padding-left:1.2em;display:flex}.notice{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.notice h2{font-size:var(--t-xl);color:var(--marigold)}.banner{background:var(--marigold);color:var(--marigold-ink);font-size:var(--t-xs);text-align:center;border-radius:10px;margin-bottom:6px;padding:6px 12px;font-weight:500}.toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));background:var(--chili);max-width:min(420px,100vw - 32px);color:var(--on-chili);font-size:var(--t-sm);box-shadow:0 6px 18px var(--shadow);z-index:10;text-align:center;border-radius:12px;padding:10px 16px;font-weight:500;position:fixed;transform:translate(-50%)}.invite{align-items:center;gap:14px;padding-top:8px;display:flex}.code-box{flex-direction:column;gap:2px;min-width:0;display:flex}.room-code{font-family:var(--display);color:var(--marigold);letter-spacing:.18em;font-size:2.5rem;line-height:1.3}.qr-btn{cursor:pointer;background:0 0;border:0;border-radius:12px;flex:none;width:116px;padding:0;line-height:0}.qr{border-radius:12px;width:100%;height:auto;display:block}.qr-bg{fill:var(--card)}.qr-ink{fill:var(--ink)}.qr-sheet{text-align:center;align-items:center}.qr-sheet .qr{width:min(72vw,300px)}.qr-sheet .room-code{padding-left:.18em}.qr-sheet .actions{align-self:stretch}.share{gap:8px;display:flex}.share input[type=text]{font-size:var(--t-xs);color:var(--muted)}.members{flex-direction:column;gap:8px;display:flex}.members ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.members li{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;padding:10px 12px;display:flex}.members li.offline{opacity:.55}.members .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:400;overflow:hidden}.status-dot{background:var(--line);border-radius:50%;flex:none;width:9px;height:9px}.status-dot.on{background:var(--leaf)}.tag{border:1px solid var(--line);color:var(--muted);border-radius:999px;flex:none;padding:1px 8px;font-size:.72rem}.tag.host{border-color:var(--marigold);color:var(--marigold)}.tag.me{background:var(--marigold);border-color:var(--marigold);color:var(--marigold-ink)}.strip{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.chip{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:2px;min-width:0;padding:6px 8px;display:flex}.chip .nm{font-size:var(--t-xs);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.chip.me .nm{color:var(--marigold)}.chip .meta{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:4px;font-size:.72rem;display:flex}.chip.now{border-color:var(--marigold);box-shadow:inset 0 -3px 0 var(--marigold)}.chip.out{opacity:.4}.chip.out .nm{text-decoration:line-through}.chip.offline{border-style:dashed}.dots{align-items:center;gap:2px;display:flex}.dot{background:var(--muted);border-radius:50%;width:6px;height:6px}.dot.gone{border:1px solid var(--line);background:0 0;width:4px;height:4px}.card{--w:58px;width:var(--w);aspect-ratio:5/7;background:var(--card);max-width:100%;color:var(--ink);border:1px solid var(--card-edge);box-shadow:0 3px 0 var(--shadow);font-family:var(--display);-webkit-user-select:none;user-select:none;border-radius:9px;place-items:center;display:grid;position:relative}.card .rank{font-size:calc(var(--w) * .5);line-height:1}.card .corner{font-size:calc(var(--w) * .2);line-height:1;position:absolute;top:4px;left:6px}.card.joker{background:var(--marigold);border-color:var(--marigold);color:var(--marigold-ink);align-content:center}.card.joker .rank{font-size:calc(var(--w) * .24)}.card.joker svg{width:calc(var(--w) * .36);height:calc(var(--w) * .36)}.card.back{background-color:var(--mat-2);border:3px solid var(--card);background-image:repeating-linear-gradient(45deg, var(--marigold) 0 1.5px, transparent 1.5px 9px), repeating-linear-gradient(-45deg, var(--marigold) 0 1.5px, transparent 1.5px 9px)}.table-badge{align-items:center;gap:14px;display:flex}.table-badge .card{--w:64px;flex:none}.hand{flex-wrap:wrap;justify-content:center;gap:8px;padding-top:18px;display:flex}.pick{cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0}.pick.still{cursor:default}.hand .card{--w:min(60px, calc((100vw - 32px - 32px) / 5));border-width:2px;transition:transform .15s,box-shadow .15s}.hand .card.sel{box-shadow:0 0 0 3px var(--marigold), 0 6px 0 var(--shadow);transform:translateY(-16px)}.empty-hand{text-align:center;border:1.5px dashed var(--line);color:var(--muted);border-radius:14px;padding:18px}.callout{background:var(--panel);border:1px solid var(--line);font-size:var(--t-sm);border-radius:14px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}@keyframes flip-in{0%{opacity:.4;transform:perspective(600px)rotateY(90deg)}to{opacity:1;transform:perspective(600px)rotateY(0)}}.flip-in{animation:.45s cubic-bezier(.3,.7,.3,1) both flip-in;animation-delay:calc(var(--i,0) * .18s + .15s)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.settle{animation:.3s both fade-in;animation-delay:calc(var(--i,0) * .18s + .6s)}.reveal-row{justify-content:center;gap:10px;padding-block:8px;display:flex}.reveal-row .card{--w:74px}.reveal-row .card.bad{box-shadow:0 0 0 3px var(--chili), 0 3px 0 var(--shadow)}.verdict{text-align:center;flex-direction:column;gap:4px;display:flex}.verdict h2{font-size:var(--t-xl)}.verdict.lie h2{color:var(--chili)}.verdict.truth h2{color:var(--leaf)}.penalty-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:280px;margin:0 auto;display:grid}.slot{aspect-ratio:5/7;background:0 0;border:0;border-radius:9px;width:100%;padding:0}.slot.tappable{cursor:pointer}.slot.tappable .card.back{box-shadow:0 0 0 2px var(--marigold), 0 3px 0 var(--shadow)}.slot .card.back{--w:100%;width:100%;height:100%}.pcard{width:100%;height:100%;font-family:var(--display);font-size:var(--t-lg);box-shadow:0 3px 0 var(--shadow);border-radius:9px;place-items:center;display:grid}.pcard.safe{background:var(--leaf);color:var(--on-leaf)}.pcard.hit{background:var(--chili);color:var(--on-chili)}.pcard.used{opacity:.35}.odds{text-align:center;font-variant-numeric:tabular-nums;color:var(--muted)}.result{text-align:center;flex-direction:column;gap:4px;display:flex}.result h2{font-size:var(--t-xxl)}.result.hit h2{color:var(--chili)}.result.safe h2{color:var(--leaf)}.winner{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.winner .who{font-family:var(--display);color:var(--marigold);word-break:break-word;font-size:3.4rem;line-height:1.4}.you-won{font-family:var(--display);font-size:var(--t-lg);color:var(--leaf)}.out-list{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.out-list span{border:1px solid var(--line);font-size:var(--t-xs);color:var(--muted);border-radius:999px;padding:2px 10px}@media (prefers-reduced-motion:reduce){.flip-in,.settle,.hand .card,.btn{transition:none;animation:none}}.toast.info{background:var(--panel);color:var(--text);border:1px solid var(--line);bottom:calc(150px + env(safe-area-inset-bottom,0px))}.btn.small-btn{font-size:var(--t-xs);box-shadow:none;border-radius:10px;padding:6px 12px}.off-tag{background:var(--chili);color:var(--on-chili);vertical-align:1px;border-radius:6px;margin-right:4px;padding:0 5px;font-size:.65rem;display:inline-block}.stuck{flex-direction:column;gap:6px;display:flex}.stuck-row{background:var(--panel);border:1px dashed var(--chili);font-size:var(--t-sm);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.modal-backdrop{padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom,0px));z-index:20;background:#080410b3;place-items:end center;display:grid;position:fixed;inset:0}.modal{background:var(--night);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:8px;width:100%;max-width:420px;padding:18px 16px 8px;display:flex}.modal h2{font-size:var(--t-lg);color:var(--marigold)}.deck-rows{grid-template-columns:repeat(4,1fr);gap:10px;padding-block:6px;display:grid}.deck-row{flex-direction:column;align-items:center;gap:4px;display:flex}.deck-row .card{--w:52px}.deck-count{font-family:var(--display);color:var(--marigold);font-size:var(--t-md)}.table-badge .chip-btn{flex:none;align-self:flex-start}.brand-sm{font-size:var(--t-md);align-items:center;gap:8px;display:inline-flex}.brand-sm img{border-radius:7px}.avatar{font-family:var(--display);box-shadow:0 2px 0 var(--shadow);border-radius:50%;flex:none;place-items:center;line-height:1;display:inline-grid}.seats{justify-content:space-around;gap:4px;padding-top:2px;display:flex}.seats .chip{box-shadow:none;text-align:center;background:0 0;border:0;flex:1 1 0;align-items:center;min-width:0;padding:4px 2px}.seat-avatar{border-radius:50%;padding:3px;display:inline-block;position:relative}.seats .chip.now .seat-avatar{box-shadow:0 0 0 3px var(--marigold);animation:1.4s ease-in-out infinite glow}.seats .chip.me .nm{color:var(--marigold)}.seats .chip.offline .seat-avatar{opacity:.55}.seats .chip.out{opacity:.45}.seats .chip.out .avatar{filter:grayscale()}.seats .chip .nm{font-size:var(--t-xs);max-width:100%}.seats .chip .meta{justify-content:center}.mini-backs{background-color:var(--mat-2);background-image:repeating-linear-gradient(45deg, var(--marigold) 0 1px, transparent 1px 5px), repeating-linear-gradient(-45deg, var(--marigold) 0 1px, transparent 1px 5px);border:2px solid var(--card);min-width:20px;height:26px;color:var(--text);font:500 .75rem/22px var(--body);text-shadow:0 0 3px var(--night), 0 0 3px var(--night);border-radius:4px;padding:0 4px;position:absolute;bottom:-2px;right:-6px}@keyframes glow{0%,to{box-shadow:0 0 0 3px var(--marigold), 0 0 0 0 #f3a93a80}50%{box-shadow:0 0 0 3px var(--marigold), 0 0 16px 6px #f3a93a59}}.turn-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.turn-title{font-size:var(--t-lg)}.table-mat{box-shadow:inset 0 0 0 6px #1d14308c, 0 8px 24px var(--shadow);background:radial-gradient(at 50% 30%,#f3a93a29,#0000 65%),radial-gradient(at 50% 40%,#3b2a5e,#22173a 78%);border:2px solid #f3a93a8c;border-radius:28px;grid-template-columns:1fr 1fr;align-items:end;gap:8px 12px;padding:16px 14px 12px;display:grid}.table-spot{flex-direction:column;align-items:center;gap:6px;display:flex}.table-card{--w:76px}.table-caption{text-align:center;font-size:var(--t-xs);color:var(--muted);grid-column:1/-1}.pile{width:70px;height:98px;position:relative}.pile-card{position:absolute;inset:0}.pile-card .card.back{--w:70px;width:70px;height:98px}@keyframes drop-in{0%{opacity:0;transform:translateY(-160px)rotate(-25deg)scale(1.15)}to{opacity:1}}.pile-card.drop-in{animation:.42s cubic-bezier(.2,.8,.3,1.1) both drop-in}.claim-bubble{border-radius:18px 18px 18px 6px;flex-direction:row;align-items:center;gap:10px}.claim-bubble.quiet{text-align:center;justify-content:center}.hand-area{flex-direction:column;gap:6px;padding-top:14px;display:flex}.fan{justify-content:center;align-items:flex-end;padding:10px 0 4px;display:flex}.fan .pick{transform-origin:50% 120%;margin-left:-16px;transition:transform .15s}.fan .pick:first-child{margin-left:0}.fan .card{--w:min(68px, calc((100vw - 48px) / 4.3));border-width:2px}.fan .card.sel{box-shadow:0 0 0 3px var(--marigold), 0 0 18px 4px #f3a93a73, 0 8px 0 var(--shadow)}@keyframes deal-in{0%{opacity:0;transform:translateY(-260px)rotate(30deg)scale(.6)}to{opacity:1}}.fan .card.deal-in{animation:.5s cubic-bezier(.2,.8,.3,1) both deal-in;animation-delay:calc(var(--i,0) * 90ms)}@keyframes shake{0%,to{transform:translate(0)}15%,55%{transform:translate(-10px)rotate(-1deg)}35%,75%{transform:translate(10px)rotate(1deg)}}.shake{animation:.5s ease-in-out .45s both shake}@keyframes flash{0%{opacity:0}15%{opacity:.55}to{opacity:0}}.hit-flash{background:var(--chili);pointer-events:none;z-index:5;animation:.9s ease-out .4s both flash;position:fixed;inset:0}@keyframes pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.pop{animation:.45s ease-out .45s both pop}.hero{text-align:center;flex-direction:column;align-items:center;gap:6px;padding-top:6px;display:flex}.hero-icon{box-shadow:0 8px 24px var(--shadow);border-radius:20px}.brand-word{color:var(--marigold);letter-spacing:.02em;font-size:2.6rem}.game-card{border:1px solid var(--line);box-shadow:0 10px 28px var(--shadow);background:linear-gradient(160deg,#35265a,#241838);border-radius:22px;grid-template-columns:auto 1fr;gap:12px 14px;padding:16px;display:grid}.game-card .btn,.game-card .error{grid-column:1/-1}.game-card h2{font-size:var(--t-xl);color:var(--marigold)}.game-body{flex-direction:column;gap:6px;min-width:0;display:flex}.game-art{width:92px;height:104px;position:relative}.game-art .card{--w:52px;position:absolute;top:14px;left:20px}.game-art .card:first-child{transform:rotate(-16deg)translate(-16px,4px)}.game-art .card:nth-child(3){transform:rotate(16deg)translate(16px,4px)}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags span{border:1px solid var(--line);color:var(--text);background:#1d143080;border-radius:999px;padding:1px 9px;font-size:.75rem}details.rules summary{cursor:pointer;color:var(--marigold);font-weight:400}details.rules[open] summary{margin-bottom:4px}.member-avatar{display:inline-flex;position:relative}.member-avatar .status-dot{border:2px solid var(--night);width:12px;height:12px;position:absolute;bottom:-1px;right:-1px}@media (prefers-reduced-motion:reduce){.seats .chip.now .seat-avatar,.pile-card.drop-in,.fan .card.deal-in,.shake,.hit-flash,.pop{animation:none}}@media (height<=760px){.screen{gap:10px}.seats .avatar{width:34px!important;height:34px!important;font-size:15px!important}.mini-backs{min-width:18px;height:22px;font-size:.7rem;line-height:18px}.turn-title{font-size:var(--t-md)}.table-mat{border-radius:22px;gap:4px 10px;padding:10px 12px 8px}.table-card{--w:56px}.pile{width:52px;height:73px}.pile-card .card.back{--w:52px;width:52px;height:73px}.table-caption{display:none}.claim-bubble{padding:8px 12px}.hand-area{gap:2px;padding-top:4px}.fan{padding-top:4px}.fan .card{--w:min(56px, calc((100vw - 48px) / 4.6))}.btn{padding:11px 16px}.actions{gap:8px;padding-top:4px}.reveal-row .card{--w:56px}.penalty-grid{gap:8px;max-width:210px}.verdict h2,.result h2{font-size:var(--t-xl)}.winner .who{font-size:2.6rem}.invite{padding-top:0}.qr-btn{width:100px}.room-code{font-size:var(--t-xl)}.members li{padding:6px 10px}.game-card{gap:8px 12px;padding:12px}.game-art{width:76px;height:86px}.game-art .card{--w:44px}.modal{gap:4px}.deck-row .card{--w:42px}}.penalty-grid{grid-template-columns:repeat(6,1fr);gap:8px;max-width:340px}.pcard{font-size:var(--t-sm);border-radius:7px}@media (height<=620px){.screen{gap:8px}.qr-btn{width:88px}.share-hint{display:none}.members li{padding:4px 10px}.seats .avatar{width:30px!important;height:30px!important;font-size:13px!important}.seats .chip .nm{font-size:.72rem}.table-card{--w:46px}.pile{width:44px;height:62px}.pile-card .card.back{--w:44px;width:44px;height:62px}.table-spot .label{font-size:.7rem}.fan .card{--w:min(50px, calc((100vw - 48px) / 4.8))}.hand-area>p{display:none}.actions:has(>.btn+.btn){flex-direction:row}.actions:has(>.btn+.btn) .btn{font-size:var(--t-sm);padding:10px 8px}.reveal-row{padding-block:2px}.reveal-row .card{--w:44px}.verdict h2,.result h2{font-size:var(--t-lg)}.odds{font-size:var(--t-xs)}}.game-actions{grid-column:1/-1;gap:8px;display:flex}.game-actions .btn:last-child{flex:1}.rules-list{font-size:var(--t-sm);flex-direction:column;gap:6px;margin:0;padding-left:1.2em;display:flex}.members-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.pick:disabled{cursor:default;opacity:1;color:inherit}.game-rail{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:none;gap:12px;padding:4px 0 10px;display:flex;overflow-x:auto}.game-rail::-webkit-scrollbar{display:none}.game-rail .game-card{scroll-snap-align:center;flex:0 0 86%;align-content:start}.rail-dots{justify-content:center;gap:8px;margin-top:-6px;display:flex}.rail-dots button{background:var(--line);border:0;border-radius:50%;width:9px;height:9px;padding:0}.rail-dots button.on{background:var(--marigold);border-radius:5px;width:22px}.bomb-art svg{width:100%;height:100%}.jai-seats{flex-wrap:wrap;row-gap:6px}.jai-seats .chip{flex:0 18%;min-width:0}.hold-pad{border:3px dashed var(--marigold);background:color-mix(in srgb, #e4473b calc(var(--heat,0) * 70%), transparent);width:100%;min-height:180px;color:inherit;font:inherit;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border-radius:28px;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.hold-pad.down{background:color-mix(in srgb, #e4473b calc(18% + var(--heat,0) * 70%), transparent);border-style:solid}.hold-pad.running.down .hold-text{animation:jai-shake calc(.5s - var(--heat,0) * .38s) linear infinite}.hold-text{font-family:var(--display);color:var(--marigold);pointer-events:none;text-align:center;padding:0 12px;font-size:2.2rem}@keyframes jai-shake{0%,to{transform:translate(0)}25%{transform:translate(calc(-2px - var(--heat,0) * 8px), 2px)}75%{transform:translate(calc(2px + var(--heat,0) * 8px), -2px)}}@media (prefers-reduced-motion:reduce){.hold-pad.running.down .hold-text{animation:none}}@media (height<=620px){.hold-pad{min-height:120px}}.members-title{align-items:center;gap:8px;min-width:0;display:flex}.game-chip{color:var(--marigold);border-color:var(--marigold);white-space:nowrap}.game-name{color:var(--marigold)}.game-options{flex-direction:column;gap:8px;display:flex}.game-option{text-align:left;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;cursor:pointer;border-radius:14px;grid-template-columns:1fr auto;align-items:baseline;gap:2px 10px;padding:12px 14px;display:grid}.game-option .go-title{font-family:var(--display);font-size:var(--t-lg);color:var(--marigold)}.game-option .go-meta{font-size:var(--t-xs);color:var(--muted)}.game-option .go-why{font-size:var(--t-xs);color:var(--muted);grid-column:1/-1}.game-option.current{border-color:var(--marigold);box-shadow:inset 0 0 0 1px var(--marigold)}.game-option:disabled{opacity:.5;cursor:default}.crowded .share-hint{display:none}.crowded .qr-btn{width:92px}.crowded .room-code{font-size:var(--t-xl)}.crowded .members ul{grid-template-columns:1fr 1fr;gap:5px;display:grid}.crowded .members li{border-radius:10px;gap:6px;min-width:0;padding:3px 8px}.crowded .members .nm{font-size:var(--t-sm)}.crowded .members .tag{padding:0 6px}.crowded .member-avatar .status-dot{width:10px;height:10px}.out-list.compact{gap:4px 6px}.out-list.compact span{padding:1px 8px;font-size:.72rem}.out-list.compact span.left{border-style:dashed}@media (height<=620px){.crowded .qr-btn{width:76px}.crowded .members ul{gap:4px}.crowded .members li{padding:2px 8px}.actions:has(>.btn+.btn){flex-wrap:wrap}.actions:has(>.btn+.btn)>.btn{flex:1 1 0}.actions:has(>.btn+.btn)>p{flex:0 0 100%}}