:root{--blue: #1b2a6b;--blue-dark: #121d4d;--red: #e3262f;--cream: #fff8ec;--ink: #1a1a1a;--muted: #8a93b8;--green: #2bb673;--gold: #f5b82e;--radius: 14px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%}html{background:var(--blue-dark);height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--blue-dark);color:#fff;position:fixed;inset:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;padding:env(safe-area-inset-top) 0 0 0}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at top,#243a8f 0%,var(--blue-dark) 60%)}#app{position:relative;max-width:520px;margin:0 auto;height:100%;padding:16px 16px 0;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}h1.logo{margin:8px 0 4px;text-align:center;font-weight:900;font-size:2.6rem;line-height:.95;letter-spacing:-.03em}h1.logo .no{display:block;color:var(--red);font-size:3.4rem}h1.logo .thanks{display:block}.tagline{text-align:center;color:var(--muted);margin:0 0 24px;font-size:.95rem}.card-panel{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:16px;margin-bottom:14px}label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em}input[type=text]{width:100%;font-size:1.2rem;padding:12px 14px;border-radius:10px;border:2px solid rgba(255,255,255,.15);background:#00000040;color:#fff;outline:none}input[type=text]:focus{border-color:var(--gold)}input.code{text-transform:uppercase;letter-spacing:.3em;text-align:center;font-weight:700;font-family:ui-monospace,monospace}button{font:inherit;font-weight:800;font-size:1.1rem;padding:14px 18px;border-radius:12px;border:0;cursor:pointer;width:100%;color:#fff;background:var(--blue);box-shadow:0 4px #00000059;transition:transform .05s,filter .1s}button:active{transform:translateY(2px);box-shadow:0 2px #00000059}button:disabled{opacity:.4;cursor:default;transform:none}button.primary{background:var(--red)}button.good{background:var(--green)}button.ghost{background:transparent;box-shadow:none;border:2px solid rgba(255,255,255,.2);font-weight:600}button.small{width:auto;padding:8px 14px;font-size:.9rem}.row{display:flex;gap:10px}.row>*{flex:1}.stack>*+*{margin-top:12px}.avatars{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.avatars button{font-size:1.6rem;padding:6px 0;background:#00000040;box-shadow:none;border:2px solid transparent;border-radius:10px;line-height:1.3}.avatars button.on{border-color:var(--gold);background:#f5b82e2e}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:.9rem;color:var(--muted)}.topbar .code{font-family:ui-monospace,monospace;font-weight:800;color:#fff;letter-spacing:.15em;font-size:1rem}.topbar .pill{background:#0000004d;padding:4px 10px;border-radius:999px}.topbar .pill b{color:#fff}.players{list-style:none;margin:0;padding:0}.players li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#00000038;margin-bottom:6px;border:2px solid transparent}.players li.turn{border-color:var(--gold);background:#f5b82e1f}.players li.off{opacity:.45}.players .av{font-size:1.6rem;width:36px;text-align:center}.players .nm{font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.players .nm small{color:var(--muted);font-weight:500;margin-left:6px}.players .status{font-size:.8rem;font-weight:700}.players .status.ready{color:var(--green)}.players .status.wait{color:var(--muted)}.players .chips{font-size:.9rem;white-space:nowrap}.hand{display:flex;flex-wrap:wrap;gap:6px;width:100%;margin-top:6px}.run{display:inline-flex}.mini{width:26px;height:36px;border-radius:4px;background:var(--cream);color:var(--ink);font-weight:800;font-size:.7rem;display:flex;align-items:flex-start;justify-content:flex-start;padding:3px 0 0 3px;border:1px solid rgba(0,0,0,.25);box-shadow:1px 0 2px #0000004d}.run .mini+.mini{margin-left:-5px}.run .mini.first{background:#ffe9a8}.player-block{flex-direction:column;align-items:stretch!important}.player-block .head{display:flex;align-items:center;gap:10px}.table{text-align:center;padding:10px 0 6px}.turnline{font-size:1rem;color:var(--muted);margin-bottom:8px;min-height:1.4em}.turnline.me{color:var(--gold);font-weight:800}.bigcard{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:150px;height:210px;border-radius:14px;background:var(--cream);color:var(--ink);box-shadow:0 10px 30px #00000073,inset 0 0 0 6px #fff,inset 0 0 0 8px #00000014;position:relative;font-weight:900;font-size:5rem;letter-spacing:-.05em}.bigcard.none{background:var(--blue);color:#fff6;font-size:1rem;font-weight:700;box-shadow:none;border:2px dashed rgba(255,255,255,.2)}.bigcard .corner{position:absolute;font-size:1rem;font-weight:800}.bigcard .corner.tl{top:10px;left:12px}.bigcard .corner.br{bottom:10px;right:12px;transform:rotate(180deg)}.chipstack{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap-reverse;justify-content:center;width:112px;row-gap:2px}.chipstack.many .chip{width:18px;height:18px;border-width:2px;margin-left:-6px}.chip{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff6b6b,var(--red) 60%,#8d0f15);border:3px solid #fff;box-shadow:0 2px 4px #00000080;margin-left:-8px}.chip:first-child{margin-left:0}.chipcount{margin-top:10px;font-size:.95rem;color:var(--muted)}.chipcount b{color:#fff}.actions{margin:14px 0 10px}.actions button{padding:18px;font-size:1.25rem}.mychips{text-align:center;color:var(--muted);font-size:.9rem;margin-bottom:10px}.mychips b{color:var(--gold);font-size:1.1rem}.log{font-size:.8rem;color:var(--muted);max-height:7.5em;overflow:auto;line-height:1.5}.log div:last-child{color:#fff}.results{list-style:none;padding:0;margin:0}.results li{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;background:#00000038;margin-bottom:8px;flex-wrap:wrap}.results li.winner{background:#f5b82e2e;border:2px solid var(--gold)}.results .score{font-size:1.6rem;font-weight:900;margin-left:auto}.results .detail{width:100%;font-size:.8rem;color:var(--muted)}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--red);color:#fff;font-weight:700;padding:10px 16px;border-radius:999px;box-shadow:0 6px 20px #0006;animation:fade 2.5s forwards;pointer-events:none;z-index:10;max-width:90vw;text-align:center}@keyframes fade{0%,70%{opacity:1}to{opacity:0}}.conn{position:fixed;top:calc(8px + env(safe-area-inset-top));right:8px;width:10px;height:10px;border-radius:50%;background:var(--red)}.conn.on{background:var(--green)}.hint{color:var(--muted);font-size:.85rem;text-align:center;margin:6px 0}.rules{color:var(--muted);font-size:.85rem;line-height:1.5}.rules b{color:#fff}.spacer{flex:1}.footer{text-align:center;color:#ffffff4d;font-size:.75rem;padding:12px 0 calc(6px + env(safe-area-inset-bottom))}body.fit{touch-action:manipulation}#app.fit{overflow:hidden;padding:6px calc(12px + env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}.game{display:flex;flex-direction:column;height:100%;min-height:0;gap:6px}.game .topbar{margin-bottom:0;flex:none}.game .table{padding:0;flex:none}.game .turnline{margin-bottom:4px;font-size:.95rem}.game .bigcard{width:118px;height:160px;font-size:3.8rem}.game .bigcard .corner{font-size:.85rem}.game .bigcard .chipstack{bottom:10px;width:96px}.game .chip{width:22px;height:22px;border-width:2px;margin-left:-7px}.game .chipcount{margin-top:6px;font-size:.85rem}.lastevent{color:var(--muted);font-size:.8rem;min-height:1.2em;margin-top:2px;opacity:.8}.game .actions{margin:2px 0 0;flex:none}.game .actions button{padding:12px 10px;font-size:1.15rem;line-height:1.1}.game .actions button small{display:block;font-weight:500;font-size:.7rem;opacity:.85;margin-top:2px}.actions.idle button{filter:saturate(.5);opacity:.75}.actions.idle button:disabled{opacity:.3}.actions button.queued{opacity:1!important;filter:none!important;outline:3px solid var(--gold);outline-offset:2px;animation:queuedPulse 1.2s ease-in-out infinite}@keyframes queuedPulse{50%{outline-color:#f5b82e59}}.hint.tiny{font-size:.75rem;height:1.2em;line-height:1.2em;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.players.compact{flex:1 1 auto;min-height:0;overflow-y:auto;margin:0}.players.compact li{padding:5px 8px;margin-bottom:4px;gap:8px;transition:background .3s,border-color .3s}.players.compact .av{font-size:1.25rem;width:28px}.players.compact .nm{flex:0 1 auto;max-width:30%;font-size:.9rem}.players.compact .hand{flex:1;margin-top:0;gap:4px;min-width:0;overflow:hidden}.players.compact .mini{width:22px;height:30px;font-size:.62rem}.players.compact .run .mini+.mini{margin-left:-4px}.players.compact .chips{font-size:.85rem}.players li.turn{animation:turnPulse 1.4s ease-in-out infinite}@keyframes turnPulse{0%,to{box-shadow:0 0 #f5b82e00}50%{box-shadow:0 0 0 4px #f5b82e59}}.nocards{color:var(--muted);font-size:.75rem}.myhand{flex:none;background:#00000059;border:2px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:8px 10px}.myhand.turn{border-color:var(--gold);animation:turnPulse 1.4s ease-in-out infinite}.myhand .head{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:.9rem}.myhand .av{font-size:1.3rem}.myhand .nm{font-weight:700;flex:1}.myhand .nm small{color:var(--muted);font-weight:500}.myhand .pill{background:#0000004d;padding:3px 8px;border-radius:999px;font-size:.8rem;color:var(--muted)}.myhand .pill b{color:var(--gold)}.myhand .hand{margin-top:0;min-height:36px}.bigcard-wrap{perspective:600px;display:inline-block}.chip.drop{animation:chipDrop .4s cubic-bezier(.2,.9,.3,1.3)}@keyframes chipDrop{0%{transform:translateY(-40px) scale(1.5);opacity:0}to{transform:none;opacity:1}}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-group(card-fly),::view-transition-group(chip-fly),::view-transition-group(pot-fly),::view-transition-group(deck-card){z-index:10}::view-transition-group(card-fly){animation-duration:.65s;animation-timing-function:cubic-bezier(.3,.8,.3,1)}::view-transition-group(deck-card){animation-duration:.55s;animation-delay:.2s;animation-timing-function:cubic-bezier(.2,.8,.3,1)}::view-transition-old(deck-card),::view-transition-new(deck-card){animation-delay:.2s}::view-transition-group(chip-fly){animation-duration:.5s;animation-timing-function:cubic-bezier(.3,.7,.3,1)}::view-transition-group(pot-fly){animation-duration:.6s;animation-delay:.1s;animation-timing-function:cubic-bezier(.3,.8,.3,1)}::view-transition-old(card-fly),::view-transition-new(card-fly),::view-transition-old(chip-fly),::view-transition-new(chip-fly),::view-transition-old(pot-fly),::view-transition-new(pot-fly){animation-duration:.3s;height:100%;object-fit:fill}@keyframes pop{0%{transform:scale(0) rotate(-20deg);opacity:0}to{transform:none;opacity:1}}button.icon{width:auto;padding:4px 8px;font-size:1.1rem;background:transparent;box-shadow:none}.players button.x{width:28px;height:28px;padding:0;font-size:.9rem;background:#ffffff1a;box-shadow:none;border-radius:50%}.card-panel>button.small{margin-top:6px;width:100%}.icons{display:inline-flex;gap:2px}button.icon{width:32px;height:32px;padding:0;font-size:1rem;font-weight:800;background:#ffffff14;box-shadow:none;border-radius:50%}.chipline{display:flex;align-items:center;gap:8px;margin-top:6px}.chipline .lbl{font-size:.75rem;color:var(--muted);white-space:nowrap;min-width:48px}.chiprow{display:flex;align-items:center;flex-wrap:wrap;gap:0;min-height:20px}.chiprow .chip{width:18px;height:18px;border-width:2px;margin-left:-6px}.chiprow .chip:first-child{margin-left:0}.chiprow .more{font-size:.75rem;color:var(--gold);font-weight:800;margin-left:6px}.players li,.myhand{position:relative}.bubble{position:absolute;right:44px;top:50%;transform:translateY(-50%);padding:4px 10px;border-radius:999px;font-weight:900;font-size:.8rem;color:#fff;white-space:nowrap;box-shadow:0 4px 12px #0006;z-index:5;pointer-events:none;animation:bubbleIn 1.5s cubic-bezier(.2,.9,.3,1) forwards}.bubble.pass{background:var(--red)}.bubble.take{background:var(--green)}.myhand .bubble{right:12px;top:14px;transform:none;font-size:.95rem}@keyframes bubbleIn{0%{opacity:0;scale:.5}15%{opacity:1;scale:1.1}25%,75%{opacity:1;scale:1}to{opacity:0;scale:.9}}.bigcard.tiny{width:100%;height:100%;font-size:2.6rem;box-shadow:0 10px 30px #00000080}.modal{position:fixed;inset:0;z-index:40;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,calc(.6 * var(--dim, 1)));animation:fadeIn .25s ease-out;transition:background .28s ease-out}@keyframes fadeIn{0%{background:#0000}}.sheet{background:var(--blue-dark);color:#fff;width:100%;max-width:520px;max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;border-radius:22px 22px 0 0;padding:6px 18px calc(28px + env(safe-area-inset-bottom));border-top:2px solid rgba(255,255,255,.15);box-shadow:0 -10px 40px #0006;font-size:.95rem;line-height:1.5;animation:sheetUp .42s cubic-bezier(.32,.72,0,1);transition:transform .28s cubic-bezier(.32,.72,0,1);will-change:transform}.sheet.dragging{transition:none}.modal.closing{background:#0000}.modal.closing .sheet{transform:translateY(110%)!important}@keyframes sheetUp{0%{transform:translateY(100%)}}.grab{width:40px;height:5px;border-radius:3px;background:#ffffff4d;margin:6px auto 14px}.sheet h2{margin:0 0 8px;font-size:1.4rem}.sheet ol{padding-left:20px;margin:8px 0}.sheet li{margin-bottom:4px}.sheet p{margin:8px 0}.sheet .example{background:#0000004d;border-radius:10px;padding:10px;margin:8px 0}.sheet button{margin-top:12px}.intro{position:fixed;inset:0;z-index:50;background:radial-gradient(ellipse at top,#243a8f 0%,var(--blue-dark) 60%) var(--blue-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .4s}.intro.done{opacity:0;pointer-events:none}.pile{position:relative;width:120px;height:160px;margin-bottom:70px}.cardback{position:absolute;inset:0;border-radius:10px;background:var(--blue);border:3px solid #fff;box-shadow:0 4px 14px #0006;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;font-size:.8rem;line-height:1;color:#fff;letter-spacing:-.02em}.cardback span{background:var(--red);padding:6px 8px;border-radius:6px;transform:rotate(-6deg)}.cardback.keep{animation:shuffle 1.3s var(--d) ease-in-out both,settle .6s 2.9s cubic-bezier(.2,.9,.3,1) both}.cardback.out{animation:shuffle 1.3s var(--d) ease-in-out both,toBox .7s calc(1.5s + var(--o)) cubic-bezier(.4,0,.8,.3) both}@keyframes shuffle{0%{transform:translate(0) rotate(0)}30%{transform:translate(var(--x),var(--y)) rotate(var(--r))}60%{transform:translate(calc(var(--x) * -.7),calc(var(--y) * .6)) rotate(calc(var(--r) * -.5))}to{transform:translate(calc(var(--x) * .3),calc(var(--y) * .3)) rotate(calc(var(--r) * .3))}}@keyframes toBox{0%{transform:translate(calc(var(--x) * .3),calc(var(--y) * .3)) rotate(calc(var(--r) * .3));opacity:1}to{transform:translate(220px,160px) rotate(40deg) scale(.5);opacity:0}}@keyframes settle{to{transform:translate(0) rotate(0)}}.caption{position:absolute;left:0;right:0;top:calc(50% + 100px);text-align:center;font-weight:800;font-size:1.15rem;padding:0 24px;opacity:0}.caption.c1{animation:cap 1.5s 0s both}.caption.c2{animation:cap 1.5s 1.5s both}.caption.c3{animation:cap 1.2s 3s both}@keyframes cap{0%{opacity:0;transform:translateY(8px)}15%,85%{opacity:1;transform:none}to{opacity:0}}.skip{position:absolute;bottom:30px;color:var(--muted);font-size:.8rem}.install{display:flex;align-items:center;gap:8px;margin-top:14px;background:#f5b82e1f;border:1px solid rgba(245,184,46,.4);border-radius:12px;padding:10px 12px;font-size:.85rem;line-height:1.4}.install span{flex:1}.install button.small{width:auto}.ios-share{display:inline-block;border:1px solid currentColor;border-radius:4px;padding:0 4px;font-size:.8em}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.tile{background:#00000040;border-radius:12px;padding:10px 6px;text-align:center}.tile b{display:block;font-size:1.5rem;font-weight:900;color:var(--gold)}.tile span{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.card-panel h3{margin:0 0 8px;font-size:1rem}.insights{margin:0;padding-left:18px;font-size:.9rem;line-height:1.5;color:#dfe4f5}.insights b{color:var(--gold)}.bars{display:flex;flex-direction:column;gap:4px}.bar-row{display:flex;align-items:center;gap:8px;font-size:.8rem}.bar-row .lbl{width:22px;text-align:right;font-weight:800;font-variant-numeric:tabular-nums}.bar-row .track{flex:1;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden}.bar-row .fill{display:block;height:100%;background:var(--gold);border-radius:0 4px 4px 0;min-width:0}.bar-row .val{width:36px;color:var(--muted);font-variant-numeric:tabular-nums}.bar-row.none{opacity:.35}table.stats{width:100%;border-collapse:collapse;font-size:.78rem;margin-top:10px}table.stats th{text-align:right;font-weight:600;color:var(--muted);padding:4px;border-bottom:1px solid rgba(255,255,255,.12);white-space:nowrap}table.stats td{text-align:right;padding:5px 4px;border-bottom:1px solid rgba(255,255,255,.06);font-variant-numeric:tabular-nums;white-space:nowrap}table.stats th:first-child,table.stats td:first-child{text-align:left;max-width:110px;overflow:hidden;text-overflow:ellipsis}.history{list-style:none;margin:0;padding:0}.history li{background:#00000038;border-radius:10px;padding:8px 10px;margin-bottom:6px;border:2px solid transparent}.history li.won{border-color:#f5b82e99}.history .line1{display:flex;align-items:center;font-size:.95rem}.history .line1 small{color:var(--muted)}.history .line1 .score{margin-left:auto;font-weight:900;font-size:1.2rem}.history .line2{color:var(--muted);font-size:.75rem;margin:2px 0 4px}.history .hand .mini{width:22px;height:30px;font-size:.62rem}.history .run .mini+.mini{margin-left:-4px}#toasts{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:60;width:max-content;max-width:92vw;align-items:center}.toast{position:static;transform:none;display:flex;align-items:center;gap:10px;animation:toastIn .25s cubic-bezier(.2,.9,.3,1);pointer-events:auto}.toast.with-action{background:var(--blue);border:1px solid rgba(255,255,255,.2);animation:toastIn .25s cubic-bezier(.2,.9,.3,1)}.toast button{width:auto;padding:6px 12px;font-size:.85rem;background:var(--gold);color:var(--ink);box-shadow:none;border-radius:999px}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--red);color:#fff;font-size:.72rem;font-weight:900;margin-left:8px}.muted{color:var(--muted);font-weight:500}.update{display:flex;align-items:center;gap:10px;background:var(--green);color:#fff;border-radius:12px;padding:8px 12px;margin-bottom:12px;font-size:.9rem;font-weight:700}.update span{flex:1}.update button.small{width:auto;background:#fff;color:var(--ink);box-shadow:none}.actions button{position:relative;overflow:hidden}.game .actions button small{height:1.15em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.actions button.counting{outline:3px solid #fff;outline-offset:2px}.actions button.counting:after{content:"";position:absolute;left:0;bottom:0;height:5px;width:var(--cd, 100%);background:#fff;opacity:.85;transition:width .25s linear}.friends{list-style:none;margin:0;padding:0}.friends li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#00000038;margin-bottom:6px}.friends li.tap{cursor:pointer}.friends .av{font-size:1.5rem;width:34px;text-align:center}.friends .nm{font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends .nm small{color:var(--muted);font-weight:500;margin-left:6px}.friends .chev{color:var(--muted);font-size:1.3rem}.friends button.small{width:auto}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ffffff40;margin-left:8px!important;vertical-align:middle}.dot.on{background:var(--green);box-shadow:0 0 0 3px #2bb67340}.players li button.small,.results li button.small{width:auto;padding:5px 10px;font-size:.75rem}.chat{display:flex;flex-direction:column;height:100%;min-height:0}.chat .topbar{flex:none;margin-bottom:8px}.chat .topbar .nm{color:#fff;font-weight:800}.messages{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:4px 2px}.msg{max-width:80%;padding:8px 12px;border-radius:16px;background:#ffffff1a;align-self:flex-start;font-size:.95rem;line-height:1.35;word-break:break-word}.msg.out{align-self:flex-end;background:var(--blue)}.msg time{display:block;font-size:.65rem;color:#ffffff80;margin-top:2px;text-align:right}.day{align-self:center;font-size:.7rem;color:var(--muted);margin:6px 0 2px}.composer{flex:none;display:flex;gap:8px;padding:8px 0 calc(4px + env(safe-area-inset-bottom))}.composer input{flex:1;font-size:1rem;padding:10px 12px}.composer button{width:auto}.qr{display:flex;justify-content:center;margin:8px 0}.qr svg{width:min(70vw,260px);height:auto}.switch-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);cursor:pointer;text-transform:none;letter-spacing:0;font-size:.95rem;color:#fff}.switch-row:last-child{border-bottom:0}.switch-row>span{flex:1}.switch-row b{display:block}.switch-row small{display:block;color:var(--muted);font-size:.78rem;line-height:1.35;margin-top:2px}.switch-row.off{opacity:.5}input.switch{appearance:none;-webkit-appearance:none;width:50px;height:30px;border-radius:999px;background:#ffffff2e;position:relative;flex:none;cursor:pointer;transition:background .2s;margin:0}input.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .2s cubic-bezier(.32,.72,0,1);box-shadow:0 2px 4px #0000004d}input.switch:checked{background:var(--green)}input.switch:checked:after{transform:translate(20px)}select.select{width:100%;font:inherit;font-size:1.05rem;padding:12px 14px;border-radius:10px;border:2px solid rgba(255,255,255,.15);background:#00000040;color:#fff;outline:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 8l5 5 5-5' fill='none' stroke='%238a93b8' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px}[dir=rtl] select.select{background-position:left 12px center}select.select:focus{border-color:var(--gold)}select.select option{color:#000}[dir=rtl] .bubble{right:auto;left:44px}[dir=rtl] .myhand .bubble{left:12px;right:auto}[dir=rtl] .bar-row .lbl{text-align:left}.panel{position:fixed;inset:0;z-index:35;background:radial-gradient(ellipse at top,#243a8f 0%,var(--blue-dark) 60%) var(--blue-dark);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:calc(8px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));touch-action:pan-y;animation:fade .18s ease-out;transition:opacity .22s ease-in}@keyframes fade{0%{opacity:0}}.panel-inner{max-width:520px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;animation:panelIn .32s cubic-bezier(.32,.72,0,1);transition:transform .26s cubic-bezier(.32,.72,0,1)}@keyframes panelIn{0%{transform:translate(100%)}}[dir=rtl] .panel-inner{animation-name:panelInRtl}@keyframes panelInRtl{0%{transform:translate(-100%)}}.panel.closing{opacity:0}.panel.closing .panel-inner{transform:translate(100%)}[dir=rtl] .panel.closing .panel-inner{transform:translate(-100%)}.panel .topbar{margin-bottom:12px}.panel .topbar .nm{color:#fff;font-weight:800;flex:1;text-align:center}.panel.chat-panel{overflow:hidden;padding-bottom:0}.panel.chat-panel .panel-inner{height:100%}.panel.chat-panel .chat{flex:1;min-height:0}::view-transition-group(screen){animation-duration:.3s}::view-transition-old(screen),::view-transition-new(screen){animation:.3s cubic-bezier(.32,.72,0,1) both;mix-blend-mode:normal}[data-nav=forward]::view-transition-old(screen){animation-name:outToStart}[data-nav=forward]::view-transition-new(screen){animation-name:inFromEnd}[data-nav=back]::view-transition-old(screen){animation-name:outToEnd}[data-nav=back]::view-transition-new(screen){animation-name:inFromStart}@keyframes outToStart{to{transform:translate(-30%);opacity:0}}@keyframes inFromEnd{0%{transform:translate(100%)}}@keyframes outToEnd{to{transform:translate(100%)}}@keyframes inFromStart{0%{transform:translate(-30%);opacity:0}}[dir=rtl][data-nav=forward]::view-transition-old(screen){animation-name:outToEnd}[dir=rtl][data-nav=forward]::view-transition-new(screen){animation-name:inFromStartFull}[dir=rtl][data-nav=back]::view-transition-old(screen){animation-name:outToStartFade}[dir=rtl][data-nav=back]::view-transition-new(screen){animation-name:inFromEndFade}@keyframes inFromStartFull{0%{transform:translate(-100%)}}@keyframes outToStartFade{to{transform:translate(-100%)}}@keyframes inFromEndFade{0%{transform:translate(30%);opacity:0}}.modal.settled,.modal.settled .sheet,.panel.settled,.panel.settled .panel-inner{animation:none}button.icon.chats{position:relative}.badge.mini{position:absolute;top:-4px;right:-6px;min-width:16px;height:16px;font-size:.6rem;padding:0 4px;margin:0}.panel.back .panel-inner{animation-name:panelInBack}[dir=rtl] .panel.back .panel-inner{animation-name:panelInBackRtl}@keyframes panelInBack{0%{transform:translate(-30%);opacity:0}}@keyframes panelInBackRtl{0%{transform:translate(30%);opacity:0}}