html[data-skin=soft]{--sp1:4px;--sp2:8px;--sp3:12px;--sp4:16px;--sp5:20px;--sp6:24px;--sp7:32px;--r-sm:12px;--r-md:16px;--r-lg:20px;--r-pill:999px;--ink:var(--text);--ink-soft:color-mix(in srgb, var(--text) 78%, var(--muted) 22%);--ink-faint:color-mix(in srgb, var(--text) 62%, var(--muted) 38%);--stroke:color-mix(in srgb, var(--line) 78%, transparent);--stroke-strong:color-mix(in srgb, var(--line) 92%, var(--text) 8%)}html[data-skin=soft] body{background:var(--bg)}[data-skin-preview=soft],html[data-skin=soft] .gg-call-theme{--sp1:4px;--sp2:8px;--sp3:12px;--sp4:16px;--sp5:20px;--sp6:24px;--sp7:32px;--r-sm:12px;--r-md:16px;--r-lg:20px;--r-pill:999px;--ink:var(--text);--ink-soft:color-mix(in srgb, var(--text) 78%, var(--muted) 22%);--ink-faint:color-mix(in srgb, var(--text) 62%, var(--muted) 38%);--stroke:color-mix(in srgb, var(--line) 78%, transparent);--stroke-strong:color-mix(in srgb, var(--line) 92%, var(--text) 8%)}html[data-skin=soft] body{isolation:isolate;position:relative;overflow:hidden}html[data-skin=soft] body:before{content:"";z-index:0;background:radial-gradient(700px 420px at 4% 0%, color-mix(in srgb, var(--brand-tint) 55%, transparent), transparent 70%), radial-gradient(640px 460px at 98% 6%, color-mix(in srgb, var(--pop) 14%, transparent), transparent 70%), radial-gradient(760px 540px at 50% 110%, color-mix(in srgb, var(--brand-tint) 38%, transparent), transparent 72%);opacity:.6;pointer-events:none;position:absolute;inset:0}html[data-skin=soft] .gg-app-root{z-index:1;background:color-mix(in srgb, var(--bg) 72%, transparent);font-family:var(--font-body);position:relative}html[data-skin=soft] .nav{border:0;border-bottom:1px solid var(--stroke);background:color-mix(in srgb, var(--surface) 82%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface) 60%, transparent);border-radius:0;margin:0;padding:10px 18px 10px 20px}html[data-skin=soft] .brand .wordmark{font-family:var(--font-display);letter-spacing:-.03em;overflow-wrap:anywhere;color:var(--ink);font-weight:700}html[data-skin=soft] .logo{stroke:var(--brand)}html[data-skin=soft] .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .ic{flex:none;place-items:center;width:18px;height:18px;display:inline-grid}html[data-skin=soft] .tabs{background:color-mix(in srgb, var(--surface-2) 70%, transparent);border:1px solid var(--stroke);border-radius:var(--r-pill);padding:3px;position:relative}html[data-skin=soft] .tab{z-index:1;border-radius:var(--r-pill);align-items:center;gap:var(--sp2);min-height:44px;color:var(--ink-soft);padding:9px 16px;font-size:13.5px;font-weight:700;display:inline-flex;position:relative}html[data-skin=soft] .tab.is-active{background:var(--surface);color:var(--brand-deep);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface) 70%, transparent), 0 3px 10px color-mix(in srgb, var(--text) 12%, transparent)}html[data-skin=soft] .tab .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .tab .ic{width:17px;height:17px}html[data-skin=soft] .icon-btn:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .icon-btn{background:color-mix(in srgb, var(--surface) 80%, transparent);border:1px solid var(--stroke);width:44px;height:44px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface) 70%, transparent);color:var(--ink-soft);cursor:pointer;border-radius:50%;place-items:center;display:inline-grid}html[data-skin=soft] .icon-btn .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .icon-btn .ic{width:18px;height:18px}html[data-skin=soft] .nav-end{align-items:center;gap:var(--sp2);display:flex}html[data-skin=soft] .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .av{object-fit:cover;background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid var(--stroke-strong);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface) 80%, transparent), 0 6px 16px color-mix(in srgb, var(--text) 16%, transparent);border-radius:50%;padding:4px}html[data-skin=soft] .nav-end .av.me{width:40px;height:40px;padding:2px}html[data-skin=soft] .pa:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .pa{flex:none;display:inline-block;position:relative}html[data-skin=soft] .pa .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .pa .av{display:block}html[data-skin=soft] .presence:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .presence{border:2px solid var(--surface);background:var(--muted);border-radius:50%;width:12px;height:12px;position:absolute;bottom:3px;right:3px}html[data-skin=soft] .presence.on:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .presence.on{background:var(--ok)}html[data-skin=soft] .presence.away{background:var(--away)}html[data-skin=soft] .page-head:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .page-head{gap:var(--sp2);min-width:0}html[data-skin=soft] .eyebrow:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:12px;font-weight:700}html[data-skin=soft] .title:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);overflow-wrap:balance;max-width:18ch;font-weight:700;line-height:1.02}@media (min-width:721px){html[data-skin=soft][data-skin=soft] .title:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .title{font-size:54px}}@media (max-width:720px){html[data-skin=soft][data-skin=soft] .title:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .title{font-size:32px;line-height:1.06}}html[data-skin=soft] .lede:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .lede{color:var(--ink-soft);max-width:52ch;overflow-wrap:pretty;font-size:15px;line-height:1.55}@media (max-width:720px){html[data-skin=soft][data-skin=soft] .lede:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .lede{font-size:14px}}html[data-skin=soft] .kicker:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .kicker{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft);font-size:11.5px;font-weight:700}html[data-skin=soft] .card-title:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .card-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);overflow-wrap:balance;max-width:16ch;font-size:25px;font-weight:700;line-height:1.12}html[data-skin=soft] .hint:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .hint,html[data-skin=soft] .fine:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .fine{color:var(--ink-soft);overflow-wrap:pretty;font-size:14px;line-height:1.55}html[data-skin=soft] .fine:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .fine{font-size:13.5px}@media (max-width:720px){html[data-skin=soft][data-skin=soft] .hint:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .hint,html[data-skin=soft][data-skin=soft] .fine:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .fine{font-size:13.5px}}html[data-skin=soft] .link:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .link{color:var(--ink);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--text) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--text) 45%, transparent);align-items:center;gap:6px;min-height:44px;font-size:14px;font-weight:700;display:inline-flex}html[data-skin=soft] .link .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .link .ic{width:16px;height:16px}html[data-skin=soft] .btn:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .btn{border-radius:var(--r-pill);justify-content:center;align-items:center;gap:var(--sp2);overflow-wrap:anywhere;cursor:pointer;border:1px solid #0000;min-width:0;max-width:100%;min-height:48px;padding:12px 22px;font-size:14.5px;font-weight:700;display:inline-flex}html[data-skin=soft] .btn .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .btn .ic{width:18px;height:18px}html[data-skin=soft] .btn-primary:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .btn-primary{background:var(--brand);color:var(--on-brand);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface) 35%, transparent), 0 10px 22px -14px color-mix(in srgb, var(--text) 45%, transparent);border-color:#0000}html[data-skin=soft] .btn-secondary:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .btn-secondary{background:color-mix(in srgb, var(--surface) 84%, transparent);border-color:var(--stroke-strong);color:var(--ink);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface) 70%, transparent)}html[data-skin=soft] .btn-ghost:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .btn-ghost{color:var(--ink-soft);box-shadow:none;background:0 0;border-color:#0000}html[data-skin=soft] .btn-danger:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .btn-danger{background:color-mix(in srgb, var(--away) 24%, var(--surface) 76%);border-color:color-mix(in srgb, var(--away) 55%, transparent);color:var(--ink)}html[data-skin=soft] .btn.small:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .btn.small{min-height:44px;padding:10px 18px;font-size:13.5px}html[data-skin=soft] .btn.wide:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .btn.wide{width:100%}html[data-skin=soft] .btn:disabled:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .btn:disabled,html[data-skin=soft] .btn[disabled]:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .btn[disabled]{opacity:.55;cursor:not-allowed;box-shadow:none}html[data-skin=soft] .card:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .card{border-radius:var(--r-lg);padding:var(--sp6);border:1px solid var(--stroke);align-self:stretch;min-width:0;min-height:0;position:relative;overflow:hidden}html[data-skin=soft] .card.create{background:color-mix(in srgb, var(--brand-tint) 58%, transparent);border-color:color-mix(in srgb, var(--brand) 30%, var(--line) 70%);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface) 60%, transparent)}html[data-skin=soft] .card.join-card{background:color-mix(in srgb, var(--surface) 72%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface) 65%, transparent)}html[data-skin=soft] .card.tip{gap:var(--sp4);background:color-mix(in srgb, var(--surface) 72%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface) 70%, transparent);align-items:flex-start;display:flex}html[data-skin=soft] .tip-mark{width:36px;height:36px;color:var(--brand-deep);background:0 0;border:0;flex:none;place-items:center;margin-top:2px;display:inline-grid}html[data-skin=soft] .tip-mark .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .tip-mark .ic{width:20px;height:20px}html[data-skin=soft] .tip-body{align-items:center;gap:var(--sp2) var(--sp3);flex-wrap:wrap;flex:auto;min-width:0;display:flex}html[data-skin=soft] .tip-title{flex:auto;min-width:0;max-width:none;font-size:22px}html[data-skin=soft] .tip-shuffle{background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid var(--stroke-strong);width:36px;height:36px;color:var(--ink-soft);cursor:pointer;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface) 70%, transparent);border-radius:50%;flex:none;place-items:center;display:inline-grid}html[data-skin=soft] .tip-shuffle .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .tip-shuffle .ic{width:17px;height:17px}html[data-skin=soft] .tip-ideas{gap:var(--sp2);flex:100%;min-width:0;margin:0;padding:0;list-style:none;display:flex}html[data-skin=soft] .tip-idea{background:color-mix(in srgb, var(--surface) 90%, transparent);border:1px solid var(--stroke-strong);border-radius:var(--r-pill);min-width:0;min-height:44px;color:var(--ink);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface) 70%, transparent);flex:1 1 0;justify-content:center;align-items:center;gap:6px;padding:9px 10px;font-size:13px;font-weight:700;display:inline-flex;overflow:hidden}html[data-skin=soft] .tip-idea .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .tip-idea .ic{width:16px;height:16px;color:var(--brand-deep);flex:none}html[data-skin=soft] .tip-idea span:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .tip-idea span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}html[data-skin=soft] .tip-cta{flex:100%;min-width:0;margin-top:2px}html[data-skin=soft] .seat-row:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .seat-row{align-items:center;gap:var(--sp4);flex-wrap:wrap}html[data-skin=soft] .seat:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .seat{border:1px solid var(--stroke-strong);background:color-mix(in srgb, var(--surface) 72%, transparent);width:84px;height:84px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface) 80%, transparent), 0 10px 24px -14px color-mix(in srgb, var(--text) 40%, transparent);border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden}html[data-skin=soft] .seat .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .seat .av{box-sizing:border-box;width:100%;height:100%}html[data-skin=soft] .seat:not(:where([data-skin-preview] *)):after,html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .seat:after{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--surface) 85%, transparent), transparent 72%);opacity:.8;pointer-events:none;border-radius:50%;width:38%;height:22%;position:absolute;top:6%;left:15%}html[data-skin=soft] .seat.filled:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .seat.filled{padding:0}html[data-skin=soft] .seat.empty:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .seat.empty{color:color-mix(in srgb, var(--text) 55%, transparent);background:color-mix(in srgb, var(--surface) 38%, transparent);border-color:color-mix(in srgb, var(--surface) 62%, var(--text) 22%);box-shadow:inset 0 1px 1px color-mix(in srgb, var(--surface) 75%, transparent), inset 5px 8px 16px -8px color-mix(in srgb, var(--surface) 60%, transparent), inset -6px -10px 18px -8px color-mix(in srgb, var(--text) 22%, transparent), 0 10px 24px -14px color-mix(in srgb, var(--text) 40%, transparent)}html[data-skin=soft] .seat.empty .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .seat.empty .ic{display:none}html[data-skin=soft] .seat.empty:not(:where([data-skin-preview] *)):before,html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .seat.empty:before{content:"";background:radial-gradient(circle at 50% 37%, color-mix(in srgb, var(--text) 24%, transparent) 0 14%, transparent 15%), radial-gradient(ellipse 42% 27% at 50% 80%, color-mix(in srgb, var(--text) 20%, transparent) 0 68%, transparent 69%);opacity:.8;border-radius:50%;position:absolute;inset:0}html[data-skin=soft] .seat.empty:not(:where([data-skin-preview] *)):after,html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .seat.empty:after{content:"";top:auto;left:auto;border:1.5px solid #0000;border-top-color:color-mix(in srgb, var(--surface) 88%, transparent);border-left-color:color-mix(in srgb, var(--surface) 42%, transparent);opacity:.9;pointer-events:none;background:0 0;border-radius:50%;width:auto;height:auto;position:absolute;inset:4px;transform:rotate(-24deg)}html[data-skin=soft] .card-foot:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .card-foot{justify-content:space-between;align-items:flex-end;gap:var(--sp3);width:100%;display:flex}html[data-skin=soft] .join{background:color-mix(in srgb, var(--surface) 86%, transparent);border:1px solid var(--stroke-strong);border-radius:var(--r-pill);align-items:center;gap:var(--sp2);min-width:0;min-height:56px;padding:4px 4px 4px 18px;display:flex}html[data-skin=soft] .join .input:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .join .input{flex:auto;align-items:center;min-height:48px;display:flex}html[data-skin=soft] .join .btn:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .join .btn{flex:none;min-height:48px}html[data-skin=soft] .input:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .input{letter-spacing:0;color:var(--ink);background:0 0;border:0;outline:0;width:100%;min-width:0;max-width:100%;font-size:14.5px;font-weight:500}html[data-skin=soft] .input.code:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .input.code,html[data-skin=soft] .code-val{letter-spacing:.08em;font-variant-numeric:tabular-nums;font-weight:700}html[data-skin=soft] .input:not(:where([data-skin-preview] *))::placeholder,html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .input::placeholder{color:var(--ink-faint);opacity:1;letter-spacing:0;font-weight:500}html[data-skin=soft] .search{background:color-mix(in srgb, var(--surface) 84%, transparent);border:1px solid var(--stroke-strong);border-radius:var(--r-pill);align-items:center;gap:var(--sp3);flex:none;min-width:0;min-height:52px;padding:6px 20px 6px 8px;display:flex;position:relative}html[data-skin=soft] .search .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .search .ic{width:20px;height:20px;color:var(--ink-soft);margin:0;position:absolute;top:50%;left:20px;transform:translateY(-50%)}html[data-skin=soft] .search .input:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .search .input{min-height:40px;padding-left:50px}@media (min-width:721px){html[data-skin=soft][data-skin=soft] .gg-screen-home{gap:var(--sp4);flex:auto;justify-content:flex-start;min-height:0}html[data-skin=soft][data-skin=soft] .gg-home-grid{gap:var(--sp4);flex:auto;min-height:0}html[data-skin=soft][data-skin=soft] .gg-home-grid .create{justify-content:space-between;gap:var(--sp4);padding:var(--sp7) var(--sp7) var(--sp6);flex-direction:column;display:flex}html[data-skin=soft][data-skin=soft] .gg-home-grid .create .card-title:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .gg-home-grid .create .card-title{font-size:40px;line-height:1.05}html[data-skin=soft][data-skin=soft] .gg-home-grid .create .seat-row:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .gg-home-grid .create .seat-row{gap:var(--sp4);justify-content:flex-start;align-items:center;margin-block:auto;padding:20px 0}html[data-skin=soft][data-skin=soft] .gg-home-grid .create .seat:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .gg-home-grid .create .seat{width:144px;height:144px}html[data-skin=soft][data-skin=soft] .gg-home-grid .join-card{justify-content:center;align-items:stretch;gap:var(--sp4);padding:var(--sp6) var(--sp6);flex-direction:column;display:flex}html[data-skin=soft][data-skin=soft] .gg-home-grid .join-card .card-title:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .gg-home-grid .join-card .card-title{max-width:none;font-size:27px}html[data-skin=soft][data-skin=soft] .gg-home-grid .join-card .hint:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .gg-home-grid .join-card .hint{font-size:15px}html[data-skin=soft][data-skin=soft] .gg-home-grid .join-card .join{border-radius:20px;min-height:68px;padding:5px 5px 5px 22px}html[data-skin=soft][data-skin=soft] .gg-home-grid .join-card .join .input:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .gg-home-grid .join-card .join .input{min-height:56px;font-size:16px}html[data-skin=soft][data-skin=soft] .gg-home-grid .join-card .join .btn:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .gg-home-grid .join-card .join .btn{min-height:56px;padding:14px 26px;font-size:15px}html[data-skin=soft][data-skin=soft] .gg-home-grid .tip{justify-content:flex-start;align-items:center;gap:var(--sp5);padding:var(--sp6) var(--sp6)}html[data-skin=soft][data-skin=soft] .gg-home-grid .tip .card-title:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .gg-home-grid .tip .card-title{max-width:18ch;font-size:22px}html[data-skin=soft][data-skin=soft] .gg-home-grid .tip .tip-title{max-width:none;font-size:22px}html[data-skin=soft][data-skin=soft] .gg-home-grid .tip .tip-mark{width:44px;height:44px}html[data-skin=soft][data-skin=soft] .gg-home-grid .tip .tip-mark .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .gg-home-grid .tip .tip-mark .ic{width:24px;height:24px}}@media (max-width:720px){html[data-skin=soft][data-skin=soft] .gg-screen{gap:var(--sp3);flex:auto;min-height:0}html[data-skin=soft][data-skin=soft] .gg-screen-home{flex:auto;justify-content:flex-start;min-height:0}html[data-skin=soft][data-skin=soft] .gg-screen-home .create{justify-content:center;gap:var(--sp4);min-height:0;padding:var(--sp6) var(--sp5);flex-direction:column;flex:auto;display:flex}html[data-skin=soft][data-skin=soft] .gg-screen-home .create .card-title:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .gg-screen-home .create .card-title{font-size:30px;line-height:1.08}html[data-skin=soft][data-skin=soft] .gg-screen-home .create .seat-row:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .gg-screen-home .create .seat-row{flex-wrap:nowrap;gap:10px;margin-block:auto;padding:18px 0}html[data-skin=soft][data-skin=soft] .gg-screen-home .create .seat:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .gg-screen-home .create .seat{width:84px;height:84px}html[data-skin=soft][data-skin=soft] .gg-screen-home .create .btn-primary:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .gg-screen-home .create .btn-primary{width:100%;min-height:56px;font-size:15.5px}html[data-skin=soft][data-skin=soft] .gg-screen-home .join-card{justify-content:center;gap:var(--sp3);padding:var(--sp5);flex-direction:column;flex:none;display:flex}html[data-skin=soft][data-skin=soft] .gg-screen-home .join-card .card-title:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .gg-screen-home .join-card .card-title{font-size:22px}html[data-skin=soft][data-skin=soft] .gg-screen-home .join-card .join{min-height:62px}}html[data-skin=soft] .lobby-head{justify-content:space-between;align-items:flex-start;gap:var(--sp3);flex:none;display:flex}html[data-skin=soft] .lobby-grid{align-items:stretch;gap:var(--sp4);flex:auto;min-height:0}html[data-skin=soft] .lobby-stage{gap:var(--sp3);flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}html[data-skin=soft] .preview{background:color-mix(in srgb, var(--surface-2) 72%, transparent);border:1px solid var(--stroke);border-radius:var(--r-lg);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface) 60%, transparent);min-height:180px;position:relative;overflow:hidden}html[data-skin=soft] .preview.self{justify-content:center;align-items:center;gap:var(--sp2);padding:var(--sp5);text-align:center;flex-direction:column;display:flex}html[data-skin=soft] .preview.self .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .preview.self .av{flex:none}html[data-skin=soft] .preview.self .preview-meta{left:var(--sp4);right:var(--sp4);bottom:var(--sp3);position:absolute}html[data-skin=soft] .preview.invite{border-style:dashed;border-color:var(--stroke-strong);box-shadow:none;color:var(--ink-soft);justify-content:center;align-items:center;gap:var(--sp2);cursor:pointer;background:0 0;flex-direction:column;flex:none;min-height:140px;font-weight:600;display:flex}html[data-skin=soft] .preview-meta{justify-content:space-between;align-items:center;gap:var(--sp2);color:var(--ink-soft);width:100%;font-size:13px;font-weight:600;display:flex}html[data-skin=soft] .cam-off{color:var(--ink-soft);font-size:14px;font-weight:600}html[data-skin=soft] .lobby-controls{gap:var(--sp2);flex-wrap:wrap;flex:none;display:flex}@media (min-width:721px){html[data-skin=soft][data-skin=soft] .gg-screen-lobby{gap:var(--sp4);flex:auto;min-height:0}html[data-skin=soft][data-skin=soft] .lobby-grid{flex:auto;grid-template-rows:1fr;grid-template-columns:1.55fr 1fr;min-height:0}html[data-skin=soft][data-skin=soft] .lobby-stage{min-height:0}html[data-skin=soft][data-skin=soft] .lobby-stage .preview.self{flex:auto;min-height:300px}html[data-skin=soft][data-skin=soft] .lobby-stage .preview.self .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .lobby-stage .preview.self .av{width:140px;height:140px;padding:7px}html[data-skin=soft][data-skin=soft] .lobby-stage .preview.invite{min-height:150px;font-size:15px}}@media (max-width:720px){html[data-skin=soft][data-skin=soft] .gg-screen-lobby{gap:var(--sp3);flex:auto;min-height:0}html[data-skin=soft][data-skin=soft] .gg-screen-lobby .preview.self{flex:auto;min-height:300px}html[data-skin=soft][data-skin=soft] .gg-screen-lobby .preview.self .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .gg-screen-lobby .preview.self .av{width:132px;height:132px;padding:7px}html[data-skin=soft][data-skin=soft] .gg-screen-lobby .code-box,html[data-skin=soft][data-skin=soft] .gg-screen-lobby .btn.wide:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .gg-screen-lobby .btn.wide{flex:none}}html[data-skin=soft] .card.squad-panel{background:color-mix(in srgb, var(--surface) 84%, transparent);border-radius:var(--r-lg);justify-content:center;gap:var(--sp4);min-height:0;padding:var(--sp6) var(--sp5);flex-direction:column;align-self:stretch;display:flex}html[data-skin=soft] .panel-head{justify-content:space-between;align-items:baseline;gap:var(--sp2);display:flex}html[data-skin=soft] .panel-head .card-title:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .panel-head .card-title{max-width:none;font-size:24px}html[data-skin=soft] .panel-head .count{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}html[data-skin=soft] .code-box{background:color-mix(in srgb, var(--surface-2) 88%, transparent);border:1px solid var(--stroke);border-radius:var(--r-md);align-items:center;gap:var(--sp2);flex:none;min-width:0;min-height:60px;padding:4px 4px 4px 18px;display:flex}html[data-skin=soft] .code-val{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);flex:auto;font-size:17px;font-weight:700;overflow:hidden}html[data-skin=soft] .code-box .btn:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .code-box .btn{flex:none;min-height:44px}html[data-skin=soft] .squad-panel .btn-secondary.wide:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .squad-panel .btn-secondary.wide{min-height:54px}html[data-skin=soft] .squad-panel .btn-primary.wide:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .squad-panel .btn-primary.wide{min-height:56px;font-size:15.5px}html[data-skin=soft] .meta-row{border-top:1px solid var(--stroke);padding-top:var(--sp4);align-items:center;gap:var(--sp2);color:var(--ink);flex-wrap:wrap;font-size:14px;display:flex}html[data-skin=soft] .meta-row .muted:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .meta-row .muted{color:var(--ink-soft)}html[data-skin=soft] .badge:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .badge,html[data-skin=soft] .pill.live,html[data-skin=soft] .chip:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .chip{letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-pill);border:1px solid var(--stroke-strong);align-items:center;gap:6px;min-height:28px;padding:7px 12px;font-size:11.5px;font-weight:800;display:inline-flex}html[data-skin=soft] .badge:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .badge{color:var(--ink-soft);background:color-mix(in srgb, var(--surface) 80%, transparent)}html[data-skin=soft] .pill.live{color:var(--brand-deep);background:var(--brand-tint);border-color:color-mix(in srgb, var(--brand) 32%, transparent)}html[data-skin=soft] .pill.live .dot{background:var(--brand);border-radius:50%;width:8px;height:8px}html[data-skin=soft] .chip:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .chip{color:var(--ink-soft);background:color-mix(in srgb, var(--surface) 78%, transparent);cursor:pointer;text-transform:none;letter-spacing:0;min-height:44px;padding:10px 16px;font-size:13px;font-weight:600}html[data-skin=soft] .chip.is-on:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .chip.is-on{color:var(--ink);background:color-mix(in srgb, var(--surface) 94%, transparent);border-color:var(--stroke-strong)}html[data-skin=soft] .call-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);text-overflow:ellipsis;font-size:17px;font-weight:700;overflow:hidden}html[data-skin=soft] .call-top .timer{color:var(--ink-soft);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13.5px;font-weight:600}html[data-skin=soft] .vstage{background:color-mix(in srgb, var(--surface-2) 48%, transparent);border-radius:var(--r-lg);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface) 45%, transparent);overflow:hidden}html[data-skin=soft] .vgroups,html[data-skin=soft] .vgroup,html[data-skin=soft] .vfeeds{background:0 0}html[data-skin=soft] .vlabel{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}html[data-skin=soft] .vtile{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--stroke-strong), inset 0 1px 0 color-mix(in srgb, var(--surface) 55%, transparent);border-radius:14px;overflow:hidden}html[data-skin=soft] .vtile.speaking{box-shadow:inset 0 0 0 2px var(--ok)}html[data-skin=soft] .vtile.off{background:color-mix(in srgb, var(--surface-2) 88%, var(--surface) 12%)}html[data-skin=soft] .vname{background:var(--surface);color:var(--text);border:1px solid var(--stroke);border-radius:var(--r-pill);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;max-width:100%;padding:5px 11px;font-size:12.5px;font-weight:700;display:inline-flex;overflow:hidden}html[data-skin=soft] .vname .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .vname .ic{width:14px;height:14px}html[data-skin=soft] .call-bar{background:color-mix(in srgb, var(--surface) 84%, transparent);border-radius:var(--r-pill)}html[data-skin=soft] .cbtn{border-radius:var(--r-pill);min-width:48px;min-height:48px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:14px;font-weight:700;display:inline-flex}html[data-skin=soft] .cbtn .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .cbtn .ic{width:20px;height:20px}html[data-skin=soft] .cbtn.leave{background:color-mix(in srgb, var(--away) 26%, var(--surface) 74%);border-color:color-mix(in srgb, var(--away) 55%, transparent);padding:10px 20px}@media (min-width:721px){html[data-skin=soft][data-skin=soft] .gg-screen-friends{gap:var(--sp4);flex:auto;min-height:0}html[data-skin=soft][data-skin=soft] .friend-list{gap:var(--sp4);min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex:auto;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;padding:0;display:grid;overflow:visible}html[data-skin=soft][data-skin=soft] .friend{text-align:center;justify-content:center;align-items:center;gap:var(--sp3);padding:var(--sp7) var(--sp4) var(--sp6);background:color-mix(in srgb, var(--surface) 82%, transparent);border:1px solid var(--stroke);border-radius:var(--r-lg);flex-direction:column;align-self:stretch;height:100%;min-height:360px;display:flex;overflow:hidden}html[data-skin=soft][data-skin=soft] .friend .pa:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .friend .pa{margin-top:auto}html[data-skin=soft][data-skin=soft] .friend .pa:not(:where([data-skin-preview] *)):before,html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .friend .pa:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--brand-tint) 72%, transparent), transparent 72%);pointer-events:none;border-radius:50%;position:absolute;inset:-16px}html[data-skin=soft][data-skin=soft] .friend .pa .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .friend .pa .av{width:170px;height:170px;padding:7px;position:relative}html[data-skin=soft][data-skin=soft] .friend div:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .friend div{flex-direction:column;flex:0 auto;justify-content:center;align-items:center;width:100%;display:flex}html[data-skin=soft][data-skin=soft] .friend b:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .friend b{font-size:22px}html[data-skin=soft][data-skin=soft] .friend small:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .friend small{font-size:14.5px}html[data-skin=soft][data-skin=soft] .friend .btn:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .friend .btn{min-height:48px;margin-top:0;margin-bottom:auto;padding:12px 26px;font-size:14.5px}html[data-skin=soft][data-skin=soft] .friend .pair{gap:var(--sp2);flex-wrap:wrap;justify-content:center;align-items:center;margin-top:0;margin-bottom:auto;display:flex}html[data-skin=soft][data-skin=soft] .friend .pair .btn:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .friend .pair .btn{margin-top:0;margin-bottom:0}}html[data-skin=soft] .friend-list{background:color-mix(in srgb, var(--surface) 80%, transparent);border:1px solid var(--stroke);border-radius:var(--r-lg);flex-direction:column;flex:auto;align-self:stretch;gap:0;min-height:0;display:flex;overflow:hidden}html[data-skin=soft] .friend{align-items:center;gap:var(--sp4);padding:var(--sp3) var(--sp4);border-bottom:1px solid var(--stroke);flex:none;min-width:0;min-height:88px;display:flex;position:relative}html[data-skin=soft] .friend:last-child{border-bottom:0}html[data-skin=soft] .friend div:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .friend div{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}html[data-skin=soft] .friend b:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .friend b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}html[data-skin=soft] .friend small:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .friend small{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}html[data-skin=soft] .friend .btn:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .friend .btn{flex:none}html[data-skin=soft] .friend .pair{gap:var(--sp2);flex:none;align-items:center;display:flex}@media (max-width:720px){html[data-skin=soft][data-skin=soft] .gg-screen-friends{gap:var(--sp3);flex:auto;min-height:0}html[data-skin=soft][data-skin=soft] .gg-screen-friends .friend-list{flex:auto;justify-content:flex-start;min-height:0}html[data-skin=soft][data-skin=soft] .gg-screen-friends .friend{min-height:110px;padding:var(--sp3) var(--sp4);gap:var(--sp4);flex:1 1 0}html[data-skin=soft][data-skin=soft] .gg-screen-friends .friend .pa .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .gg-screen-friends .friend .pa .av{width:64px;height:64px;padding:3px}html[data-skin=soft][data-skin=soft] .gg-screen-friends .friend b:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .gg-screen-friends .friend b{font-size:17px}html[data-skin=soft][data-skin=soft] .gg-screen-friends .friend small:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .gg-screen-friends .friend small{font-size:14px}html[data-skin=soft][data-skin=soft] .gg-screen-friends .friend .btn.small:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .gg-screen-friends .friend .btn.small{min-height:48px;padding:12px 20px;font-size:14px}}html[data-skin=soft] .tabbar{border:0;border-top:1px solid var(--stroke);background:color-mix(in srgb, var(--surface) 84%, transparent);border-radius:0;margin:0;padding:10px 12px 14px;display:flex}html[data-skin=soft] .tb{color:var(--ink-soft);border-radius:var(--r-md);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:52px;padding:8px 6px;font-size:12px;font-weight:600;display:flex}html[data-skin=soft] .tb .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .tb .ic{width:20px;height:20px}html[data-skin=soft] .tb.is-active{color:var(--brand-deep);background:var(--surface);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface) 70%, transparent)}html[data-skin=soft] .switch{cursor:pointer;display:inline-flex;position:relative}html[data-skin=soft] .switch .gg-switch-track{border-radius:var(--r-pill);background:color-mix(in srgb, var(--surface-2) 90%, transparent);border:1px solid var(--stroke-strong);width:48px;height:28px;box-shadow:inset 0 1px 3px color-mix(in srgb, var(--text) 12%, transparent);display:inline-block;position:relative}html[data-skin=soft] .switch .gg-switch-track:after{content:"";background:var(--surface);border:1px solid var(--stroke-strong);width:22px;height:22px;box-shadow:0 2px 6px color-mix(in srgb, var(--text) 25%, transparent);border-radius:50%;position:absolute;top:2px;left:2px}html[data-skin=soft] .gg-switch[aria-checked=true] .gg-switch-track{background:var(--brand-tint);border-color:color-mix(in srgb, var(--brand) 45%, transparent)}html[data-skin=soft] .gg-switch[aria-checked=true] .gg-switch-track:after{background:var(--surface);transform:translate(20px)}html[data-skin=soft] .modal:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .modal{background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--stroke-strong);box-shadow:0 24px 60px -28px color-mix(in srgb, var(--text) 40%, transparent);padding:var(--sp5);gap:var(--sp3);flex-direction:column;min-width:min(360px,100%);display:flex}html[data-skin=soft] .modal-head:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .modal-head{justify-content:space-between;align-items:flex-start;gap:var(--sp3);display:flex}html[data-skin=soft] .modal .input:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .modal .input{background:color-mix(in srgb, var(--surface-2) 90%, transparent);border:1px solid var(--stroke);border-radius:var(--r-sm);min-height:48px;padding:12px 16px}html[data-skin=soft] .modal-foot{justify-content:flex-end;align-items:center;gap:var(--sp2);display:flex}html[data-skin=soft] .toast{background:color-mix(in srgb, var(--surface) 94%, transparent);border:1px solid var(--stroke-strong);border-radius:var(--r-pill);align-items:center;gap:var(--sp2);min-height:44px;color:var(--ink);padding:10px 18px;font-size:13.5px;font-weight:700;display:inline-flex}html[data-skin=soft] .toast .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .toast .ic{width:16px;height:16px}html[data-skin=soft] a:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] a,html[data-skin=soft] button:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] button,html[data-skin=soft] input:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] input,html[data-skin=soft] .chip:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .chip,html[data-skin=soft] .switch{cursor:pointer}html[data-skin=soft] .btn:focus-visible:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .btn:focus-visible,html[data-skin=soft] .tab:focus-visible,html[data-skin=soft] .tb:focus-visible,html[data-skin=soft] .icon-btn:focus-visible:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .icon-btn:focus-visible,html[data-skin=soft] .cbtn:focus-visible,html[data-skin=soft] .chip:focus-visible:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .chip:focus-visible,html[data-skin=soft] .link:focus-visible:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .link:focus-visible,html[data-skin=soft] .input:focus-visible:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .input:focus-visible,html[data-skin=soft] .search:focus-within,html[data-skin=soft] .join:focus-within,html[data-skin=soft] .gg-switch:focus-visible .gg-switch-track,html[data-skin=soft] .preview.invite:focus-visible{outline:2px solid var(--brand);outline-offset:2px}html[data-skin=soft][data-mode=dark] body:before{opacity:.34}html[data-skin=soft][data-mode=dark] .nav,html[data-skin=soft][data-mode=dark] .tabbar{background:color-mix(in srgb, var(--surface) 88%, transparent)}html[data-skin=soft][data-mode=dark] .card:not(:where([data-skin-preview] *)),html[data-skin][data-mode=dark] [data-skin-preview=soft][data-skin-preview=soft] .card,html[data-skin=soft][data-mode=dark] .friend-list,html[data-skin=soft][data-mode=dark] .preview,html[data-skin=soft][data-mode=dark] .card.squad-panel,html[data-skin=soft][data-mode=dark] .modal:not(:where([data-skin-preview] *)),html[data-skin][data-mode=dark] [data-skin-preview=soft][data-skin-preview=soft] .modal{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text) 13%, transparent)}@media (min-width:721px){html[data-skin=soft][data-mode=dark][data-skin=soft] .friend{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text) 13%, transparent)}}html[data-skin=soft][data-mode=dark] .seat.empty:not(:where([data-skin-preview] *)),html[data-skin][data-mode=dark] [data-skin-preview=soft][data-skin-preview=soft] .seat.empty{background:color-mix(in srgb, var(--surface) 42%, transparent);border-color:color-mix(in srgb, var(--line) 45%, var(--text) 30%);color:color-mix(in srgb, var(--text) 68%, transparent)}html[data-skin=soft][data-mode=dark] .input:not(:where([data-skin-preview] *)),html[data-skin][data-mode=dark] [data-skin-preview=soft][data-skin-preview=soft] .input{color:var(--text)}html[data-skin=soft][data-mode=dark] .input:not(:where([data-skin-preview] *))::placeholder,html[data-skin][data-mode=dark] [data-skin-preview=soft][data-skin-preview=soft] .input::placeholder{color:color-mix(in srgb, var(--text) 88%, var(--muted) 12%);opacity:1}html[data-skin=soft][data-mode=dark] .search .ic:not(:where([data-skin-preview] *)),html[data-skin][data-mode=dark] [data-skin-preview=soft][data-skin-preview=soft] .search .ic{color:color-mix(in srgb, var(--text) 82%, var(--muted) 18%)}html[data-skin=soft][data-mode=dark] .join,html[data-skin=soft][data-mode=dark] .search,html[data-skin=soft][data-mode=dark] .modal .input:not(:where([data-skin-preview] *)),html[data-skin][data-mode=dark] [data-skin-preview=soft][data-skin-preview=soft] .modal .input{background:color-mix(in srgb, var(--surface) 92%, transparent)}html[data-skin=soft][data-mode=dark] .code-val{color:var(--text)}html[data-skin=soft][data-mode=dark] .btn-secondary:not(:where([data-skin-preview] *)),html[data-skin][data-mode=dark] [data-skin-preview=soft][data-skin-preview=soft] .btn-secondary,html[data-skin=soft][data-mode=dark] .icon-btn:not(:where([data-skin-preview] *)),html[data-skin][data-mode=dark] [data-skin-preview=soft][data-skin-preview=soft] .icon-btn,html[data-skin=soft][data-mode=dark] .call-bar,html[data-skin=soft][data-mode=dark] .search,html[data-skin=soft][data-mode=dark] .join{border-color:color-mix(in srgb, var(--line) 45%, var(--text) 26%)}@media (prefers-reduced-motion:no-preference){html[data-skin=soft] .gg-screen .card:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .gg-screen .card,html[data-skin=soft] .gg-screen .friend,html[data-skin=soft] .gg-screen .preview,html[data-skin=soft] .gg-screen .code-box{animation:.32s cubic-bezier(.33,1.2,.55,1) both soft-in}html[data-skin=soft] .gg-screen .card:nth-child(2):not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .gg-screen .card:nth-child(2),html[data-skin=soft] .gg-screen .friend:nth-child(2){animation-delay:50ms}html[data-skin=soft] .gg-screen .card:nth-child(3):not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .gg-screen .card:nth-child(3),html[data-skin=soft] .gg-screen .friend:nth-child(3){animation-delay:.1s}html[data-skin=soft] .gg-screen .friend:nth-child(4){animation-delay:.15s}html[data-skin=soft] .btn:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .btn,html[data-skin=soft] .tab,html[data-skin=soft] .tb,html[data-skin=soft] .cbtn,html[data-skin=soft] .icon-btn:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .icon-btn,html[data-skin=soft] .chip:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .chip,html[data-skin=soft] .join,html[data-skin=soft] .search,html[data-skin=soft] .friend,html[data-skin=soft] .card:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .card,html[data-skin=soft] .modal .input:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .modal .input{transition:background .22s,border-color .22s,color .22s,box-shadow .25s,filter .22s}html[data-skin=soft] .tab .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .tab .ic,html[data-skin=soft] .tb .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .tb .ic,html[data-skin=soft] .btn .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .btn .ic,html[data-skin=soft] .cbtn .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .cbtn .ic,html[data-skin=soft] .icon-btn .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .icon-btn .ic,html[data-skin=soft] .tip-shuffle .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .tip-shuffle .ic{transition:transform .22s}html[data-skin=soft] .btn-primary:hover:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .btn-primary:hover{filter:brightness(1.06)}html[data-skin=soft] .btn-primary:hover .ic[data-i=arrow-right]:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .btn-primary:hover .ic[data-i=arrow-right]{transform:translate(2px)}html[data-skin=soft] .btn-primary:active:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .btn-primary:active{filter:brightness(.96)}html[data-skin=soft] .btn-primary:active .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .btn-primary:active .ic{transform:scale(.9)}html[data-skin=soft] .btn-secondary:hover:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .btn-secondary:hover,html[data-skin=soft] .btn-ghost:hover:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .btn-ghost:hover,html[data-skin=soft] .icon-btn:hover:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .icon-btn:hover,html[data-skin=soft] .cbtn:hover{background:color-mix(in srgb, var(--surface) 94%, transparent)}html[data-skin=soft] .btn-secondary:active:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .btn-secondary:active,html[data-skin=soft] .btn-ghost:active:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .btn-ghost:active,html[data-skin=soft] .tab:active,html[data-skin=soft] .tb:active,html[data-skin=soft] .icon-btn:active:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .icon-btn:active,html[data-skin=soft] .cbtn:active{filter:brightness(.97)}html[data-skin=soft] .tab:hover .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .tab:hover .ic,html[data-skin=soft] .tb:hover .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .tb:hover .ic{transform:translateY(-2px)}html[data-skin=soft] .tab.is-active .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .tab.is-active .ic,html[data-skin=soft] .tb.is-active .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .tb.is-active .ic{animation:.32s cubic-bezier(.34,1.5,.64,1) both soft-pop}html[data-skin=soft] .btn:hover .ic[data-i=arrow-right]:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .btn:hover .ic[data-i=arrow-right],html[data-skin=soft] .tip-cta:hover .ic[data-i=arrow-right]:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .tip-cta:hover .ic[data-i=arrow-right]{transform:translate(2px)}html[data-skin=soft] .cbtn:active .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .cbtn:active .ic{transform:scale(.82)}html[data-skin=soft] .btn-danger:hover:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .btn-danger:hover{border-color:color-mix(in srgb, var(--away) 68%, transparent);filter:brightness(1.03)}html[data-skin=soft] .tab:hover,html[data-skin=soft] .tb:hover,html[data-skin=soft] .chip:hover:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .chip:hover{color:var(--ink)}html[data-skin=soft] .search:focus-within,html[data-skin=soft] .join:focus-within,html[data-skin=soft] .modal .input:focus:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .modal .input:focus{border-color:color-mix(in srgb, var(--brand) 48%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 18%, transparent)}html[data-skin=soft] .seat.empty:hover:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .seat.empty:hover{border-color:color-mix(in srgb, var(--brand) 48%, transparent);filter:brightness(1.04)}html[data-skin=soft] .tip-shuffle:hover{background:color-mix(in srgb, var(--surface) 96%, transparent);color:var(--ink)}html[data-skin=soft] .tip-shuffle:hover .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .tip-shuffle:hover .ic{transform:rotate(-24deg)}html[data-skin=soft] .tip-body:has(.tip-ideas.is-shuffled) .tip-shuffle .ic:not(:where([data-skin-preview] *)){transform:rotate(180deg)}html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .tip-body:has(.tip-ideas.is-shuffled) .tip-shuffle .ic{transform:rotate(180deg)}html[data-skin=soft] .tip-ideas.is-shuffled .tip-idea{animation:.28s cubic-bezier(.33,1.3,.55,1) both soft-tip-in}html[data-skin=soft] .tip-ideas.is-shuffled .tip-idea:nth-child(2){animation-delay:50ms}html[data-skin=soft] .tip-ideas.is-shuffled .tip-idea:nth-child(3){animation-delay:.1s}html[data-skin=soft] .pill.live .dot{animation:2.2s ease-in-out infinite soft-live}html[data-skin=soft] .vtile.speaking{animation:1.8s ease-in-out infinite soft-speaking}html[data-skin=soft]::view-transition-old(gg-desk){animation:.32s both soft-vt-old}html[data-skin=soft]::view-transition-old(gg-phone){animation:.32s both soft-vt-old}html[data-skin=soft]::view-transition-new(gg-desk){animation:.34s both soft-vt-new}html[data-skin=soft]::view-transition-new(gg-phone){animation:.34s both soft-vt-new}}@media (prefers-reduced-motion:reduce){html[data-skin=soft] .gg-screen .card:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=soft][data-skin-preview=soft] .gg-screen .card,html[data-skin=soft] .gg-screen .friend,html[data-skin=soft] .gg-screen .preview,html[data-skin=soft] .gg-screen .code-box{animation:none}}
html[data-skin=play],[data-skin-preview=play],html[data-skin=play] .gg-call-theme{--sp1:4px;--sp2:8px;--sp3:12px;--sp4:16px;--sp5:20px;--sp6:24px;--r-card:20px;--r-input:14px;--r-tile:14px;--stroke:3px;--stroke-sm:2.5px;--shadow-sm:4px 4px 0 var(--text);--shadow-lg:6px 6px 0 var(--text)}html[data-skin=play] body{background-color:var(--bg);background-image:radial-gradient(color-mix(in srgb, var(--text) 10%, transparent) 1.3px, transparent 1.4px);background-size:22px 22px}html[data-skin=play] .gg-app-root{font-family:var(--font-body)}html[data-skin=play] .wordmark{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);font-size:26px;font-weight:800}html[data-skin=play] .logo{stroke-width:4px;width:34px;height:32px;color:var(--brand)}html[data-skin=play] .nav{background:var(--surface);border-bottom:var(--stroke) solid var(--text);padding:var(--sp3) var(--sp6);gap:var(--sp4)}@media (max-width:720px){html[data-skin=play][data-skin=play] .nav{padding:var(--sp3) var(--sp4)}}html[data-skin=play] .tabs{gap:var(--sp2);background:0 0;border:0;padding:0}html[data-skin=play] .tab{justify-content:center;align-items:center;gap:var(--sp2);border:var(--stroke) solid var(--text);min-height:44px;color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:999px;padding:7px 15px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}html[data-skin=play] .tab.is-active{background:var(--brand);color:var(--on-brand);transform:rotate(-1deg)}html[data-skin=play] .tab .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .tab .ic{place-items:center;width:16px;height:16px;display:inline-grid}html[data-skin=play] .icon-btn:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .icon-btn{border:var(--stroke) solid var(--text);background:var(--surface);width:44px;height:44px;color:var(--text);box-shadow:3px 3px 0 var(--text);cursor:pointer;border-radius:50%;place-items:center;display:inline-grid}html[data-skin=play] .icon-btn .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .icon-btn .ic{place-items:center;width:20px;height:20px;display:inline-grid}html[data-skin=play] .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .av{background:var(--surface);border:var(--stroke) solid var(--surface);box-shadow:0 0 0 var(--stroke-sm) var(--text), 3px 3px 0 var(--text);object-fit:cover;border-radius:50%;padding:3px}html[data-skin=play] .nav-end{align-items:center;gap:10px}html[data-skin=play] .nav-end .av.me{width:44px;height:44px;box-shadow:0 0 0 var(--stroke-sm) var(--text), 2px 2px 0 var(--text);padding:2px;transform:rotate(2deg)}html[data-skin=play] .pa:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .pa{flex:none;place-items:center;display:inline-grid;position:relative}html[data-skin=play] .pa .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .pa .av{width:76px;height:76px}html[data-skin=play] .presence:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .presence{background:color-mix(in srgb, var(--text) 32%, transparent);border:2px solid var(--surface);border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:2px}html[data-skin=play] .presence.on:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .presence.on{background:var(--brand)}html[data-skin=play] .presence.away{background:var(--pop)}html[data-skin=play] .page-head:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .page-head{align-items:stretch;gap:var(--sp1);flex-direction:column;flex:none;display:flex}html[data-skin=play] .page-head .eyebrow:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .page-head .eyebrow{letter-spacing:.1em;text-transform:uppercase;width:fit-content;max-width:100%;color:var(--text);background:var(--pop);border:var(--stroke-sm) solid var(--text);box-shadow:3px 3px 0 var(--text);border-radius:999px;place-self:flex-start start;margin:0 0 14px;padding:4px 12px;font-size:12px;font-weight:800;display:inline-block;position:relative;transform:rotate(-2.5deg)}html[data-skin=play] .page-head .title:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .page-head .title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);text-wrap:balance;overflow-wrap:break-word;margin:0;padding-top:2px;font-size:50px;font-weight:800;line-height:.98}html[data-skin=play] .page-head .lede:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .page-head .lede{color:color-mix(in srgb, var(--text) 78%, transparent);max-width:64ch;margin:0;font-size:15px;font-weight:700;line-height:1.5}html[data-skin=play] .kicker:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .kicker{letter-spacing:.1em;text-transform:uppercase;background:var(--pop);width:fit-content;max-width:100%;color:var(--text);border:var(--stroke-sm) solid var(--text);box-shadow:3px 3px 0 var(--text);border-radius:999px;place-self:flex-start start;margin:0 0 12px;padding:4px 12px;font-size:12px;font-weight:800;display:inline-block;position:relative;transform:rotate(2deg)}html[data-skin=play] .card-title:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .card-title{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;color:var(--text);overflow-wrap:break-word;margin:0;font-size:28px;font-weight:800;line-height:1.05}html[data-skin=play] .hint:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .hint{color:color-mix(in srgb, var(--text) 80%, transparent);margin:0;font-size:14px;font-weight:700;line-height:1.5}html[data-skin=play] .fine:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .fine{color:color-mix(in srgb, var(--text) 72%, transparent);margin:0;font-size:13px;font-weight:700;line-height:1.45}html[data-skin=play] .link:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .link{color:var(--text);text-underline-offset:3px;cursor:pointer;font-size:14px;font-weight:800;text-decoration:underline}html[data-skin=play] .btn:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .btn{justify-content:center;align-items:center;gap:var(--sp2);border:var(--stroke) solid var(--text);background:var(--surface);min-height:44px;color:var(--text);box-shadow:var(--shadow-sm);cursor:pointer;white-space:nowrap;border-radius:999px;padding:12px 20px;font-size:15px;font-weight:800;line-height:1;display:inline-flex}html[data-skin=play] .btn .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .btn .ic{place-items:center;width:18px;height:18px;display:inline-grid}html[data-skin=play] .btn.small:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .btn.small{min-height:36px;box-shadow:3px 3px 0 var(--text);padding:8px 14px;font-size:13px}html[data-skin=play] .btn.wide:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .btn.wide{width:100%}html[data-skin=play] .btn-primary:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .btn-primary{background:var(--brand);color:var(--on-brand);box-shadow:5px 5px 0 var(--text);transform:rotate(-1.5deg)}html[data-skin=play] .btn-secondary:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .btn-secondary{background:var(--surface);color:var(--text)}html[data-skin=play] .btn-ghost:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .btn-ghost{border-color:color-mix(in srgb, var(--text) 55%, transparent);box-shadow:none;color:var(--text);background:0 0}html[data-skin=play] .btn-danger:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .btn-danger{background:var(--pop);color:var(--text)}html[data-skin=play] .btn:disabled:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .btn:disabled{opacity:.55;box-shadow:none;cursor:not-allowed}html[data-skin=play] .input:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .input{background:var(--surface);min-height:44px;color:var(--text);border:var(--stroke) solid var(--text);border-radius:var(--r-input);padding:10px 14px;font-size:15px;font-weight:700}html[data-skin=play] .input:not(:where([data-skin-preview] *))::placeholder,html[data-skin] [data-skin-preview=play][data-skin-preview=play] .input::placeholder{color:color-mix(in srgb, var(--text) 68%, transparent);opacity:1;font-weight:700}html[data-skin=play] .input.code:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .input.code,html[data-skin=play] .code-val{font-variant-numeric:tabular-nums;letter-spacing:.1em;font-weight:800}html[data-skin=play] .search{flex:none;align-items:center;display:flex;position:relative}html[data-skin=play] .search .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .search .ic{width:16px;height:16px;color:var(--text);place-items:center;display:inline-grid;position:absolute;left:14px}html[data-skin=play] .search .input:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .search .input{width:100%;min-height:48px;box-shadow:var(--shadow-sm);border-radius:999px;padding-left:40px}@media (min-width:721px){html[data-skin=play][data-skin=play] .gg-screen-home{flex:auto;min-height:0}html[data-skin=play][data-skin=play] .gg-home-grid{gap:var(--sp4);flex:auto;min-height:0;display:grid}}html[data-skin=play] .card.create,html[data-skin=play] .card.join-card,html[data-skin=play] .card.tip,html[data-skin=play] .card.create .seat-row:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .card.create .seat-row,html[data-skin=play] .card.create .card-foot:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .card.create .card-foot,html[data-skin=play] .join,html[data-skin=play] .tip-body{min-width:0;max-width:100%}html[data-skin=play] .card.create{background:var(--brand);color:var(--on-brand);border:var(--stroke) solid var(--text);border-radius:var(--r-card);box-shadow:var(--shadow-lg);padding:var(--sp5) var(--sp6);justify-content:space-between;gap:var(--sp2);flex-direction:column;min-height:0;display:flex;overflow:hidden}html[data-skin=play] .card.create .kicker:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .card.create .kicker{color:var(--text)}html[data-skin=play] .card.create .card-title:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .card.create .card-title{color:var(--on-brand);max-width:14ch;padding-top:2px;font-size:34px}html[data-skin=play] .card.create .hint:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .card.create .hint{color:color-mix(in srgb, var(--on-brand) 88%, transparent)}html[data-skin=play] .card.create .seat-row:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .card.create .seat-row{place-content:center;align-items:center;gap:var(--sp3);min-height:116px;padding:var(--sp1) 0;flex-wrap:wrap;flex:auto;display:flex;overflow:hidden}html[data-skin=play] .card.create .seat:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .card.create .seat{border:var(--stroke) dashed color-mix(in srgb, var(--on-brand) 88%, transparent);background:color-mix(in srgb, var(--on-brand) 12%, transparent);width:80px;height:80px;color:var(--on-brand);border-radius:50%;flex:none;place-items:center;display:inline-grid;overflow:hidden}html[data-skin=play] .card.create .seat:nth-child(odd):not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .card.create .seat:nth-child(odd){transform:rotate(-3deg)}html[data-skin=play] .card.create .seat:nth-child(2n):not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .card.create .seat:nth-child(2n){transform:rotate(3deg)}html[data-skin=play] .card.create .seat.filled:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .card.create .seat.filled{border-style:solid;border-color:var(--text);background:var(--pop);box-shadow:var(--shadow-sm)}html[data-skin=play] .card.create .seat .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .card.create .seat .av{width:68px;height:68px}html[data-skin=play] .card.create .seat.empty:not(:where([data-skin-preview] *)):before,html[data-skin] [data-skin-preview=play][data-skin-preview=play] .card.create .seat.empty:before{content:"?";font-family:var(--font-display);color:color-mix(in srgb, var(--on-brand) 92%, transparent);font-size:28px;font-weight:800;line-height:1}html[data-skin=play] .card.create .seat.empty .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .card.create .seat.empty .ic{display:none}html[data-skin=play] .card.create .card-foot:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .card.create .card-foot{justify-content:space-between;align-items:center;gap:var(--sp3);flex-wrap:wrap;margin-top:auto;padding-bottom:2px;display:flex;overflow:hidden}html[data-skin=play] .card.create .btn-primary:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .card.create .btn-primary{background:var(--pop);color:var(--text);min-height:52px;padding:14px 26px;font-size:17px}html[data-skin=play] .card.join-card{background:var(--pop);color:var(--text);border:var(--stroke) solid var(--text);border-radius:var(--r-card);box-shadow:var(--shadow-lg);padding:28px var(--sp6);place-content:center;align-items:stretch;gap:var(--sp4);flex-direction:column;min-height:0;display:flex;overflow:hidden;transform:rotate(1deg)}html[data-skin=play] .card.join-card .hint:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .card.join-card .hint{color:color-mix(in srgb, var(--text) 78%, transparent)}html[data-skin=play] .join{align-items:center;gap:var(--sp2);background:var(--surface);border:var(--stroke) solid var(--text);box-shadow:var(--shadow-sm);border-radius:999px;flex-wrap:wrap;max-width:100%;min-height:60px;padding:5px 5px 5px 16px;display:flex;overflow:hidden}html[data-skin=play] .join .input.code:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .join .input.code{min-width:0;box-shadow:none;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;font-size:17px;overflow:hidden}html[data-skin=play] .join .btn:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .join .btn{flex:none}html[data-skin=play] .card.tip{align-items:center;gap:var(--sp3);background:var(--brand-tint);width:100%;max-width:100%;color:var(--text);border:var(--stroke) solid var(--text);border-radius:var(--r-card);box-shadow:var(--shadow-lg);min-height:132px;margin-top:0;padding:18px 22px;display:flex;position:relative;overflow:hidden}html[data-skin=play] .card.tip:after{display:none}html[data-skin=play] .tip-body{flex-wrap:wrap;flex:auto;align-items:center;gap:10px 12px;min-width:0;padding-right:64px;display:flex}html[data-skin=play] .tip-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);flex:auto;min-width:0;margin:0;font-size:22px;font-weight:800;line-height:1.05}html[data-skin=play] .tip-shuffle{border:var(--stroke-sm) solid var(--text);background:var(--surface);width:36px;height:36px;color:var(--text);box-shadow:2px 2px 0 var(--text);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:inline-grid}html[data-skin=play] .tip-shuffle .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .tip-shuffle .ic{place-items:center;width:16px;height:16px;display:inline-grid}html[data-skin=play] .tip-ideas{flex-wrap:wrap;flex:100%;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}html[data-skin=play] .tip-idea{background:var(--surface);min-height:36px;color:var(--text);border:var(--stroke-sm) solid var(--text);white-space:nowrap;box-shadow:3px 3px 0 var(--text);border-radius:999px;flex:none;align-items:center;gap:6px;max-width:100%;padding:6px 14px;font-size:13px;font-weight:800;display:inline-flex;position:relative}html[data-skin=play] .tip-idea:nth-child(odd){transform:rotate(-2deg)}html[data-skin=play] .tip-idea:nth-child(2n){transform:rotate(2deg)}html[data-skin=play] .tip-idea .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .tip-idea .ic{place-items:center;width:16px;height:16px;display:inline-grid}html[data-skin=play] .tip-cta{color:var(--text);text-underline-offset:3px;cursor:pointer;flex:none;align-items:center;gap:6px;font-size:14px;font-weight:800;text-decoration:underline;display:inline-flex}html[data-skin=play] .tip-cta .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .tip-cta .ic{place-items:center;width:16px;height:16px;display:inline-grid}html[data-skin=play] .tip-mark{background:var(--pop);width:48px;height:48px;color:var(--text);border:var(--stroke) solid var(--text);box-shadow:3px 3px 0 var(--text);border-radius:50%;place-items:center;display:inline-grid;position:absolute;top:12px;right:12px;transform:rotate(3deg)}html[data-skin=play] .tip-mark .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .tip-mark .ic{place-items:center;width:20px;height:20px;display:inline-grid}@media (min-width:721px){html[data-skin=play][data-skin=play] .gg-screen-lobby{flex:auto;min-height:0}}html[data-skin=play] .lobby-head{justify-content:space-between;align-items:flex-end;gap:var(--sp3);flex:none;display:flex}html[data-skin=play] .lobby-head .title:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .lobby-head .title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;padding-top:2px;font-size:40px;font-weight:800;overflow:hidden}html[data-skin=play] .lobby-head .lede:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .lobby-head .lede{color:color-mix(in srgb, var(--text) 76%, transparent);margin:0;font-size:14px;font-weight:700}html[data-skin=play] .lobby-grid{gap:var(--sp4);flex:auto;grid-template-rows:1fr;grid-template-columns:1fr 330px;align-content:stretch;align-items:stretch;min-height:0;display:grid}html[data-skin=play] .lobby-stage{gap:var(--sp3);flex:auto;grid-template-rows:1fr auto;grid-template-columns:1fr 1fr;align-content:stretch;align-items:stretch;min-width:0;min-height:0;display:grid}html[data-skin=play] .lobby-stage .preview.self{grid-area:1/1;align-self:stretch}html[data-skin=play] .lobby-stage .preview.invite{grid-area:1/2;align-self:stretch}html[data-skin=play] .lobby-stage .lobby-controls{grid-area:2/1/auto/-1}html[data-skin=play] .preview{background:var(--brand-tint);border:var(--stroke) solid var(--text);border-radius:var(--r-card);box-shadow:var(--shadow-lg);color:var(--text);align-content:center;place-items:center;gap:var(--sp2);padding:var(--sp5);min-height:340px;display:grid;position:relative;overflow:visible}html[data-skin=play] .preview .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .preview .av{width:136px;height:136px;transform:rotate(-2deg)}html[data-skin=play] .preview .cam-off{color:color-mix(in srgb, var(--text) 72%, transparent);font-size:13px;font-weight:800}html[data-skin=play] .preview-meta{justify-content:space-between;align-items:center;font-size:13px;font-weight:800;display:flex;position:absolute;bottom:10px;left:12px;right:12px}html[data-skin=play] .preview.invite{background-color:var(--pop);background-image:radial-gradient(color-mix(in srgb, var(--text) 16%, transparent) 1.5px, transparent 1.6px);box-shadow:var(--shadow-lg);color:var(--text);cursor:pointer;background-size:18px 18px;border-style:solid;font-size:16px;font-weight:800;transform:rotate(1deg)}html[data-skin=play] .preview.invite .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .preview.invite .ic{background:var(--surface);width:64px;height:64px;color:var(--text);border:var(--stroke) solid var(--text);box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;display:inline-grid}html[data-skin=play] .lobby-controls{gap:var(--sp2);flex-wrap:wrap;display:flex}html[data-skin=play] .card.squad-panel{background:var(--surface);border:var(--stroke) solid var(--text);border-radius:var(--r-card);box-shadow:var(--shadow-lg);padding:var(--sp6) var(--sp5);justify-content:center;align-items:stretch;gap:var(--sp3);flex-direction:column;align-self:stretch;min-height:0;display:flex;transform:rotate(-1deg)}html[data-skin=play] .panel-head{justify-content:space-between;align-items:center;gap:var(--sp2);display:flex}html[data-skin=play] .count{background:var(--pop);width:fit-content;max-width:100%;color:var(--text);border:var(--stroke-sm) solid var(--text);font-variant-numeric:tabular-nums;box-shadow:3px 3px 0 var(--text);border-radius:999px;flex:none;padding:4px 11px;font-size:12px;font-weight:800;display:inline-block;position:relative;transform:rotate(2deg)}html[data-skin=play] .code-box{justify-content:space-between;align-items:center;gap:var(--sp2);background:var(--surface-2);border:var(--stroke-sm) dashed var(--text);min-height:48px;box-shadow:3px 3px 0 var(--text);border-radius:12px;padding:8px 8px 8px 14px;display:flex;transform:rotate(1.5deg)}html[data-skin=play] .code-val{text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}html[data-skin=play] .meta-row{color:var(--text);border-top:var(--stroke-sm) solid color-mix(in srgb, var(--text) 20%, transparent);padding-top:var(--sp3);flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:14px;font-weight:700;display:flex}html[data-skin=play] .meta-row .muted:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .meta-row .muted{color:color-mix(in srgb, var(--text) 70%, transparent)}html[data-skin=play] .card.squad-panel .btn-primary.wide:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .card.squad-panel .btn-primary.wide{min-height:52px;font-size:18px}@media (min-width:721px){html[data-skin=play][data-skin=play] .gg-screen-friends{flex:auto;min-height:0}html[data-skin=play][data-skin=play] .friend-list{gap:var(--sp4);min-height:0;max-height:100%;padding-top:var(--sp4);flex:auto;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,1fr);align-content:stretch;align-items:stretch;padding-bottom:2px;padding-right:2px;display:grid;overflow-y:auto}}html[data-skin=play] .friend-list{gap:var(--sp3);margin:0;padding:0;list-style:none}html[data-skin=play] .friend{align-items:center;gap:var(--sp3);background:var(--surface);border:var(--stroke) solid var(--text);box-shadow:var(--shadow-sm);padding:16px var(--sp4);text-align:left;border-radius:18px;flex-direction:row;align-self:stretch;min-height:118px;display:flex;overflow:visible}html[data-skin=play] .friend:nth-child(odd) .pa:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .friend:nth-child(odd) .pa{transform:rotate(-3deg)}html[data-skin=play] .friend:nth-child(2n) .pa:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .friend:nth-child(2n) .pa{transform:rotate(3deg)}html[data-skin=play] .friend>div:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .friend>div{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;display:flex}html[data-skin=play] .friend b:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .friend b{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:800;line-height:1.15;overflow:hidden}html[data-skin=play] .friend small:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .friend small{color:color-mix(in srgb, var(--text) 74%, transparent);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}html[data-skin=play] .friend .btn:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .friend .btn{flex:none;margin-left:auto}html[data-skin=play] .friend .pair{gap:var(--sp2);flex:none;margin-left:auto;display:flex}html[data-skin=play] .friend.request{background:var(--brand-tint);transform:rotate(1deg)}@media (min-width:721px){html[data-skin=play][data-skin=play] .friend{text-align:center;justify-content:flex-start;align-items:center;gap:var(--sp2);padding:var(--sp4);background-color:var(--surface);background-image:radial-gradient(color-mix(in srgb, var(--text) 10%, transparent) 1.3px, transparent 1.4px);background-size:18px 18px;flex-direction:column;min-height:0}html[data-skin=play][data-skin=play] .friend.request{background-color:var(--brand-tint);background-image:radial-gradient(color-mix(in srgb, var(--text) 10%, transparent) 1.3px, transparent 1.4px);background-size:18px 18px}html[data-skin=play][data-skin=play] .friend .pa .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .friend .pa .av{width:96px;height:96px}html[data-skin=play][data-skin=play] .friend>div:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .friend>div{text-align:center;flex:none;align-items:center;width:100%}html[data-skin=play][data-skin=play] .friend b:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .friend b{text-align:center;white-space:normal;overflow-wrap:break-word;font-size:27px}html[data-skin=play][data-skin=play] .friend small:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .friend small{text-align:center;white-space:normal;overflow-wrap:break-word}html[data-skin=play][data-skin=play] .friend .btn:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .friend .btn,html[data-skin=play][data-skin=play] .friend .pair{flex:none;width:100%;margin-top:auto;margin-left:0}html[data-skin=play][data-skin=play] .friend .pair .btn:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .friend .pair .btn{flex:1 1 0;min-width:0;margin-top:0}}html[data-skin=play] .call-top .call-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);text-overflow:ellipsis;font-size:22px;font-weight:800;overflow:hidden}html[data-skin=play] .call-top .timer{font-variant-numeric:tabular-nums;background:var(--pop);color:var(--text);border:var(--stroke) solid var(--text);box-shadow:3px 3px 0 var(--text);border-radius:999px;flex:none;max-width:100%;padding:5px 13px;font-size:14px;font-weight:800;transform:rotate(2deg)}html[data-skin=play] .pill.live{background:var(--surface);color:var(--text);border:var(--stroke) solid var(--text);letter-spacing:.07em;text-transform:uppercase;box-shadow:3px 3px 0 var(--text);border-radius:999px;flex:none;align-items:center;gap:6px;max-width:100%;padding:5px 12px;font-size:11px;font-weight:800;display:inline-flex;position:relative;transform:rotate(-2deg)}html[data-skin=play] .pill.live .dot{background:var(--brand);border:1.5px solid var(--text);border-radius:50%;width:8px;height:8px}html[data-skin=play] .vtile{background:var(--surface-2);border-radius:var(--r-tile);box-shadow:0 0 0 var(--stroke) var(--text), 5px 5px 0 var(--text);color:var(--text)}html[data-skin=play] .vtile.speaking{box-shadow:0 0 0 var(--stroke) var(--text), 0 0 0 6px var(--pop), 5px 5px 0 var(--text)}html[data-skin=play] .vtile .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .vtile .av{width:60px;height:60px}html[data-skin=play] .vname{background:var(--pop);max-width:88%;color:var(--text);border:var(--stroke-sm) solid var(--text);box-shadow:2px 2px 0 var(--text);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12.5px;font-weight:800;line-height:1.2;display:inline-flex;overflow:hidden;transform:rotate(-1.5deg)}html[data-skin=play] .vtile:nth-child(2n) .vname{transform:rotate(1.5deg)}html[data-skin=play] .vname .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .vname .ic{flex:none;place-items:center;width:14px;height:14px;display:inline-grid}html[data-skin=play] .call-bar{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:999px}html[data-skin=play] .cbtn{background:var(--surface);min-width:52px;min-height:48px;color:var(--text);border:var(--stroke) solid var(--text);box-shadow:3px 3px 0 var(--text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:14px;font-weight:800;display:inline-flex}html[data-skin=play] .cbtn .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .cbtn .ic{place-items:center;width:20px;height:20px;display:inline-grid}html[data-skin=play] .cbtn.leave{background:var(--pop);padding:0 26px;font-size:15px}@media (max-width:720px){html[data-skin=play][data-skin=play] .gg-screen{flex:auto;min-height:0}html[data-skin=play][data-skin=play] .page-head .title:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .page-head .title{font-size:32px;line-height:1.02}html[data-skin=play][data-skin=play] .page-head .lede:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .page-head .lede{font-size:14px}html[data-skin=play][data-skin=play] .gg-screen-home .card.create{padding:22px var(--sp5);border-radius:22px;flex-direction:column;flex:1.5 auto;justify-content:center;min-height:0;display:flex}html[data-skin=play][data-skin=play] .gg-screen-home .card.create .card-title:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .gg-screen-home .card.create .card-title{font-size:30px}html[data-skin=play][data-skin=play] .gg-screen-home .card.create .seat-row:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .gg-screen-home .card.create .seat-row{min-height:150px}html[data-skin=play][data-skin=play] .gg-screen-home .card.create .seat:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .gg-screen-home .card.create .seat{width:92px;height:92px}html[data-skin=play][data-skin=play] .gg-screen-home .card.create .seat .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .gg-screen-home .card.create .seat .av{width:78px;height:78px}html[data-skin=play][data-skin=play] .gg-screen-home .card.create .seat.empty:not(:where([data-skin-preview] *)):before,html[data-skin] [data-skin-preview=play][data-skin-preview=play] .gg-screen-home .card.create .seat.empty:before{font-size:30px}html[data-skin=play][data-skin=play] .gg-screen-home .card.join-card{padding:var(--sp5);justify-content:center;gap:var(--sp3);flex-direction:column;flex:auto;min-height:0;display:flex}html[data-skin=play][data-skin=play] .gg-screen-lobby .preview.self{flex:auto;align-content:center;min-height:300px}html[data-skin=play][data-skin=play] .gg-screen-lobby .preview.self .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .gg-screen-lobby .preview.self .av{width:124px;height:124px}html[data-skin=play][data-skin=play] .gg-screen-lobby .code-box,html[data-skin=play][data-skin=play] .gg-screen-lobby .btn.wide:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .gg-screen-lobby .btn.wide{flex:none}html[data-skin=play][data-skin=play] .btn.small:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .btn.small{min-width:44px;min-height:44px}html[data-skin=play][data-skin=play] .gg-screen-friends .friend-list{flex-direction:column;flex:auto;align-content:stretch;align-items:stretch;min-height:0;display:flex}html[data-skin=play][data-skin=play] .gg-screen-friends .friend{min-height:98px;padding:12px var(--sp4);flex:auto}html[data-skin=play][data-skin=play] .gg-screen-friends .friend .pa .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .gg-screen-friends .friend .pa .av{width:64px;height:64px}html[data-skin=play][data-skin=play] .gg-screen-friends .friend b:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .gg-screen-friends .friend b{font-size:17px}}html[data-skin=play] .tabbar{background:var(--surface);border-top:var(--stroke) solid var(--text);gap:6px;padding:8px 10px 10px}html[data-skin=play] .tb{min-height:56px;color:color-mix(in srgb, var(--text) 70%, transparent);border:var(--stroke) solid transparent;cursor:pointer;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:8px 6px;font-size:12px;font-weight:800;text-decoration:none;display:flex}html[data-skin=play] .tb .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .tb .ic{place-items:center;width:20px;height:20px;display:inline-grid}html[data-skin=play] .tb.is-active{color:var(--on-brand);background:var(--brand);border-color:var(--text);box-shadow:2px 2px 0 var(--text)}html[data-skin=play] .chip:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .chip{border:var(--stroke-sm) solid var(--text);letter-spacing:.03em;text-transform:uppercase;background:var(--surface);min-height:36px;color:var(--text);box-shadow:3px 3px 0 var(--text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:7px 15px;font-size:13px;font-weight:800;display:inline-flex}html[data-skin=play] .chip.is-on:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .chip.is-on{background:var(--pop);transform:rotate(-1.5deg)}html[data-skin=play] .badge:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .badge{background:var(--pop);width:fit-content;max-width:100%;min-height:24px;color:var(--text);border:var(--stroke-sm) solid var(--text);letter-spacing:.06em;text-transform:uppercase;box-shadow:3px 3px 0 var(--text);border-radius:999px;flex:none;align-items:center;padding:3px 11px;font-size:11px;font-weight:800;display:inline-flex;position:relative;transform:rotate(2deg)}html[data-skin=play] .switch{cursor:pointer;align-items:center;min-width:44px;min-height:44px;display:inline-flex}html[data-skin=play] .switch .gg-switch-track{border:var(--stroke-sm) solid var(--text);background:var(--surface);border-radius:999px;width:48px;height:26px;display:inline-block;position:relative}html[data-skin=play] .switch .gg-switch-track:after{content:"";border:var(--stroke-sm) solid var(--text);background:var(--surface);border-radius:50%;width:18px;height:18px;position:absolute;top:2px;left:2px}html[data-skin=play] .gg-switch[aria-checked=true] .gg-switch-track{background:var(--brand)}html[data-skin=play] .gg-switch[aria-checked=true] .gg-switch-track:after{background:var(--on-brand);left:22px}html[data-skin=play] .modal:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .modal{background:var(--surface);color:var(--text);border:var(--stroke) solid var(--text);border-radius:var(--r-card);box-shadow:6px 6px 0 var(--text);padding:var(--sp5);max-width:100%}html[data-skin=play] .modal-head:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .modal-head{justify-content:space-between;align-items:flex-start;gap:var(--sp3);display:flex}html[data-skin=play] .modal-foot{justify-content:flex-end;gap:var(--sp2);margin-top:var(--sp3);display:flex}html[data-skin=play] .toast{align-items:center;gap:var(--sp2);background:var(--text);color:var(--bg);border:var(--stroke) solid var(--text);border-radius:999px;padding:10px 18px;font-size:14px;font-weight:800;display:inline-flex}html[data-skin=play] .toast .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .toast .ic{place-items:center;width:16px;height:16px;display:inline-grid}html[data-skin=play] .eyebrow:not(:where([data-skin-preview] *)):after,html[data-skin] [data-skin-preview=play][data-skin-preview=play] .eyebrow:after,html[data-skin=play] .kicker:not(:where([data-skin-preview] *)):after,html[data-skin] [data-skin-preview=play][data-skin-preview=play] .kicker:after,html[data-skin=play] .badge:not(:where([data-skin-preview] *)):after,html[data-skin] [data-skin-preview=play][data-skin-preview=play] .badge:after,html[data-skin=play] .pill.live:after,html[data-skin=play] .count:after,html[data-skin=play] .tip-idea:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:-3px}html[data-skin=play] .btn:focus-visible:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .btn:focus-visible,html[data-skin=play] .tab:focus-visible,html[data-skin=play] .tb:focus-visible,html[data-skin=play] .icon-btn:focus-visible:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .icon-btn:focus-visible,html[data-skin=play] .cbtn:focus-visible,html[data-skin=play] .chip:focus-visible:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .chip:focus-visible,html[data-skin=play] .input:focus-visible:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .input:focus-visible,html[data-skin=play] .link:focus-visible:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .link:focus-visible,html[data-skin=play] .gg-switch:focus-visible .gg-switch-track{outline:3px solid var(--brand-deep);outline-offset:2px}html[data-skin=play][data-mode=dark] .card.create{background:color-mix(in srgb, var(--brand) 42%, var(--bg));box-shadow:5px 5px 0 color-mix(in srgb, var(--text) 22%, transparent)}html[data-skin=play][data-mode=dark] .card.join-card{background:color-mix(in srgb, var(--pop) 34%, var(--bg));box-shadow:5px 5px 0 color-mix(in srgb, var(--text) 22%, transparent)}html[data-skin=play][data-mode=dark] .preview.invite{background-color:color-mix(in srgb, var(--pop) 55%, var(--surface))}html[data-skin=play][data-mode=dark] .vname{background:var(--surface);color:var(--text);opacity:1}html[data-skin=play][data-mode=dark] .friend.request{background-color:color-mix(in srgb, var(--brand) 30%, var(--surface));background-image:radial-gradient(color-mix(in srgb, var(--text) 12%, transparent) 1.3px, transparent 1.4px);background-size:18px 18px}html[data-skin=play][data-mode=dark] .friend.request b:not(:where([data-skin-preview] *)),html[data-skin][data-mode=dark] [data-skin-preview=play][data-skin-preview=play] .friend.request b,html[data-skin=play][data-mode=dark] .friend.request small:not(:where([data-skin-preview] *)),html[data-skin][data-mode=dark] [data-skin-preview=play][data-skin-preview=play] .friend.request small{color:var(--text)}html[data-skin=play][data-mode=dark] .btn:not(:where([data-skin-preview] *)),html[data-skin][data-mode=dark] [data-skin-preview=play][data-skin-preview=play] .btn,html[data-skin=play][data-mode=dark] .cbtn,html[data-skin=play][data-mode=dark] .tab,html[data-skin=play][data-mode=dark] .card.tip,html[data-skin=play][data-mode=dark] .card.squad-panel,html[data-skin=play][data-mode=dark] .friend,html[data-skin=play][data-mode=dark] .preview,html[data-skin=play][data-mode=dark] .call-bar,html[data-skin=play][data-mode=dark] .modal:not(:where([data-skin-preview] *)),html[data-skin][data-mode=dark] [data-skin-preview=play][data-skin-preview=play] .modal{box-shadow:4px 4px 0 color-mix(in srgb, var(--text) 22%, transparent)}html[data-skin=play][data-mode=dark] .vtile{box-shadow:0 0 0 var(--stroke) var(--text), 4px 4px 0 color-mix(in srgb, var(--text) 22%, transparent)}html[data-skin=play][data-mode=dark] .vtile.speaking{box-shadow:0 0 0 var(--stroke) var(--text), 0 0 0 6px var(--pop), 4px 4px 0 color-mix(in srgb, var(--text) 22%, transparent)}html[data-skin=play][data-mode=dark] .toast{background:var(--surface);color:var(--text);box-shadow:3px 3px 0 color-mix(in srgb, var(--text) 22%, transparent)}@media (prefers-reduced-motion:no-preference){html[data-skin=play] .btn:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .btn,html[data-skin=play] .cbtn,html[data-skin=play] .icon-btn:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .icon-btn,html[data-skin=play] .tab,html[data-skin=play] .tb,html[data-skin=play] .chip:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .chip,html[data-skin=play] .friend{transition:box-shadow .18s,background-color .22s,color .22s}html[data-skin=play] .btn:hover:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .btn:hover,html[data-skin=play] .cbtn:hover,html[data-skin=play] .icon-btn:hover:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .icon-btn:hover,html[data-skin=play] .chip:hover:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .chip:hover{box-shadow:5px 5px 0 var(--text)}html[data-skin=play] .btn-ghost:hover:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .btn-ghost:hover{background:color-mix(in srgb, var(--pop) 28%, transparent)}html[data-skin=play] .btn:active:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .btn:active,html[data-skin=play] .cbtn:active,html[data-skin=play] .icon-btn:active:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .icon-btn:active,html[data-skin=play] .chip:active:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .chip:active{box-shadow:1px 1px 0 var(--text)}html[data-skin=play] .btn:disabled:hover:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .btn:disabled:hover,html[data-skin=play] .btn:disabled:active:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .btn:disabled:active{box-shadow:none}html[data-skin=play] .tab .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .tab .ic,html[data-skin=play] .tb .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .tb .ic,html[data-skin=play] .btn .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .btn .ic,html[data-skin=play] .cbtn .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .cbtn .ic,html[data-skin=play] .tip-shuffle .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .tip-shuffle .ic,html[data-skin=play] .tip-cta .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .tip-cta .ic{transition:transform .18s}html[data-skin=play] .tab:hover .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .tab:hover .ic,html[data-skin=play] .tb:hover .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .tb:hover .ic{transform:translateY(-2px)}html[data-skin=play] .tab.is-active .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .tab.is-active .ic,html[data-skin=play] .tb.is-active .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .tb.is-active .ic{animation:.32s cubic-bezier(.34,1.56,.64,1) play-tab-pop}html[data-skin=play] .btn:hover .ic[data-i=arrow-right]:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .btn:hover .ic[data-i=arrow-right],html[data-skin=play] .tip-cta:hover .ic[data-i=arrow-right]:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .tip-cta:hover .ic[data-i=arrow-right]{transform:translate(2px)}html[data-skin=play] .icon-btn:has(.ic[data-i=bell]):hover .ic:not(:where([data-skin-preview] *)){animation:.45s play-bell}html[data-skin] [data-skin-preview=play][data-skin-preview=play] .icon-btn:has(.ic[data-i=bell]):hover .ic{animation:.45s play-bell}html[data-skin=play] .cbtn:active .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .cbtn:active .ic{transform:scale(1.15)}html[data-skin=play] .eyebrow:hover:not(:where([data-skin-preview] *)):after,html[data-skin] [data-skin-preview=play][data-skin-preview=play] .eyebrow:hover:after,html[data-skin=play] .kicker:hover:not(:where([data-skin-preview] *)):after,html[data-skin] [data-skin-preview=play][data-skin-preview=play] .kicker:hover:after,html[data-skin=play] .badge:hover:not(:where([data-skin-preview] *)):after,html[data-skin] [data-skin-preview=play][data-skin-preview=play] .badge:hover:after,html[data-skin=play] .pill.live:hover:after,html[data-skin=play] .count:hover:after,html[data-skin=play] .tip-idea:hover:after,html[data-skin=play] .tip-idea:hover .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .tip-idea:hover .ic,html[data-skin=play] .seat:hover .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .seat:hover .av,html[data-skin=play] .friend:hover .pa .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .friend:hover .pa .av,html[data-skin=play] .tip-mark:hover .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .tip-mark:hover .ic{animation:.4s play-wiggle}html[data-skin=play] .tip-body:has(.tip-ideas.is-shuffled) .tip-shuffle .ic:not(:where([data-skin-preview] *)){transform:rotate(180deg)}html[data-skin] [data-skin-preview=play][data-skin-preview=play] .tip-body:has(.tip-ideas.is-shuffled) .tip-shuffle .ic{transform:rotate(180deg)}html[data-skin=play] .tip-ideas.is-shuffled .tip-idea{animation:.32s cubic-bezier(.34,1.56,.64,1) both play-tip-pop}html[data-skin=play] .tip-ideas.is-shuffled .tip-idea:nth-child(2){animation-delay:60ms}html[data-skin=play] .tip-ideas.is-shuffled .tip-idea:nth-child(3){animation-delay:.12s}html[data-skin=play] .pill.live .dot{animation:1.6s ease-in-out infinite play-dot}html[data-skin=play] .presence.on:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=play][data-skin-preview=play] .presence.on{animation:1.8s ease-in-out infinite play-presence}html[data-skin=play] .vtile.speaking{animation:1.6s ease-in-out infinite play-ring}html[data-skin=play]::view-transition-old(gg-desk){animation:.35s cubic-bezier(.34,1.3,.64,1) both play-vt-old}html[data-skin=play]::view-transition-old(gg-phone){animation:.35s cubic-bezier(.34,1.3,.64,1) both play-vt-old}html[data-skin=play]::view-transition-new(gg-desk){animation:.35s cubic-bezier(.34,1.3,.64,1) both play-vt-new}html[data-skin=play]::view-transition-new(gg-phone){animation:.35s cubic-bezier(.34,1.3,.64,1) both play-vt-new}}