:root{--adb:0px;--adw:0px;--vh:calc(100dvh - var(--adb));--bg:#0f3d2e;--felt:#14543f;--ink:#f4f1e8;--muted:#a9c7b9;--card:#fbf9f3;--red:#c0392b;--black:#1d1d1f;--accent:#f1c40f;--bad:#e74c3c;--good:#2ecc71}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;cursor:pointer;background:var(--accent);color:#222;border:0;border-radius:8px;padding:8px 14px;font-weight:600}button:disabled{opacity:.4;cursor:default}button.ghost{color:var(--ink);border:1px solid var(--muted);background:0 0}:root[data-theme=blue]{--bg:#0e2a45;--felt:#1d4570;--muted:#a9c0d6}:root[data-theme=red]{--bg:#3a1119;--felt:#6b2230;--muted:#d6b0b8}:root[data-theme=night]{--bg:#0c0c12;--felt:#1b1b24;--muted:#a0a0b4}:root{--back1:#2c5aa0;--back2:#1d3f75}:root[data-theme=blue]{--back1:#b8892b;--back2:#8a6519}:root[data-theme=red]{--back1:#2f6f5a;--back2:#1f4d3e}:root[data-theme=night]{--back1:#6a3fa0;--back2:#4a2a75}.app{max-width:980px;min-height:100vh;min-height:var(--vh);flex-direction:column;gap:14px;margin:0 auto;padding:16px;display:flex}h1{margin:0;font-size:1.4rem}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.panel{background:var(--felt);border-radius:14px;padding:14px}.setup{box-sizing:border-box;flex-direction:column;gap:14px;width:100%;max-width:420px;margin:8vh auto;display:flex}.setup label{justify-content:space-between;align-items:center;gap:10px;display:flex}.setup input[type=number],.setup select{border:0;border-radius:6px;width:90px;padding:6px}.seats{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.seat{text-align:center;background:#00000040;border:2px solid #0000;border-radius:12px;min-width:120px;padding:8px 12px}.seat.turn{border-color:var(--accent)}.seat.out{opacity:.45}.seat .name{font-weight:700}.seat .meta{color:var(--muted);font-size:.8rem}.seat .pts.pos{color:var(--good)}.seat .pts.neg{color:var(--bad)}.center{background:var(--felt);border-radius:14px;flex-direction:column;gap:10px;min-height:190px;padding:14px;display:flex}.trickrow{flex-wrap:wrap;align-items:flex-end;gap:14px;min-height:100px;display:flex}.played{color:var(--muted);flex-direction:column;align-items:center;gap:4px;font-size:.75rem;display:flex}.played.win .card{box-shadow:0 0 0 3px var(--accent)}.status{color:var(--muted);font-size:.9rem}.hand{flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 0;display:flex}.card{background:var(--card);-webkit-user-select:none;user-select:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:64px;height:92px;font-size:1.5rem;font-weight:700;transition:transform .1s;display:flex;box-shadow:0 2px 4px #0006}.card.small{width:46px;height:66px;font-size:1.05rem}.card.red{color:var(--red)}.card.black{color:var(--black)}.card.back{background:repeating-linear-gradient(45deg,#2c5aa0,#2c5aa0 6px,#23497f 6px 12px)}.card.playable{cursor:pointer}.card.playable:hover{transform:translateY(-6px)}.card.selected{box-shadow:0 0 0 3px var(--accent);transform:translateY(-12px)}.card.dim{opacity:.45}.card .s{font-size:1.2em;line-height:1}.actions{justify-content:center;align-items:center;gap:8px;min-height:40px;display:flex}.banner{text-align:center;background:#00000059;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.banner h2{margin:0}.rules-note{color:var(--muted);font-size:.8rem}.seat{min-width:150px}.placed{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:6px;display:flex}.pc{color:var(--muted);flex-direction:column;align-items:center;font-size:.65rem;display:flex}.pc.won .card{box-shadow:0 0 0 2px var(--accent)}.pc .card.small{width:34px;height:48px;font-size:.8rem}.seat.turn{box-shadow:0 0 0 2px #f1c40f59}.yourturn{background:var(--good);color:#062;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;animation:1.2s infinite pulse;display:flex}.yourturn strong{letter-spacing:.05em;font-size:1.2rem}.yourturn .timer{background:#00000040;border-radius:6px;flex:140px;height:10px;overflow:hidden}.yourturn .bar{background:#fff;height:100%;transition:width .2s linear}.yourturn .secs{text-align:right;min-width:60px;font-weight:700}@keyframes pulse{0%,to{box-shadow:0 0 #f1c40f00}50%{box-shadow:0 0 0 4px #f1c40f8c}}.crown{color:var(--accent);font-size:.75rem}.lose{color:var(--muted);font-size:.7rem;font-weight:500}.played.loser .card{opacity:.55}.showdown{flex-direction:column;gap:12px;display:flex}.showdown .round{background:var(--felt);border:2px solid var(--accent);border-radius:14px;padding:12px}.showdown .rtitle{margin-bottom:8px;font-weight:700}.showdown .reason{color:var(--accent);margin-top:8px;font-weight:600}.youtag{color:#fff;letter-spacing:.05em;background:#4da3ff;border-radius:10px;padding:1px 8px;font-size:.7rem}.played.mine .card{outline-offset:2px;outline:3px solid #4da3ff}.handnote{text-align:center;background:#1d4f8f;border-radius:10px;padding:10px 14px;font-weight:600}button,.card{touch-action:manipulation}@media (hover:none){.card.playable:hover{transform:none}}@media (width<=640px){.app{gap:10px;padding:10px}h1{font-size:1.1rem}.setup{margin:3vh auto}.seats{gap:6px}.seat{flex:calc(50% - 6px);min-width:0;padding:6px 8px}.seat .name{font-size:.9rem}.seat .meta{font-size:.7rem}.card{width:46px;height:68px;font-size:1.15rem}.card.small{width:34px;height:50px;font-size:.9rem}.pc .card.small{width:28px;height:40px;font-size:.75rem}.trickrow{gap:8px}.center{min-height:0;padding:10px}.hand{z-index:5;background:var(--bg);padding:8px 0 calc(8px + env(safe-area-inset-bottom));box-shadow:0 -6px 10px var(--bg);flex-wrap:nowrap;gap:6px;position:sticky;bottom:0}.handnote{padding:8px 10px;font-size:.85rem}.actions{flex-wrap:wrap}}.result{border:3px solid var(--muted);text-align:center;background:#0b2b20;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:16px;display:flex}.result.won{border-color:var(--good)}.result.lost{border-color:var(--bad)}.result h2{margin:0;font-size:1.6rem}.result p{max-width:560px;margin:0;line-height:1.4}.pointsTable{border-collapse:collapse;min-width:180px}.pointsTable td{text-align:left;padding:3px 12px}.pointsTable td:last-child{text-align:right;font-weight:700}.pointsTable tr.me td{background:#ffffff1a}.pointsTable .pos{color:var(--good)}.pointsTable .neg{color:var(--bad)}.resultActions{gap:8px;display:flex}.setup h3{margin:6px 0 0;font-size:1rem}.setup input[type=text]{border:0;border-radius:6px;width:150px;padding:6px}.code{letter-spacing:.15em;color:var(--accent);background:#00000059;border-radius:8px;padding:2px 10px}.lobbySeats{flex-direction:column;gap:6px;display:flex}.lobbySeat{background:#00000040;border-radius:8px;justify-content:space-between;padding:8px 12px;display:flex}.lobbySeat.empty{opacity:.6}.error{background:var(--bad);color:#fff;border-radius:8px;padding:8px 12px}.toast{background:var(--bad);color:#fff;z-index:20;cursor:pointer;border-radius:8px;padding:8px 14px;position:fixed;top:10px;left:50%;transform:translate(-50%)}button.small{padding:2px 10px;font-size:.85rem}.hostPanel{background:var(--felt);border-radius:10px;padding:8px 12px}.hostPanel summary{cursor:pointer;font-weight:600}.hostPanel .lobbySeat{align-items:center;margin-top:6px}.invite{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.invite.big{flex-direction:column;align-items:stretch}.inviteBar{justify-content:flex-end;display:flex}.redealHands{flex-direction:column;gap:8px;width:100%;display:flex}.redealRow{text-align:left;background:#ffffff0f;border-radius:10px;padding:6px 10px}.redealRow.auto{outline:2px solid var(--accent)}.redealRow.mine .who{color:#4da3ff}.redealRow .who{font-size:.85rem;font-weight:700}.redealRow .trickrow{gap:4px;min-height:0;margin-top:4px}.seg{background:#0000004d;border-radius:8px;flex-shrink:0;display:flex;overflow:hidden}.seg button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;padding:7px 12px;font-size:.9rem}.seg button.on{background:var(--accent);color:#111;font-weight:700}.finding{text-align:center;align-items:center}.spinner{border:5px solid #fff3;border-top-color:var(--accent);border-radius:50%;width:44px;height:44px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=640px){.app{min-height:var(--vh);gap:6px;padding:8px}.top{flex-wrap:nowrap}.top h1{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;overflow:hidden}.top .status{display:none}.top button{padding:4px 10px}.seats{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.seats.n5,.seats.n6,.seats.n3{grid-template-columns:repeat(3,1fr)}.seat{border-radius:8px;min-width:0;padding:4px 5px}.seat .name{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.seat .turnmark{display:none}.seat .meta,.seat .pts{font-size:.65rem;display:inline}.seat .pts:before{content:" · ";color:var(--muted)}.placed{gap:2px;margin-top:3px}.pc{font-size:.5rem}.pc .card.small{border-radius:4px;width:20px;height:28px;font-size:.6rem}.center{border-radius:10px;gap:4px;padding:6px 8px}.trickrow{gap:6px;min-height:0}.played{gap:2px;font-size:.62rem}.played .card{width:36px;height:52px;font-size:.95rem}.youtag{padding:0 6px;font-size:.6rem}.status{font-size:.8rem}.handnote{padding:6px 8px;font-size:.75rem}.hand{padding-top:4px}.card{width:44px;height:64px}}@media (width<=640px) and (height<=640px){.card{width:40px;height:58px;font-size:1.05rem}.played .card{width:32px;height:46px}.pc .card.small{width:18px;height:25px}}.seat .count{align-items:center;gap:6px;margin:4px 0;display:flex}.seat .count .timer{background:#00000059;border-radius:6px;flex:1;height:10px;overflow:hidden}.seat .count .bar{background:var(--accent);height:100%;transition:width .2s linear}.mystatus{color:#062;background:var(--good);border-radius:8px;padding:6px 10px;font-weight:700}.seat .elig{border-radius:10px;margin-top:2px;padding:1px 8px;font-size:.72rem;font-weight:700;display:inline-block}.seat .elig.yes{background:var(--good);color:#062}.seat .elig.no{color:var(--muted);background:#00000059}@media (width<=640px){.seat .elig{padding:0 5px;font-size:.6rem}}.center{background:0 0;align-items:center;gap:6px;min-height:0;padding:0}.seat{padding:12px 14px}.seat .name{font-size:1.1rem}.seat .meta{font-size:.9rem}.seat .pts{font-size:.95rem;font-weight:700}.seat .elig{padding:2px 10px;font-size:.85rem}.curplay{justify-content:center;align-items:center;min-height:130px;margin:8px 0 4px;display:flex}.curplay .card,.curplay .cardslot{width:84px;height:120px;font-size:2rem}.curplay .cardslot{border:2px dashed #ffffff2e;border-radius:8px}.curplay .played{font-size:.85rem}@media (width<=640px){.seat{padding:6px 7px}.seat .name{font-size:.95rem}.seat .meta,.seat .pts{font-size:.75rem}.seat .elig{padding:1px 6px;font-size:.7rem}.curplay{min-height:76px;margin:4px 0 2px}.curplay .card,.curplay .cardslot{width:50px;height:72px;font-size:1.3rem}.curplay .played{font-size:.65rem}}.seat{position:relative}.seat .wintag{color:#062;background:var(--good);border-radius:8px;margin-bottom:4px;padding:2px 8px;font-size:.9rem;font-weight:800}.seat.winner{border-color:var(--good)}.endbar{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:96px;padding:8px 0;display:flex}.endbar .resultActions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.center .status{min-height:1.4em}@media (width<=640px){.endbar{background:var(--bg);min-height:84px;position:sticky;bottom:0}.seat .wintag{padding:1px 5px;font-size:.75rem}}.myseat{justify-content:center;display:flex}.myseat .seat{min-width:220px}@media (width<=640px){.seats.o1{grid-template-columns:1fr}.seats.o2{grid-template-columns:repeat(2,1fr)}.seats.o3,.seats.o5{grid-template-columns:repeat(3,1fr)}.seats.o4{grid-template-columns:repeat(2,1fr)}.myseat .seat{width:60%;min-width:0}}.seat .wintag{min-height:1.5em;padding-top:0;padding-bottom:0;line-height:1.5em}.seat .count{min-height:12px}.center .status{white-space:nowrap;text-overflow:ellipsis;max-width:100%;height:1.5em;line-height:1.5em;overflow:hidden}.center .status.last{height:1.3em;font-size:.8rem;line-height:1.3em}.seat .name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.seat .meta,.seat .pts,.seat .elig{white-space:nowrap}.seat .placed{align-content:flex-start;min-height:60px}.hand{align-items:center;min-height:100px}@media (width<=640px){.center .status{font-size:.75rem}.seat .placed{min-height:34px}.hand{min-height:70px}}.mybar{justify-content:center;align-items:center;gap:10px;display:flex}.mybar.out>:not(.bubble){opacity:.5}.mybar .card,.mybar .cardslot{width:46px;height:66px;font-size:1.2rem}.mybar .cardslot{border:2px dashed #ffffff2e;border-radius:6px}.mybar .played .card{outline:none}.mybar .mininfo{flex-direction:column;flex:0 260px;gap:4px;min-width:150px;display:flex}.mybar .count{min-height:10px}.mybar .count .timer{background:#00000059;border-radius:6px;height:10px;overflow:hidden}.mybar .count .bar{background:var(--accent);height:100%;transition:width .2s linear}.mybar .mline{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:8px;font-size:.85rem;display:flex}.mybar .elig{border-radius:10px;padding:1px 6px;font-size:.7rem;font-weight:700}.mybar .elig.yes{background:var(--good);color:#062}.mybar .elig.no{color:var(--muted);background:#00000059}.mybar .pts.pos{color:var(--good)}.mybar .pts.neg{color:var(--bad)}.mybar.winner .mline b{color:var(--good)}@media (width<=640px){.app.play{padding:max(6px, env(safe-area-inset-top)) 6px 0;height:var(--vh);gap:4px;min-height:0;overflow:hidden}html:has(.app.play){overscroll-behavior:none;height:100%;overflow:hidden}html:has(.app.play) body{overscroll-behavior:none;height:100%;overflow:hidden}.seats{gap:4px}.seat{padding:3px 4px}.seat .name{font-size:.78rem}.seat .wintag{min-height:1.3em;font-size:.65rem;line-height:1.3em}.seat .count{min-height:6px;margin:1px 0}.seat .count .timer{height:6px}.seat .meta,.seat .pts{font-size:.62rem}.seat .elig{width:fit-content;margin:1px auto;padding:0 5px;font-size:.58rem;display:block}.curplay{min-height:58px;margin:2px 0 0}.curplay .card,.curplay .cardslot{width:38px;height:54px;font-size:1.05rem}.curplay .played{gap:0;font-size:.55rem}.seat .placed{min-height:0;margin-top:2px}.center{flex:none;gap:2px}.center .status{font-size:.7rem}.mybar .card,.mybar .cardslot{width:38px;height:54px}.hand{min-height:0;padding:2px 0 max(6px, calc(env(safe-area-inset-bottom) - 14px))}.hand .card{width:42px;height:60px}.endbar{gap:2px;min-height:0;padding:2px 0}}.mychips{align-items:flex-start;gap:3px;min-height:40px;display:flex}.mychips .pc .card.small{width:26px;height:37px;font-size:.75rem}.mybar .mininfo{flex:0 300px}@media (width<=640px){.mychips{min-height:36px}.mychips .pc .card.small{width:24px;height:34px;font-size:.7rem}}.curplay{flex-direction:column;justify-content:center;height:142px;min-height:0}.curplay .played,.curplay .cardslot{flex:none}.curplay .cardslot{margin-bottom:1.3em}.curplay .played>span{white-space:nowrap;height:1.3em;line-height:1.3em}.seat .placed{flex-wrap:nowrap;align-content:flex-start;height:66px;min-height:0;overflow:hidden}.mychips{height:52px;min-height:0;overflow:hidden}.pc>span{white-space:nowrap;height:1.2em;line-height:1.2em}@media (width<=640px){.curplay{height:70px}.seat .placed{height:40px}.curplay{height:64px;margin:0}.curplay .cardslot{margin-bottom:10px}.curplay .played>span{height:10px;line-height:10px}.seat .placed{height:36px;margin-top:1px}.pc>span{height:8px;line-height:8px}.mychips{height:40px}.seat .meta,.seat .pts{line-height:1.1}}@media (width<=640px) and (height<=700px){.curplay{height:54px}.curplay .card,.curplay .cardslot{width:32px;height:46px;font-size:.9rem}.curplay .cardslot{margin-bottom:8px}.seat .placed{height:30px}.pc .card.small,.mychips .pc .card.small{width:18px;height:25px;font-size:.55rem}.mychips{height:32px}.mybar .card,.mybar .cardslot{width:32px;height:46px}.seat .wintag{min-height:1em;line-height:1em}.hand .card{width:40px;height:56px}}.seat .placed{flex-wrap:nowrap;justify-content:center;overflow:visible}.seat .placed .pc{flex:none}@media (width<=640px){.seat .placed{gap:0}.seat .placed .pc .card.small{box-shadow:0 0 0 1px #00000080}.seat .placed .pc.won .card{box-shadow:0 0 0 2px var(--accent);z-index:1;position:relative}.seat .placed .pc>span{display:none}.seat .placed .pc .card.small{width:16px;height:25px;box-shadow:none;border-radius:3px;font-size:.52rem}.seat .placed .pc.unplayed{border-left:0;margin-left:3px;padding-left:0}.seat .name{font-size:.78rem;display:inline}.seat .meta{margin-left:3px;display:inline}.seat .meta:before{content:"· "}.seat .elig{margin:1px 2px 0 0;display:inline-block}.seat .pts{font-size:.65rem;display:inline}.seat .pts:before{content:""}.seat .wonword{display:none}.seat .count{margin:1px 0}.seat .placed{flex-wrap:wrap;place-content:flex-start center;gap:2px;height:76px;margin-top:2px}.seat .placed .pc+.pc{margin-left:0}.seat .placed .pc .card.small{border-radius:4px;width:28px;height:38px;font-size:.75rem}.seat .placed .pc.won .card{box-shadow:0 0 0 2px var(--accent)}.seat .placed .pc{flex:0 0 30%;justify-content:center;display:flex}.seat .placed .pc.unplayed{margin-left:0}.curplay .card,.curplay .cardslot{width:32px;height:46px}.seat{position:relative}.seat .count{min-height:0;margin:0;position:absolute;top:0;left:6px;right:6px}.seat .count .timer{height:4px}.seat .placed{height:calc(var(--ch) * 2 + 4px)}.curplay{height:calc(var(--cc) + 12px)}.curplay .card,.curplay .cardslot{height:var(--cc);width:calc(var(--cc) * .7);font-size:calc(var(--cc) * .38)}.curplay .cardslot{margin-bottom:10px}.mychips .pc>span{display:none}.mychips{height:calc(var(--ch) * .8)}.app{--ch:clamp(24px, calc(var(--vh) * .059), 60px);--cc:clamp(40px, calc(var(--vh) * .092), 96px)}.seat .placed{grid-template-columns:repeat(3,1fr);grid-auto-rows:var(--ch);height:calc(var(--ch) * 2 + 3px);align-content:start;justify-items:center;gap:3px;display:grid}.seat .placed .pc{width:100%;height:var(--ch);flex:none;justify-content:center;margin:0;display:flex}.seat .placed .pc .card.small{height:var(--ch);width:min(100%, calc(var(--ch) * .74));font-size:calc(var(--ch) * .36)}.curplay .card,.curplay .cardslot{width:calc(var(--cc) * .7);max-width:100%}.mychips{height:var(--ch);gap:3px}.mychips .pc .card.small{height:var(--ch);width:calc(var(--ch) * .74);font-size:calc(var(--ch) * .36)}.mybar .mininfo{flex:0 auto;min-width:0}.mybar .card,.mybar .cardslot{height:var(--cc);width:calc(var(--cc) * .7);font-size:calc(var(--cc) * .38)}}.finale{--fh:100px;flex-direction:column;align-items:center;gap:4px;margin-top:6px;display:flex}.finale.row{flex-direction:row;gap:8px;margin:0}.finale .fc{align-items:center;gap:4px;display:flex}.finale .fc b{color:var(--muted);text-align:right;width:1.6em;font-size:.65rem}.finale .card,.finale .cardslot{width:calc(var(--fh) * .7);height:var(--fh);font-size:calc(var(--fh) * .36)}.finale .cardslot{border:2px dashed #fff3;border-radius:8px}.finale .fc.win .card{box-shadow:0 0 0 3px var(--accent)}.finale.row .fc b{text-align:center;width:auto}@media (width<=640px){.finale{--fh:calc((var(--cc) + 12px + var(--ch) * 2 + 3px - 4px) / 2);gap:3px;margin-top:2px}.finale .fc b{width:1.4em;font-size:.55rem}.finale{--fh:calc((var(--cc) + 12px + var(--ch) * 2 - 8px) / 2);margin-top:5px}.finale.row{--fh:var(--cc)}}.finale.row{--fh:120px;flex-direction:row;gap:8px;margin:0}.finale.row .fc{flex-direction:column;gap:2px}.finale.row .fc b{text-align:center;width:auto;height:10px;font-size:.65rem;line-height:10px}.finale.row .card,.finale.row .cardslot{width:calc(var(--fh) * .7);height:var(--fh);font-size:calc(var(--fh) * .36)}@media (width<=640px){.finale.row{--fh:var(--cc);gap:4px}.finale.row .fc b{font-size:.55rem}}.seat .meta.tagged{color:var(--accent);font-weight:800}.seat.lead-now{border-color:var(--good);box-shadow:0 0 0 2px var(--good);animation:none}.seat.lead-was{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent);animation:none}.mybar.lead-now{outline:2px solid var(--good);outline-offset:4px;border-radius:10px}.mybar.lead-was{outline:2px solid var(--accent);outline-offset:4px;border-radius:10px}@keyframes dealIn{0%{opacity:0;transform:translateY(-28px)scale(.55)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}.curplay .played .card,.finale .fc .card,.mybar .played .card,.seat .placed .pc .card{animation:.38s cubic-bezier(.2,.8,.25,1) both dealIn}.seat,.mybar{transition:border-color .35s,box-shadow .35s,opacity .35s,outline-color .35s}.seat.lead-now,.mybar.lead-now{animation:.4s ease-out pop}.seat .meta.tagged{animation:.5s ease-out pop}.hand .card{transition:transform .15s,opacity .2s}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.pc.disc .card{opacity:.5;outline-offset:-2px;filter:grayscale(.6);outline:2px dashed #ffffffb3}.pc.unplayed{opacity:1;border-left:0;padding-left:0}.pc.unplayed .card{outline-offset:-2px;outline:2px solid #6ea8ff}.seat,.mybar{position:relative}.bubble{color:#222;white-space:nowrap;z-index:15;pointer-events:none;background:#fff;border-radius:14px;padding:4px 10px;font-size:1.5rem;font-weight:700;animation:.25s ease-out bubbleIn;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #00000073}.bubble.mine{z-index:30;top:-22px;color:#222!important;opacity:1!important;background:#fff!important}@keyframes bubbleIn{0%{opacity:0;transform:translate(-50%,8px)scale(.7)}to{opacity:1;transform:translate(-50%)scale(1)}}.emoteStrip{justify-content:center;gap:6px;padding:2px 0;display:flex}.emoteStrip button{border-radius:19px;width:44px;height:38px;padding:0;font-size:1.5rem}.emoteStrip .more{width:52px}.emoteOverlay{z-index:40;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.emoteSheet{background:#1d2a24;border-radius:18px 18px 0 0;width:100%;max-width:440px;max-height:60vh;padding:10px 12px 14px;overflow-y:auto;box-shadow:0 -6px 24px #00000080}.emoteHead{justify-content:space-between;align-items:center;margin-bottom:0;font-size:1rem;display:flex}.emoteTitle{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:8px 0 5px;font-size:.75rem;font-weight:700}.emoteRow{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.emoteRow button{white-space:normal;border-radius:10px;min-height:0;padding:7px 8px;font-size:.9rem}.emoteRow.big{grid-template-columns:repeat(6,1fr)}.emoteRow.big button{padding:6px;font-size:1.9rem}.emoteMute{width:100%;margin-top:10px;padding:8px;font-size:.9rem}.seats.ring{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.seats.ring .ringslot{min-width:0}.seats.ring .seat{width:auto;min-width:0}.seat .elig,.mybar .elig{display:none!important}.pc.won .card{outline:3px solid var(--good);outline-offset:-1px;z-index:1;position:relative;box-shadow:0 0 0 1px var(--good)!important}.confetti{pointer-events:none;z-index:60;position:fixed;inset:0;overflow:hidden}.confetti i{opacity:0;border-radius:2px;width:8px;height:14px;animation:linear forwards confettiFall;position:absolute;top:-12px}@keyframes confettiFall{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:.9;transform:translate(var(--drift), 105vh) rotate(720deg)}}@media (prefers-reduced-motion:reduce){.confetti{display:none}}.played>:first-child{animation:.28s ease-out cardDrop}.placed .pc:last-child,.mychips .pc:last-child{animation:.3s ease-out chipPop}@keyframes cardDrop{0%{opacity:0;transform:translateY(-14px)scale(1.25)}to{opacity:1;transform:none}}@keyframes chipPop{0%{transform:scale(.6)}60%{transform:scale(1.12)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.played>:first-child,.placed .pc:last-child,.mychips .pc:last-child{animation:none}}@media (width>=641px){.app{--cc:clamp(40px, calc(var(--vh) * .084), 120px);--ch:clamp(28px, calc(var(--vh) * .048), 54px);--hh:clamp(60px, calc(var(--vh) * .115), 124px);--mh:clamp(44px, calc(var(--vh) * .062), 72px)}.app .curplay{height:calc(var(--cc) + 22px);margin:4px 0 2px}.app .curplay .card,.app .curplay .cardslot{height:var(--cc);width:calc(var(--cc) * .7);font-size:calc(var(--cc) * .38)}.app .seat .placed{height:calc(var(--ch) + 18px)}.app .pc .card.small,.app .mychips .pc .card.small{height:var(--ch);width:calc(var(--ch) * .72);font-size:calc(var(--ch) * .36)}.app .mychips{height:calc(var(--ch) + 14px)}.app .hand{min-height:calc(var(--hh) + 16px)}.app .hand .card{height:var(--hh);width:calc(var(--hh) * .7);font-size:calc(var(--hh) * .27)}.app .mybar .card,.app .mybar .cardslot{height:var(--mh);width:calc(var(--mh) * .7);font-size:calc(var(--mh) * .27)}.app .finale.row{--fh:var(--cc)}.app .seat{padding:clamp(4px, calc(var(--vh) * .01), 12px) 14px}}@media (width>=641px) and (height<=900px){.app{gap:6px;padding:8px 16px}.app .seats.ring{gap:4px}.app .seat{padding:4px 10px;position:relative}.app .seat .name{font-size:.95rem}.app .seat .count{min-height:0;margin:0;position:absolute;top:0;left:8px;right:8px}.app .seat .count .timer{height:4px}.app .seat .meta,.app .seat .pts{font-size:.78rem;line-height:1.2;display:inline}.app .seat .pts:before{content:" · ";color:var(--muted)}.app .curplay{margin:2px 0 0}.app .seat .placed{margin-top:2px}.app .emoteStrip{padding:0}.app .emoteStrip button{height:34px}}@media (width>=641px){.app .endbar{min-height:calc(var(--hh) + 16px);padding:0}}.hand{gap:12px}@media (width>=641px){.app .hand{gap:16px}}@media (width<=640px){.app .hand,.hand{gap:8px;padding-left:6px;padding-right:6px}.app .hand .card,.hand .card{width:min(56px,16.6667vw - 8.66667px);height:calc(1.45*min(56px,16.6667vw - 8.66667px));font-size:1.3rem}.card.selected{transform:translateY(-16px)}}.fc.leadcard{animation:.9s ease-in-out 2 leadPulse}.fc.leadcard .card{box-shadow:0 0 0 4px #ffd54a,0 0 16px 4px #ffd54ab3}@keyframes leadPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.wallet{flex-direction:column;gap:6px;display:flex}.walletRow{background:#00000040;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.balance{color:var(--accent);font-size:1.15rem;font-weight:700}.statGrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat{background:#00000040;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:84px;padding:16px 10px;display:flex}.stat b{font-size:1.9rem;line-height:1.1}.stat span{color:var(--muted);font-size:.95rem}.tabs{gap:8px;display:flex}.tabs button{flex:1}.board{flex-direction:column;gap:4px;display:flex}.boardRow{background:#00000040;border-radius:8px;grid-template-columns:2.2em 1fr auto auto;align-items:center;gap:10px;padding:7px 10px;display:grid}.boardRow.me{outline:2px solid var(--accent)}.boardRow .rank{text-align:center;font-weight:700}.boardRow .who{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.boardRow .wins{color:var(--muted);font-size:.8rem}.boardRow .pos{color:var(--good)}.tabs button,.walletRow button{white-space:nowrap}.badgeTitle{margin:14px 0 4px;font-size:1.1rem}.badges{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.badge{text-align:center;background:#00000040;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;display:flex}.badge .icon{font-size:1.8rem}.badge small{color:var(--muted);font-size:.78rem}.badge.locked{opacity:.45}.newBadge{cursor:pointer;background:#ffc83c2e;border:1px solid #ffc83c80;border-radius:10px;margin-top:6px;padding:8px 10px;font-size:.95rem}.people{flex-direction:column;gap:6px;width:100%;display:flex}.person{background:#00000040;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:flex}.person .who{flex-wrap:wrap;flex:1;align-items:baseline;gap:6px;min-width:0;display:flex}.person .who b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.person .who small{opacity:.65}.person .dot{background:#ffffff40;border-radius:50%;flex:none;align-self:center;width:8px;height:8px}.person .dot.on{background:#4cd964}.invitePeople{width:100%}.invitePeople summary{cursor:pointer;padding:6px 0;font-weight:600}.invites{flex-direction:column;gap:6px;width:100%;display:flex}.inviteRow{background:#ffd7001f;border:1px solid #ffd70059;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.inviteBtns{gap:6px;display:flex}.addFriend{color:#fff;cursor:pointer;white-space:nowrap;background:#22a85a;border:1px solid #5fe39a;border-radius:999px;min-height:0;margin-left:6px;padding:2px 8px;font-size:.8em;font-weight:700;line-height:1.2;box-shadow:0 0 0 2px #22a85a40}.addFriend:hover{background:#2bc06a}.friendMark{color:var(--accent);margin-left:4px}.pageTop{z-index:5;background:var(--felt);border-radius:14px 14px 0 0;align-items:center;gap:10px;margin:-14px -14px 0;padding:10px 14px;display:flex;position:sticky;top:0}.pageTop h1{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:1.3rem;overflow:hidden}.pageTop .backBtn{flex:none;width:auto}.app:not(.play){padding-top:max(16px, env(safe-area-inset-top));padding-bottom:max(16px, env(safe-area-inset-bottom))}.pageTop{top:env(safe-area-inset-top,0px)}.avatar{margin-right:4px}@media (width<=640px){.seats.ring .avatar{margin-right:2px}.seats.ring .seat{padding-left:6px;padding-right:6px}}.avatarBtn{cursor:pointer;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:50%;min-height:0;padding:4px 6px;font-size:1.5rem;line-height:1}.walletRow .balance{flex:1}.avatarPick{background:#00000040;border-radius:10px;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;padding:8px;display:grid}.avatarPick button{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:10px;min-height:0;padding:6px 0;font-size:1.5rem}.avatarPick button.on{border-color:var(--accent)}button{min-height:40px}button.small,.seg button,.avatarBtn,.addFriend,.avatarPick button,.emoteRow button,.emoteStrip button,.codeChip{min-height:0}button:disabled{opacity:1;color:#ffffff73;background:#ffffff1f;border-color:#0000}button.hero{min-height:52px;padding:14px 16px;font-size:1.15rem;box-shadow:0 4px 14px #0000004d}button.secondary{color:var(--ink);background:#ffffff1a;border:1px solid #ffffff40}button.secondary:hover:not(:disabled){background:#ffffff29}.setup input[type=text],.setup input[type=number],.setup select{color:var(--ink);font:inherit;background:#0000004d;border:1px solid #fff3;border-radius:8px;padding:8px 10px}.setup input::placeholder{color:#ffffff59}.setup input:focus{outline:2px solid var(--accent);outline-offset:1px}.logo{letter-spacing:.02em;align-items:center;gap:8px;font-size:2rem;display:flex}.logo span{color:var(--accent);font-size:2.4rem}.modeRow{grid-template-columns:1fr 1fr;gap:10px;display:grid}.menuLinks{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.menuLinks button{flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:.85rem;line-height:1.2;display:flex}.menuLinks button i{font-size:1.3rem;font-style:normal}@media (width<=400px){.modeRow{grid-template-columns:1fr}}@media (width<=640px){.setup label:has(.seg){flex-direction:column;align-items:stretch;gap:6px}.setup label:has(.seg) .seg{width:100%}.setup label:has(.seg) .seg button{flex:1}}details.more{background:#0000002e;border-radius:10px;padding:10px 12px}details.more summary{cursor:pointer;color:var(--muted);font-weight:600}details.more[open]>label,details.more[open]>.rules-note{margin-top:12px}.freeTag{color:#bff3d4;background:#2ecc712e;border:1px solid #2ecc7180;border-radius:20px;align-self:flex-start;padding:3px 12px;font-size:.85rem;font-weight:600}.stakes{gap:8px;display:flex}.stakes span{text-align:center;color:var(--muted);background:#00000040;border-radius:10px;flex:1;padding:8px;font-size:.9rem}.stakes b{color:var(--accent)}.subcard{background:#0003;border-radius:12px;flex-direction:column;gap:12px;padding:12px;display:flex}.subcard h3{margin:0}.codeChip{font:inherit;cursor:pointer;border:1px dashed #f1c40f99;padding:2px 12px;font-weight:700}.lobbySeat .avatar{margin-right:6px}.lobbySeat.empty{color:var(--muted);background:0 0;border:1px dashed #fff3}.invitePeople summary{color:var(--accent)}.stat.hero{background:#f1c40f1f;border:1px solid #f1c40f66}.stat.hero b{color:var(--accent);font-size:2.3rem}.badge.locked{opacity:1;color:#ffffff8c;background:#0000002e}.badge.locked small{color:#ffffff80}.tabs .seg{width:100%}.tabs .seg button{flex:1}.emptyState{text-align:center;background:#0000002e;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:24px 10px;display:flex}.emptyState span{font-size:2.4rem}.emptyState small{color:var(--muted)}.topnav{display:none}@media (width>=900px){.topnav{align-items:center;gap:4px;max-width:1100px;margin:0 auto;padding:14px 24px 0;display:flex}.topnav button{color:var(--muted);background:0 0;min-height:0;padding:8px 14px;font-weight:600}.topnav button:hover{color:var(--ink)}.topnav button.on{color:var(--ink);background:#ffffff1a}.topnav .brand{color:var(--accent);margin-right:16px;font-size:1.3rem;font-weight:800}.topnav .navBalance{color:var(--accent);margin-left:auto;font-size:1.05rem;font-weight:700}.app:not(.play){font-size:17px}.setup{gap:16px;max-width:560px;margin:5vh auto;padding:24px 28px}.setup.wide{max-width:900px}.setup.menu{max-width:620px}.statGrid{grid-template-columns:repeat(10,1fr)}.statGrid .stat{grid-column:span 2}.statGrid .stat.hero{grid-column:span 5}.badges{grid-template-columns:repeat(4,1fr)}.rules-note{font-size:.9rem}.pageTop{margin:-24px -28px 0;padding:14px 28px}}@media (width<=640px){.seat .meta+.pts:before,.seat .elig+.pts:before{content:" · ";color:var(--muted)}}@media (width>=641px){.app .curplay{margin-top:8px}.app.play{max-width:1180px}}.trickNo{color:var(--muted);font-size:.8em;font-weight:500}.themeDot{vertical-align:middle;border:1px solid;border-radius:50%;width:10px;height:10px;margin-left:4px;display:inline-block}.top>div{align-items:center;gap:6px;display:flex}.top .status{margin-right:6px}.card.back{background:radial-gradient(circle at 50% 50%, #ffffff2e 0 18%, transparent 19%), repeating-linear-gradient(45deg, #ffffff12 0 3px, transparent 3px 7px), linear-gradient(160deg, var(--back1), var(--back2));box-shadow:inset 0 0 0 3px #fbf9f3,inset 0 0 0 4px #00000040,0 2px 4px #0006}.card.dim{opacity:1;filter:brightness(.7)saturate(.85)}.hand{position:relative}.hand.myturn{box-shadow:0 0 0 2px var(--good), 0 0 22px #2ecc7159;background:#2ecc710f;border-radius:14px}.turnPill{background:var(--good);color:#062;white-space:nowrap;border-radius:20px;padding:1px 10px;font-size:.85rem;font-weight:800}.turnPill.hurry{background:var(--bad);color:#fff;animation:.6s ease-in-out infinite hurry}@keyframes hurry{50%{transform:scale(1.1)}}.trickNo .short{display:none}@media (width<=640px){.trickNo .long{display:none}.trickNo .short{display:inline}.turnPill{padding:0 8px;font-size:.72rem}}.emoteStrip button{background:#ffffff14;border:1px solid #ffffff26}@media (width<=899px){.statGrid .stat:last-child{grid-column:span 2}}.lobbySeat.empty.bot{border-style:solid}.topnav i{font-style:normal}@media (width>=900px){.topnav i{display:none}}@media (width<=899px){.topnav{left:0;right:0;bottom:var(--adb);z-index:30;background:var(--felt);padding:4px 4px max(4px, env(safe-area-inset-bottom));border-top:1px solid #ffffff1f;display:flex;position:fixed;box-shadow:0 -4px 14px #0000004d}.topnav .brand,.topnav .navBalance{display:none}.topnav button{color:var(--muted);background:0 0;flex-direction:column;flex:1;align-items:center;gap:1px;min-height:50px;padding:4px 2px;font-size:.7rem;display:flex}.topnav button i{filter:grayscale(.6);font-size:1.35rem}.topnav button.on{color:var(--accent)}.topnav button.on i{filter:none}.topnav~.app{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.topnav~.app .menuLinks{display:none}}.badge .prog{background:#00000059;border-radius:4px;width:80%;height:6px;margin-top:4px;overflow:hidden}.badge .prog i{background:var(--accent);height:100%;display:block}.podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:8px;padding-top:6px;display:grid}.podium .step{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.podium .pAvatar{font-size:2rem}.podium .pName{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.podium .pos{color:var(--good);font-size:.9rem;font-weight:700}.podium .block{background:#f1c40f2e;border:1px solid #f1c40f66;border-radius:10px 10px 0 0;justify-content:center;width:100%;margin-top:4px;padding-top:6px;font-size:1.6rem;display:flex}.podium .s1 .block{background:#f1c40f4d;height:90px}.podium .s2 .block{height:64px}.podium .s3 .block{height:46px}.podium .step.me .pName{color:var(--accent)}.tablePreview{display:none}@media (width>=900px){.setupSplit{justify-content:center;align-items:flex-start;gap:28px;width:100%;max-width:1100px;margin:5vh auto;display:flex}.setupSplit .setup{flex:0 520px;margin:0}.tablePreview{flex:0 460px;padding:30px 20px;display:block}.oval{aspect-ratio:4/3;background:radial-gradient(ellipse at center, var(--felt) 0 60%, #00000040 100%);border:10px solid #5a3a1e;border-radius:50%;position:relative;box-shadow:inset 0 0 30px #00000073,0 10px 30px #00000059}.pseat{background:var(--bg);border:2px solid #fff3;border-radius:14px;flex-direction:column;align-items:center;min-width:64px;padding:6px 10px;transition:left .3s,top .3s;display:flex;position:absolute;transform:translate(-50%,-50%)}.pseat span{font-size:1.6rem}.pseat small{color:var(--muted)}.pseat.you{border-color:var(--accent)}.ovalLabel{color:var(--muted);text-transform:capitalize;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;inset:0}.app.play .seats.ring{background:radial-gradient(ellipse at center, var(--felt) 0 55%, #0000002e 100%);border:8px solid #5a3a1ed9;border-radius:50%/42%;padding:24px 90px;box-shadow:inset 0 0 40px #00000059}.app.play .seats.ring .ringslot{justify-content:center;align-self:start;min-width:0;display:flex;container-type:inline-size}.app.play .seats.ring .seat{background:#00000047;width:100%;max-width:320px}}@container (width>=270px){.app.play .seats.ring .seat{grid-template-columns:auto 1fr;align-items:center;column-gap:12px;display:grid}.app.play .seats.ring .seat>:not(.curplay):not(.placed){grid-column:1/-1}.app.play .seats.ring .seat .curplay{grid-column:1;margin:4px 0}.app.play .seats.ring .seat .placed{grid-column:2;justify-content:flex-start;align-self:center;margin:0}}.topnav~.app .pageTop .backBtn{display:none}@media (width<=640px){.seats.ring .seat{min-width:0}.seats.ring .seat .name,.seats.ring .seat .pts{text-overflow:ellipsis;max-width:100%;overflow:hidden}.seats.ring .seat .bubble{white-space:normal;text-align:center;width:max-content;max-width:calc(100% - 4px);padding:4px 8px;font-size:1rem;line-height:1.15}.seats.ring .seat .pts{line-height:1.1;display:block}.seats.ring .seat .pts:before{content:""!important}}@media (width>=900px){.app.play .seats.ring .seat .pts:before{content:""!important}.app.play .seats.ring .seat .curplay{height:calc(var(--cc) + 22px);min-height:0}.app.play .seats.ring .seat .curplay:has(.finale){height:auto;min-height:calc(var(--cc) + 22px)}}.finale .cardslot,.curplay .finale .cardslot{margin-bottom:0!important}@media (width<=640px){.seats.ring .seat .meta.tagged{margin-left:0;display:block}.seats.ring .seat .meta.tagged:before{content:""!important}}.mybar .mline{min-height:22px}@media (width<=640px){.app.play{overscroll-behavior:contain;padding-bottom:calc(env(safe-area-inset-bottom) + 14px);overflow:hidden auto}}.playWrap{display:contents}@media (width<=640px){.playWrap{height:var(--vh);padding-top:calc(env(safe-area-inset-top) + 8px);grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr auto;align-items:start;display:grid;overflow:hidden}.playWrap>.hostPanel{grid-area:1/1;margin:4px 0 0 6px}.playWrap>.inviteBar{grid-area:1/2;margin:4px 6px 0}.playWrap>.hostPanel[open]{grid-column:1/-1;margin-right:6px}.playWrap:has(>.hostPanel[open])>.inviteBar{display:none}.playWrap>.app.play{grid-area:2/1/auto/-1;height:100%;min-height:0;padding-top:4px}}@media (width<=640px) and (height<=700px){.app.play{--ch:clamp(20px, calc(var(--vh) * .039), 34px);--cc:clamp(36px, calc(var(--vh) * .062), 56px)}.app.play .seats.ring .seat .curplay{height:calc(var(--cc) + 14px)}}.adSlot{z-index:20;justify-content:center;align-items:center;display:none;position:fixed;overflow:hidden}html.ads .adSlot{display:flex}html.ads.adsPreview .adSlot{border:1px dashed var(--muted);color:var(--muted);font-size:.75rem}html.ads.adsPreview .adSlot:after{content:"Ad " attr(data-size)}@media (width>=641px) and (width<=1099px){html.ads.adsPreview .adSlot.bottom:after{content:"Ad 728x90"}}@media (width<=1099px){html.ads{--adb:calc(60px + env(safe-area-inset-bottom))}.adSlot.left,.adSlot.right{display:none!important}.adSlot.bottom{height:var(--adb);padding-bottom:env(safe-area-inset-bottom);background:var(--bg);bottom:0;left:0;right:0}}@media (width>=641px) and (width<=1099px){html.ads{--adb:100px}.adSlot.bottom{padding-bottom:0}}@media (width>=1100px){html.ads{--adw:180px}html.ads #root{padding-left:var(--adw);padding-right:var(--adw)}.adSlot.bottom{display:none!important}.adSlot.left,.adSlot.right{width:var(--adw);top:0;bottom:0}.adSlot.left{left:0}.adSlot.right{right:0}}@container (width<=269px){.app.play .seats.ring .seat .placed{flex-wrap:wrap;justify-content:center;row-gap:2px;max-width:100%;height:auto}}html.ads #root{padding-bottom:var(--adb)}@media (width>=641px){.app.play .seats.ring .ringslot{min-width:0;container-type:inline-size}}@media (width>=641px) and (width<=1099px){html.ads .endbar{bottom:var(--adb);z-index:5;background:var(--bg);padding:8px 0;position:sticky}html.ads .app{--cc:clamp(36px, calc(var(--vh) * .07), 100px);--ch:clamp(24px, calc(var(--vh) * .04), 46px);--hh:clamp(56px, calc(var(--vh) * .1), 110px);--mh:clamp(40px, calc(var(--vh) * .055), 64px)}}.notifWrap{top:max(10px, env(safe-area-inset-top));z-index:40;position:fixed;right:12px}.notifBell{background:#00000059;border:1px solid #fff3;border-radius:999px;width:40px;height:40px;min-height:0;padding:0;font-size:1.15rem;position:relative}.notifBadge{color:#fff;text-align:center;background:#e5484d;border-radius:999px;min-width:18px;height:18px;padding:0 4px;font-size:.72rem;font-weight:800;line-height:18px;position:absolute;top:-4px;right:-4px}.notifPanel{background:var(--felt);border:1px solid #fff3;border-radius:12px;flex-direction:column;gap:6px;width:min(340px,100vw - 24px);max-height:70vh;padding:8px;display:flex;position:absolute;top:48px;right:0;overflow:auto;box-shadow:0 10px 30px #00000080}.notifHead{justify-content:space-between;align-items:center;padding:2px 4px;display:flex}.notifEmpty{color:var(--muted);text-align:center;padding:18px 8px;font-size:.9rem}.notifItem{background:#ffd7001f;border:1px solid #ffd70059;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.notifSub{color:var(--muted);font-size:.8rem}@media (width>=900px){.notifWrap{z-index:40;position:fixed;top:14px;right:max(24px,50vw - 526px)}.topnav .navBalance{margin-right:52px}}@media (width<=899px){.notifWrap{top:max(8px, env(safe-area-inset-top));right:14px}.notifBell{width:36px;height:36px;font-size:1.05rem}.topnav~.app{padding-top:calc(52px + env(safe-area-inset-top))}}.seat.noslot .curplay{visibility:hidden;width:0;margin-left:0;margin-right:0;overflow:hidden}@media (width>=641px){.app.play .seats.ring .seat.noslot{grid-template-columns:0 1fr;column-gap:0}}.seat .pts.ghost{visibility:hidden}@media (width<=640px){.seat .pts.ghost{display:none}}@media (width>=641px){.app{--ch:clamp(28px, calc(var(--vh) * .048), 46px)}}.mybar.noslot>.cardslot{display:none}@media (width>=641px){.app.play .seats.ring .seat .placed{min-height:calc(var(--ch) + .8rem)}.app.play .seats.ring .seat.noslot .curplay{display:none}.app.play .seats.ring .seat.noslot .placed{min-height:calc(var(--cc) + 22px + var(--ch) + .8rem);align-content:center}.seat.noslot .placed .pc.unplayed>span{display:none}}@container (width>=270px){.app.play .seats.ring .seat .placed{min-height:0}.app.play .seats.ring .seat.noslot .curplay{display:flex}.app.play .seats.ring .seat.noslot .placed{min-height:0}}.seat.waitSeat{flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:150px;display:flex}.app.play .seats.ring .seat.waitSeat{display:flex}.seat.waitSeat.empty{color:var(--muted);background:0 0;border:2px dashed #ffffff38}.seat.waitSeat.empty .name{font-weight:600}.seat.waitSeat.ready{border-color:var(--good)}.waiting .waitMe{justify-content:center;align-items:center;gap:8px;display:flex}.waiting .waitActions{flex-direction:column;align-items:center;gap:8px;display:flex}.waiting .waitActions .hero{min-width:180px}@media (width<=640px){.seat.waitSeat{min-height:96px}.waiting .waitMe{margin-top:6px}}