html[data-skin=scrap],[data-skin-preview=scrap],html[data-skin=scrap] .gg-call-theme{--hand:"Caveat",cursive;--r-sm:8px;--r-md:14px;--r-lg:18px;--r-pill:999px;--btn-h:48px;--btn-h-sm:44px;--in-h:48px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px}html[data-skin=scrap] body{background:var(--bg)}html[data-skin=scrap] .gg-app-root{background-color:color-mix(in srgb, var(--pop) 13%, var(--bg));background-image:radial-gradient(color-mix(in srgb, var(--line) 82%, transparent) 1.2px, transparent 1.6px), radial-gradient(color-mix(in srgb, var(--text) 11%, transparent) .8px, transparent 1.2px);background-size:22px 22px,11px 11px}html[data-skin=scrap] .brand{align-items:center;gap:var(--s2);min-height:var(--btn-h-sm)}html[data-skin=scrap] .wordmark{letter-spacing:-.03em;font-size:24px;font-weight:900;line-height:1}html[data-skin=scrap] .logo{stroke:var(--brand);stroke-width:4px;flex:none;width:30px;height:28px}html[data-skin=scrap] .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .ic{flex:none;justify-content:center;align-items:center;font-size:16px;line-height:1;display:inline-flex}html[data-skin=scrap] .btn .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .btn .ic,html[data-skin=scrap] .cbtn .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .cbtn .ic,html[data-skin=scrap] .tab .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .tab .ic,html[data-skin=scrap] .tb .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .tb .ic{font-size:17px}html[data-skin=scrap] a:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] a,html[data-skin=scrap] button:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] button,html[data-skin=scrap] .tab,html[data-skin=scrap] .tb,html[data-skin=scrap] .chip:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .chip,html[data-skin=scrap] label.switch{cursor:pointer}html[data-skin=scrap] .icon-btn:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .icon-btn{background:var(--surface);border:1.5px solid var(--line);width:40px;height:40px;color:var(--text);box-shadow:2px 2px 0 color-mix(in srgb, var(--text) 12%, transparent);border-radius:50%;flex:none;place-items:center;font-size:16px;display:inline-grid}html[data-skin=scrap] .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .av{background:var(--surface);border:2px solid var(--surface);box-shadow:0 1px 2px color-mix(in srgb, var(--text) 24%, transparent), 2px 3px 0 color-mix(in srgb, var(--text) 13%, transparent);border-radius:10px;padding:8px 8px 18px}html[data-skin=scrap] .nav-end{align-items:center;gap:var(--s2)}html[data-skin=scrap] .nav-end .av.me{border-radius:6px;width:36px;height:36px;padding:2px 2px 4px;transform:rotate(2deg)}html[data-skin=scrap] .eyebrow:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .eyebrow{font-family:var(--font-hand);color:var(--muted);transform-origin:0;overflow-wrap:break-word;max-width:100%;margin:0;font-size:22px;font-weight:700;line-height:1.1;transform:rotate(-1deg)}html[data-skin=scrap] .title:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .title{letter-spacing:-.04em;overflow-wrap:break-word;text-wrap:balance;max-width:18ch;text-shadow:1px 1px 0 color-mix(in srgb, var(--text) 14%, transparent);margin:0;font-size:48px;font-weight:900;line-height:1.04}@media (max-width:720px){html[data-skin=scrap][data-skin=scrap] .title:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .title{font-size:30px;line-height:1.08}}html[data-skin=scrap] .lede:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .lede{color:var(--muted);overflow-wrap:break-word;max-width:54ch;margin:0;font-size:14.5px;line-height:1.55}html[data-skin=scrap] .page-head:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .page-head{gap:var(--s2)}html[data-skin=scrap] .kicker:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:12px;font-weight:900}html[data-skin=scrap] .card-title:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .card-title{letter-spacing:-.02em;overflow-wrap:break-word;text-wrap:balance;-webkit-text-decoration:underline wavy color-mix(in srgb, var(--pop) 85%, var(--text)) 2.5px;text-decoration:underline wavy color-mix(in srgb, var(--pop) 85%, var(--text)) 2.5px;text-underline-offset:7px;margin:0;padding-bottom:6px;font-size:26px;font-weight:900;line-height:1.2}@media (max-width:720px){html[data-skin=scrap][data-skin=scrap] .card-title:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .card-title{font-size:21px}}html[data-skin=scrap] .join-card .card-title:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .join-card .card-title,html[data-skin=scrap] .squad-panel .card-title:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .squad-panel .card-title,html[data-skin=scrap] .card.tip .card-title:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .card.tip .card-title,html[data-skin=scrap] .modal .card-title:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .modal .card-title{padding-bottom:0;text-decoration:none}html[data-skin=scrap] .hint:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .hint,html[data-skin=scrap] .fine:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .fine{overflow-wrap:break-word;color:var(--muted);margin:0;font-size:14px;line-height:1.55}html[data-skin=scrap] .muted:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .muted{color:var(--muted)}html[data-skin=scrap] .fine:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .fine{font-size:13.5px}html[data-skin=scrap] .link:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .link{color:var(--text);min-height:44px;-webkit-text-decoration:underline wavy color-mix(in srgb, var(--text) 48%, transparent) 2px;text-decoration:underline wavy color-mix(in srgb, var(--text) 48%, transparent) 2px;text-underline-offset:4px;align-items:center;gap:6px;font-size:14px;font-weight:900;display:inline-flex}html[data-skin=scrap] .link .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .link .ic{font-size:15px}html[data-skin=scrap] .btn:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .btn{letter-spacing:.02em;min-height:var(--btn-h);overflow-wrap:break-word;text-align:center;border-radius:9px;justify-content:center;align-items:center;gap:8px;max-width:100%;padding:12px 18px;font-size:14.5px;font-weight:900;line-height:1.1;display:inline-flex}html[data-skin=scrap] .btn.small:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .btn.small{min-height:var(--btn-h-sm);border-radius:8px;padding:10px 14px;font-size:13.5px}html[data-skin=scrap] .btn.wide:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .btn.wide{width:100%}html[data-skin=scrap] .btn-primary:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .btn-primary{background:var(--brand);color:var(--on-brand);border:2px solid color-mix(in srgb, var(--brand-deep) 62%, transparent);box-shadow:2.5px 3px 0 color-mix(in srgb, var(--text) 16%, transparent);transform:rotate(-.5deg)}html[data-skin=scrap] .btn-secondary:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .btn-secondary{background:var(--surface);border:1.5px solid var(--line);color:var(--text);box-shadow:2.5px 3px 0 color-mix(in srgb, var(--text) 13%, transparent);transform:rotate(.3deg)}html[data-skin=scrap] .btn-ghost:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .btn-ghost{background:var(--surface);border:1.5px dashed color-mix(in srgb, var(--text) 38%, transparent);color:var(--text);box-shadow:none}html[data-skin=scrap] .btn-danger:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .btn-danger{background:color-mix(in srgb, var(--away) 14%, var(--surface));border:1.5px solid color-mix(in srgb, var(--away) 55%, var(--line));color:var(--text);box-shadow:2.5px 3px 0 color-mix(in srgb, var(--text) 13%, transparent)}html[data-skin=scrap] .btn:disabled:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .btn:disabled{box-shadow:none;opacity:.55;cursor:not-allowed;transform:none}html[data-skin=scrap] .input:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .input{background:var(--surface);border:1.5px solid var(--line);border-bottom:3px solid color-mix(in srgb, var(--text) 40%, var(--line));min-width:0;max-width:100%;min-height:var(--in-h);color:var(--text);border-radius:10px 10px 3px 3px;padding:12px 14px;font-size:14.5px;line-height:1.4}html[data-skin=scrap] .input:not(:where([data-skin-preview] *))::placeholder,html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .input::placeholder{color:var(--muted);opacity:1}html[data-skin=scrap] .input.code:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .input.code,html[data-skin=scrap] .code-val{letter-spacing:.1em;text-transform:uppercase;font-variant-numeric:tabular-nums;font-size:14px;font-weight:900}html[data-skin=scrap] .timer,html[data-skin=scrap] .count{font-variant-numeric:tabular-nums}html[data-skin=scrap] .search{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-pill);box-shadow:2px 2px 0 color-mix(in srgb, var(--text) 9%, transparent);min-height:var(--in-h);align-items:center;gap:10px;padding:4px 18px 4px 14px;display:flex;position:relative}html[data-skin=scrap] .search .input:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .search .input{border-radius:var(--r-pill);box-shadow:none;background:0 0;border:none;flex:1;min-height:40px;padding:8px 0 8px 40px}html[data-skin=scrap] .search .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .search .ic{pointer-events:none;color:var(--muted);font-size:16px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}@media (min-width:721px){html[data-skin=scrap][data-skin=scrap] .gg-screen{flex:1;gap:12px;min-height:0}html[data-skin=scrap][data-skin=scrap] .gg-screen-home .page-head:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .gg-screen-home .page-head,html[data-skin=scrap][data-skin=scrap] .gg-screen-friends .page-head:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .gg-screen-friends .page-head,html[data-skin=scrap][data-skin=scrap] .gg-screen-lobby .lobby-head{flex:none}html[data-skin=scrap][data-skin=scrap] .gg-home-grid{flex:1 1 0;gap:18px;min-height:0}}html[data-skin=scrap] .card:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .card{border-radius:var(--r-lg);min-width:0;padding:30px 24px 24px;overflow:visible}html[data-skin=scrap] .card.create{background:var(--surface);border:1.5px solid var(--line);box-shadow:0 1px 2px color-mix(in srgb, var(--text) 10%, transparent), 3px 4px 0 color-mix(in srgb, var(--text) 10%, transparent);border-radius:16px;flex-direction:column;justify-content:flex-start;gap:20px;display:flex;position:relative;transform:rotate(-.35deg)}html[data-skin=scrap] .card.create:before{content:"";background-color:color-mix(in srgb, var(--pop) 52%, var(--surface));opacity:.95;width:104px;height:20px;box-shadow:0 1px 2px color-mix(in srgb, var(--text) 16%, transparent);pointer-events:none;border-radius:2px;position:absolute;top:-11px;left:48px;transform:rotate(-4deg)}@media (min-width:721px){html[data-skin=scrap][data-skin=scrap] .card.create{height:100%;min-height:0;padding:36px 28px 30px}html[data-skin=scrap][data-skin=scrap] .card.create .seat-row:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .card.create .seat-row{flex:auto}html[data-skin=scrap][data-skin=scrap] .card.create .card-foot:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .card.create .card-foot{margin-top:auto}html[data-skin=scrap][data-skin=scrap] .card.create .card-title:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .card.create .card-title{font-size:38px}}html[data-skin=scrap] .card.create .seat-row:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .card.create .seat-row{flex-wrap:wrap;flex:none;place-content:center space-between;align-items:center;gap:12px;width:100%;min-height:0;padding:16px 4px}html[data-skin=scrap] .card.create .card-foot:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .card.create .card-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;display:flex}@media (min-width:721px){html[data-skin=scrap][data-skin=scrap] .card.create .btn-primary:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .card.create .btn-primary{border-radius:12px;min-height:52px;padding:14px 24px;font-size:16px}}html[data-skin=scrap] .card.join-card{background:var(--surface-2);border:1.5px solid var(--line);box-shadow:none;flex-direction:column;place-content:center;gap:12px;padding:30px 24px 24px;display:flex;position:relative;transform:rotate(.4deg)}html[data-skin=scrap] .card.join-card:before{content:"";background-color:color-mix(in srgb, var(--pop) 52%, var(--surface));opacity:.95;width:80px;height:20px;box-shadow:0 1px 2px color-mix(in srgb, var(--text) 16%, transparent);pointer-events:none;border-radius:2px;position:absolute;top:-11px;right:44px;transform:rotate(5deg)}html[data-skin=scrap] .join{align-items:stretch;gap:10px;min-width:0;display:flex}html[data-skin=scrap] .join .input:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .join .input{flex:1}html[data-skin=scrap] .card.join-card .input:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .card.join-card .input,html[data-skin=scrap] .card.join-card .btn:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .card.join-card .btn{min-height:52px;padding:12px 16px;font-size:14.5px}html[data-skin=scrap] .seat:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .seat{border-radius:50%;flex:none;place-items:center;display:grid;position:relative}@media (min-width:721px){html[data-skin=scrap][data-skin=scrap] .seat:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .seat{width:150px;height:150px}html[data-skin=scrap][data-skin=scrap] .seat .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .seat .av{width:132px;height:132px}}@media (max-width:720px){html[data-skin=scrap][data-skin=scrap] .seat:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .seat{width:88px;height:88px}html[data-skin=scrap][data-skin=scrap] .seat .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .seat .av{width:74px;height:74px;padding:5px 5px 12px}}html[data-skin=scrap] .seat:first-child .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .seat:first-child .av{transform:rotate(-3deg)}html[data-skin=scrap] .seat:nth-child(2):not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .seat:nth-child(2){transform:rotate(1.5deg)}html[data-skin=scrap] .seat:nth-child(3):not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .seat:nth-child(3){transform:rotate(-1.5deg)}html[data-skin=scrap] .seat:nth-child(4):not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .seat:nth-child(4){transform:rotate(2.5deg)}html[data-skin=scrap] .seat.filled:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .seat.filled{background:var(--surface-2);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--text) 24%, transparent), 2px 2px 0 color-mix(in srgb, var(--text) 12%, transparent)}html[data-skin=scrap] .seat.filled:not(:where([data-skin-preview] *)):after,html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .seat.filled:after{content:"";background-color:color-mix(in srgb, var(--pop) 52%, var(--surface));opacity:.95;pointer-events:none;border-radius:2px;width:32px;height:11px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(-5deg)}html[data-skin=scrap] .seat.empty:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .seat.empty{border:2px dashed color-mix(in srgb, var(--text) 30%, transparent);background-color:color-mix(in srgb, var(--surface-2) 60%, var(--surface));box-shadow:2px 2px 0 color-mix(in srgb, var(--text) 10%, transparent);color:var(--muted);background-image:none;border-radius:20px}html[data-skin=scrap] .seat.empty .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .seat.empty .ic{display:none}html[data-skin=scrap] .seat.empty:not(:where([data-skin-preview] *)):before,html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .seat.empty:before{content:"";width:46px;height:46px;color:color-mix(in srgb, var(--text) 44%, transparent);opacity:.9;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6c-.3 4-.3 8 0 12'/%3E%3Cpath d='M6 12c4-.3 8-.3 12 0'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)rotate(-5deg)}html[data-skin=scrap] .seat.empty:not(:where([data-skin-preview] *)):after,html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .seat.empty:after{content:"your friend?";text-align:center;font-family:var(--font-hand);color:var(--muted);pointer-events:none;font-size:18px;font-weight:700;line-height:1;position:absolute;bottom:9px;left:8px;right:8px;transform:rotate(-3deg)}@media (max-width:720px){html[data-skin=scrap][data-skin=scrap] .seat.empty:not(:where([data-skin-preview] *)):after,html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .seat.empty:after{font-size:14px;bottom:7px}html[data-skin=scrap][data-skin=scrap] .seat.empty:not(:where([data-skin-preview] *)):before,html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .seat.empty:before{width:30px;height:30px;top:38%}}html[data-skin=scrap] .card.tip{background:color-mix(in srgb, var(--pop) 18%, var(--surface));border:1.5px solid var(--line);box-shadow:0 1px 2px color-mix(in srgb, var(--text) 12%, transparent), 4px 6px 0 color-mix(in srgb, var(--text) 10%, transparent);border-radius:3px 3px 16px;place-content:center;align-items:center;gap:14px;padding:24px 24px 26px;display:flex;position:relative;overflow:visible;transform:rotate(-1.1deg)}html[data-skin=scrap] .card.tip:before{content:"";background-color:color-mix(in srgb, var(--pop) 52%, var(--surface));opacity:.95;width:88px;height:20px;box-shadow:0 1px 2px color-mix(in srgb, var(--text) 16%, transparent);pointer-events:none;border-radius:2px;position:absolute;top:-11px;left:50%;transform:translate(-50%)rotate(-2deg)}html[data-skin=scrap] .card.tip:after{content:"";background-image:linear-gradient(315deg, color-mix(in srgb, var(--bg) 60%, transparent) 0 47%, color-mix(in srgb, var(--text) 28%, transparent) 48% 52%, color-mix(in srgb, var(--surface) 40%, var(--pop)) 53% 100%);width:28px;height:28px;box-shadow:-2px -2px 3px color-mix(in srgb, var(--text) 18%, transparent);pointer-events:none;border-radius:12px 0 14px;position:absolute;bottom:0;right:0}html[data-skin=scrap] .tip-mark{width:48px;height:48px;box-shadow:none;color:color-mix(in srgb, var(--brand-deep) 85%, var(--text));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.8 4.6L18.5 9l-4.7 1.7L12 15.5l-1.8-4.8L5.5 9l4.7-1.4z'/%3E%3Cpath d='M18.5 14.5l.8 2 2 .8-2 .8-.8 2-.8-2-2-.8 2-.8z'/%3E%3C/svg%3E") 50%/contain no-repeat;border:none;border-radius:0;flex:none;place-items:center;display:grid;transform:rotate(-10deg)}html[data-skin=scrap] .tip-mark .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .tip-mark .ic{font-size:0}html[data-skin=scrap] .card.tip .tip-body{flex-wrap:wrap;flex:1 1 0;align-items:center;gap:10px;min-width:0;display:flex}html[data-skin=scrap] .card.tip .tip-title{flex:auto;min-width:0;margin:0;font-size:22px}html[data-skin=scrap] .card.tip .tip-shuffle{width:32px;height:32px;min-height:32px;box-shadow:1.5px 2px 0 color-mix(in srgb, var(--text) 12%, transparent);flex:none;font-size:14px}html[data-skin=scrap] .card.tip .tip-ideas{flex-wrap:nowrap;flex:100%;gap:8px;width:100%;min-width:0;margin:2px 0 0;padding:0;list-style:none;display:flex}html[data-skin=scrap] .card.tip .tip-idea{background:var(--surface);border:1.5px solid var(--line);min-width:0;box-shadow:2px 2px 0 color-mix(in srgb, var(--text) 12%, transparent);color:var(--text);border-radius:8px;flex:1 1 0;justify-content:center;align-items:center;gap:6px;padding:9px 8px;font-size:13px;font-weight:900;line-height:1.2;display:inline-flex;overflow:hidden}html[data-skin=scrap] .card.tip .tip-idea .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .card.tip .tip-idea .ic{color:color-mix(in srgb, var(--brand-deep) 80%, var(--text));font-size:15px}html[data-skin=scrap] .card.tip .tip-idea span:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .card.tip .tip-idea span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}html[data-skin=scrap] .card.tip .tip-idea:first-child{transform:rotate(-1deg)}html[data-skin=scrap] .card.tip .tip-idea:nth-child(2){transform:rotate(.8deg)}html[data-skin=scrap] .card.tip .tip-idea:nth-child(3){transform:rotate(-.6deg)}html[data-skin=scrap] .card.tip .tip-cta{flex:100%;width:fit-content;max-width:100%;margin-top:2px}html[data-skin=scrap] .nav{background-color:var(--surface);background-image:linear-gradient(90deg, transparent 0 54px, color-mix(in srgb, var(--away) 38%, transparent) 54px 56px, transparent 56px), repeating-linear-gradient(transparent 0 25px, color-mix(in srgb, var(--line) 75%, transparent) 25px 26px);border-bottom:2px solid var(--line);align-items:center;gap:16px;padding:20px 30px 12px;display:flex;position:relative}html[data-skin=scrap] .nav:before{content:"";background-image:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--pop) 72%, var(--surface)) 0 6px, color-mix(in srgb, var(--surface) 55%, var(--pop)) 6px 12px);opacity:.85;pointer-events:none;height:10px;position:absolute;top:0;left:0;right:0}html[data-skin=scrap] .tabs{background:0 0;border:none;align-items:flex-end;gap:8px;padding:0;display:flex;overflow:visible}html[data-skin=scrap] .tab{background:var(--surface);border:1.5px solid var(--line);min-height:44px;color:var(--muted);box-shadow:2px 2px 0 color-mix(in srgb, var(--text) 12%, transparent);border-radius:4px 4px 12px 12px;align-items:center;gap:7px;margin-top:-4px;padding:10px 15px 12px;font-size:13.5px;font-weight:800;display:inline-flex;position:relative}html[data-skin=scrap] .tab.is-active{background:var(--brand-tint);color:var(--brand-deep);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--brand) 42%, transparent), 2px 3px 0 color-mix(in srgb, var(--text) 12%, transparent)}@media (max-width:720px){html[data-skin=scrap][data-skin=scrap] .nav{padding:18px 14px 10px}}html[data-skin=scrap] .lobby-head{justify-content:space-between;align-items:center;gap:12px;display:flex}@media (min-width:721px){html[data-skin=scrap][data-skin=scrap] .lobby-grid{flex:1 1 0;grid-template-rows:1fr;align-items:stretch;gap:18px;min-height:0}html[data-skin=scrap][data-skin=scrap] .lobby-stage{flex:1 1 0;align-content:stretch;align-items:stretch;gap:12px;min-height:0}}html[data-skin=scrap] .preview{background:var(--surface);border:1.5px solid var(--line);box-shadow:0 1px 2px color-mix(in srgb, var(--text) 10%, transparent), 3px 3px 0 color-mix(in srgb, var(--text) 10%, transparent);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:28px 20px 20px;display:flex;position:relative}html[data-skin=scrap] .preview:before{content:"";background-color:color-mix(in srgb, var(--pop) 52%, var(--surface));opacity:.95;width:84px;height:18px;box-shadow:0 1px 2px color-mix(in srgb, var(--text) 16%, transparent);pointer-events:none;border-radius:2px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-3deg)}html[data-skin=scrap] .preview .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .preview .av{width:132px;height:132px;transform:rotate(2deg)}@media (min-width:721px){html[data-skin=scrap][data-skin=scrap] .preview.self{flex:1 1 0;justify-content:center;min-height:0}html[data-skin=scrap][data-skin=scrap] .preview.invite{flex:.65 1 0;justify-content:center;min-height:120px}}html[data-skin=scrap] .cam-off{font-family:var(--font-hand);color:var(--muted);margin:0;font-size:21px;font-weight:700}html[data-skin=scrap] .preview-meta{align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}html[data-skin=scrap] .badge:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .badge{background:var(--surface-2);min-height:28px;color:var(--text);border-radius:var(--r-pill);border:1.5px dashed color-mix(in srgb, var(--text) 40%, var(--line));align-items:center;padding:3px 11px;font-size:12px;font-weight:800;display:inline-flex;transform:rotate(2deg)}html[data-skin=scrap] .preview.invite{text-align:center;background-color:color-mix(in srgb, var(--surface-2) 60%, var(--surface));border:2px dashed color-mix(in srgb, var(--text) 30%, transparent);box-shadow:2px 2px 0 color-mix(in srgb, var(--text) 10%, transparent);color:var(--muted);background-image:none;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:44px;font-weight:900}html[data-skin=scrap] .preview.invite .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .preview.invite .ic{background:var(--surface);border:1.5px dashed color-mix(in srgb, var(--text) 36%, transparent);width:44px;height:44px;color:color-mix(in srgb, var(--text) 48%, transparent);border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:inline-flex;transform:rotate(-4deg)}html[data-skin=scrap] .preview.invite span:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .preview.invite span{font-family:var(--font-hand);color:var(--muted);font-size:21px;font-weight:700;line-height:1.2;transform:rotate(-2deg)}html[data-skin=scrap] .lobby-controls{flex-wrap:wrap;flex:none;gap:10px;display:flex}html[data-skin=scrap] .card.squad-panel{background:var(--surface);border:1.5px solid var(--line);box-shadow:0 1px 2px color-mix(in srgb, var(--text) 10%, transparent), 3px 4px 0 color-mix(in srgb, var(--text) 10%, transparent);border-radius:14px;flex-direction:column;justify-content:center;align-self:stretch;gap:14px;min-width:0;padding:32px 20px 26px;display:flex;position:relative;transform:rotate(.35deg)}html[data-skin=scrap] .card.squad-panel:before{content:"";background-color:color-mix(in srgb, var(--pop) 52%, var(--surface));opacity:.95;width:86px;height:20px;box-shadow:0 1px 2px color-mix(in srgb, var(--text) 16%, transparent);pointer-events:none;border-radius:2px;position:absolute;top:-11px;right:36px;transform:rotate(4deg)}html[data-skin=scrap] .card.squad-panel .panel-head{justify-content:space-between;align-items:center;gap:8px;display:flex}html[data-skin=scrap] .card.squad-panel .code-box{padding:12px}html[data-skin=scrap] .card.squad-panel .btn-secondary.wide:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .card.squad-panel .btn-secondary.wide{min-height:var(--btn-h)}html[data-skin=scrap] .card.squad-panel .meta-row{padding:6px 0}html[data-skin=scrap] .card.squad-panel .btn-primary.wide:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .card.squad-panel .btn-primary.wide{min-height:54px;margin-top:8px;padding:14px 18px;font-size:15.5px}html[data-skin=scrap] .count{color:var(--muted);font-size:13px;font-weight:800}html[data-skin=scrap] .code-box{background:var(--surface-2);border:1.5px solid var(--line);border-bottom:3px solid color-mix(in srgb, var(--text) 35%, var(--line));overflow-wrap:break-word;border-radius:10px 10px 3px 3px;justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}html[data-skin=scrap] .code-val{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}html[data-skin=scrap] .meta-row{overflow-wrap:break-word;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:14px;display:flex}@media (min-width:721px){html[data-skin=scrap][data-skin=scrap] .gg-screen-friends .search{flex:none;padding:4px 18px 4px 14px}html[data-skin=scrap][data-skin=scrap] .friend-list{flex:1 1 0;grid-template-rows:1fr;grid-template-columns:repeat(4,minmax(0,1fr));align-content:stretch;align-items:stretch;gap:16px;min-height:0;margin:0;padding:14px 2px 4px;list-style:none;display:grid}}html[data-skin=scrap] .friend{background:var(--surface);border:1.5px solid var(--line);box-shadow:2px 2px 0 color-mix(in srgb, var(--text) 9%, transparent);overflow-wrap:break-word;border-radius:14px;align-items:center;gap:8px;min-width:0;padding:28px 18px 18px;position:relative}html[data-skin=scrap] .friend:before{content:"";background-color:color-mix(in srgb, var(--pop) 48%, var(--surface));opacity:.9;width:52px;height:14px;box-shadow:0 1px 2px color-mix(in srgb, var(--text) 14%, transparent);pointer-events:none;border-radius:2px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(-4deg)}html[data-skin=scrap] .friend:first-child:before{transform:translate(-50%)rotate(-6deg)}html[data-skin=scrap] .friend:nth-child(2):before{transform:translate(-50%)rotate(3deg)}html[data-skin=scrap] .friend:nth-child(3):before{transform:translate(-50%)rotate(-2deg)}html[data-skin=scrap] .friend:nth-child(4):before{transform:translate(-50%)rotate(5deg)}@media (min-width:721px){html[data-skin=scrap][data-skin=scrap] .friend{text-align:center;flex-direction:column;place-content:center;align-items:center;gap:10px;height:100%;min-height:320px;padding:32px 16px 20px;display:flex}html[data-skin=scrap][data-skin=scrap] .friend>div:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .friend>div{flex-direction:column;align-items:center;gap:4px;width:100%;min-width:0;margin-top:12px;display:flex}html[data-skin=scrap][data-skin=scrap] .friend .btn:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .friend .btn,html[data-skin=scrap][data-skin=scrap] .friend .pair{margin-top:0;padding-top:8px}html[data-skin=scrap][data-skin=scrap] .friend .pair{flex-direction:column;align-items:stretch;gap:8px;width:100%;display:flex}html[data-skin=scrap][data-skin=scrap] .friend .btn:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .friend .btn{width:100%;min-height:var(--btn-h-sm);justify-content:center}html[data-skin=scrap][data-skin=scrap] .friend .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .friend .av{width:148px;height:148px}}html[data-skin=scrap] .friend:nth-child(odd){transform:rotate(-.25deg)}html[data-skin=scrap] .friend:nth-child(2n){transform:rotate(.25deg)}html[data-skin=scrap] .friend:first-child .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .friend:first-child .av{transform:rotate(-3deg)}html[data-skin=scrap] .friend:nth-child(2) .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .friend:nth-child(2) .av{transform:rotate(2.2deg)}html[data-skin=scrap] .friend:nth-child(3) .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .friend:nth-child(3) .av{transform:rotate(-1.6deg)}html[data-skin=scrap] .friend:nth-child(4) .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .friend:nth-child(4) .av{transform:rotate(2.8deg)}html[data-skin=scrap] .friend b:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .friend b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:16px;line-height:1.25;overflow:hidden}@media (min-width:721px){html[data-skin=scrap][data-skin=scrap] .friend b:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .friend b{font-size:20px}}html[data-skin=scrap] .friend small:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .friend small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;line-height:1.4;overflow:hidden}html[data-skin=scrap] .friend.request{background:var(--brand-tint);border:1.5px solid color-mix(in srgb, var(--brand) 55%, var(--line))}html[data-skin=scrap] .pa:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .pa{flex:none;place-items:center;display:inline-grid;position:relative}html[data-skin=scrap] .pa .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .pa .av{border-radius:8px;padding:4px 4px 10px;display:block}html[data-skin=scrap] .pa:not(:where([data-skin-preview] *)):after,html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .pa:after{content:"";background-color:color-mix(in srgb, var(--pop) 48%, var(--surface));opacity:.9;pointer-events:none;border-radius:2px;width:24px;height:9px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(-7deg)}html[data-skin=scrap] .presence:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .presence{background:color-mix(in srgb, var(--muted) 55%, var(--surface));border:2px solid var(--surface);width:12px;height:12px;box-shadow:0 0 0 1px color-mix(in srgb, var(--text) 18%, transparent);z-index:1;border-radius:50%;position:absolute;bottom:-3px;right:-3px}html[data-skin=scrap] .presence.on:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .presence.on{background:var(--ok)}html[data-skin=scrap] .presence.away{background:var(--away)}html[data-skin=scrap] .call-top{background:var(--surface);box-shadow:2px 2px 0 color-mix(in srgb, var(--text) 10%, transparent);border-radius:14px}html[data-skin=scrap] .call-title{letter-spacing:-.01em;text-overflow:ellipsis;font-size:18px;font-weight:900;overflow:hidden}html[data-skin=scrap] .pill.live{background:var(--surface-2);border:1.5px solid color-mix(in srgb, var(--text) 32%, var(--line));border-radius:var(--r-pill);flex:none;align-items:center;gap:7px;padding:5px 12px;font-size:12.5px;font-weight:800;display:inline-flex;transform:rotate(-1deg)}html[data-skin=scrap] .pill.live .dot{background:var(--ok);border-radius:50%;flex:none;width:8px;height:8px}html[data-skin=scrap] .timer{color:var(--muted);flex:none;font-size:13.5px}html[data-skin=scrap] .gg-screen-call{background-color:color-mix(in srgb, var(--surface-2) 52%, var(--bg));border-radius:18px}html[data-skin=scrap] .vstage{background:0 0;border-radius:14px;overflow:visible}html[data-skin=scrap] .vgroups,html[data-skin=scrap] .vgroup,html[data-skin=scrap] .vfeeds{background:0 0}html[data-skin=scrap] .vtile{background:var(--surface-2);box-shadow:inset 0 0 0 4px var(--surface), inset 0 0 0 5.5px color-mix(in srgb, var(--text) 20%, transparent), 3px 4px 0 color-mix(in srgb, var(--text) 14%, transparent);border-radius:14px;overflow:hidden}html[data-skin=scrap] .vtile.speaking{background:var(--surface-2);box-shadow:inset 0 0 0 4px var(--surface), inset 0 0 0 6px var(--ok), 3px 4px 0 color-mix(in srgb, var(--text) 14%, transparent);border-radius:14px}html[data-skin=scrap] .vtile .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .vtile .av{background:var(--surface);border:2px solid var(--surface);border-radius:8px;padding:4px 4px 10px;transform:rotate(-2deg)}html[data-skin=scrap] .vname{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--r-pill);box-shadow:1.5px 2px 0 color-mix(in srgb, var(--text) 12%, transparent);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;max-width:100%;padding:4px 10px;font-size:12.5px;font-weight:800;line-height:1.2;display:inline-flex;overflow:hidden}html[data-skin=scrap] .vname .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .vname .ic{font-size:13px}html[data-skin=scrap] .cbtn{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-pill);min-width:48px;min-height:48px;color:var(--text);box-shadow:2px 2px 0 color-mix(in srgb, var(--text) 12%, transparent);justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:14px;font-weight:900;display:inline-flex}html[data-skin=scrap] .cbtn.leave{background:color-mix(in srgb, var(--away) 18%, var(--surface));border-color:color-mix(in srgb, var(--away) 55%, var(--line));color:var(--text)}html[data-skin=scrap] .chip:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .chip{background:var(--surface);border:1.5px solid var(--line);border-bottom:3px solid color-mix(in srgb, var(--text) 32%, var(--line));min-height:36px;color:var(--text);border-radius:8px 8px 3px 3px;align-items:center;padding:6px 13px;font-size:13.5px;font-weight:800;display:inline-flex;transform:rotate(-.6deg)}html[data-skin=scrap] .chip.is-on:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .chip.is-on{background:var(--surface-2);border-color:color-mix(in srgb, var(--text) 48%, transparent);color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text) 22%, transparent)}html[data-skin=scrap] .switch{align-items:center;min-width:48px;min-height:44px;display:inline-flex;position:relative}html[data-skin=scrap] .switch .gg-switch-track{border-radius:var(--r-pill);background:var(--surface-2);border:1.5px solid var(--line);width:48px;height:28px;box-shadow:inset 2px 2px 0 color-mix(in srgb, var(--text) 10%, transparent);flex:none;display:inline-block;position:relative}html[data-skin=scrap] .switch .gg-switch-track:after{content:"";background:var(--surface);border:1.5px solid var(--line);width:20px;height:20px;box-shadow:1.5px 2px 0 color-mix(in srgb, var(--text) 14%, transparent);border-radius:50%;position:absolute;top:3px;left:3px}html[data-skin=scrap] .gg-switch[aria-checked=true] .gg-switch-track{background:color-mix(in srgb, var(--brand) 42%, var(--surface-2));border-color:color-mix(in srgb, var(--brand-deep) 45%, var(--line))}html[data-skin=scrap] .gg-switch[aria-checked=true] .gg-switch-track:after{transform:translate(20px)rotate(-8deg)}html[data-skin=scrap] .modal:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .modal{border:1.5px solid var(--line);background:var(--surface);box-shadow:0 1px 2px color-mix(in srgb, var(--text) 10%, transparent), 4px 5px 0 color-mix(in srgb, var(--text) 10%, transparent);border-radius:16px;flex-direction:column;gap:10px;padding:28px 20px 18px;display:flex;position:relative;transform:rotate(-.4deg)}html[data-skin=scrap] .modal:not(:where([data-skin-preview] *)):before,html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .modal:before{content:"";background-color:color-mix(in srgb, var(--pop) 52%, var(--surface));opacity:.95;pointer-events:none;border-radius:2px;width:92px;height:20px;position:absolute;top:-11px;left:50%;transform:translate(-50%)rotate(-3deg)}html[data-skin=scrap] .modal-head:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .modal-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}html[data-skin=scrap] .modal-foot{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}html[data-skin=scrap] .toast{background:var(--text);color:var(--bg);min-height:44px;box-shadow:3px 3px 0 color-mix(in srgb, var(--text) 25%, transparent);border-radius:10px;align-self:start;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:800;display:inline-flex;transform:rotate(.5deg)}html[data-skin=scrap] .toast .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .toast .ic{font-size:15px}@media (max-width:720px){html[data-skin=scrap][data-skin=scrap] .gg-screen{flex:1;gap:12px;min-height:0}html[data-skin=scrap][data-skin=scrap] .gg-screen-home .card.create{flex:1 1 0;justify-content:space-between;gap:16px;min-height:0;padding:30px 20px 24px}html[data-skin=scrap][data-skin=scrap] .seat-row:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .seat-row{flex:1 1 0;place-content:center;align-items:center;gap:12px;min-height:0;padding:16px 0}html[data-skin=scrap][data-skin=scrap] .card.create .btn-primary.wide:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .card.create .btn-primary.wide{min-height:52px;font-size:15.5px}html[data-skin=scrap][data-skin=scrap] .card.join-card{flex:none;justify-content:center;padding:26px 18px 20px}html[data-skin=scrap][data-skin=scrap] .card.join-card .join{flex-direction:row}html[data-skin=scrap][data-skin=scrap] .card.join-card .input:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .card.join-card .input,html[data-skin=scrap][data-skin=scrap] .card.join-card .btn:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .card.join-card .btn{min-height:48px}html[data-skin=scrap][data-skin=scrap] .gg-screen-lobby .preview.self{flex:1 1 0;justify-content:center;min-height:0;padding:30px 18px 20px}html[data-skin=scrap][data-skin=scrap] .gg-screen-lobby .preview .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .gg-screen-lobby .preview .av{width:112px;height:112px}html[data-skin=scrap][data-skin=scrap] .gg-screen-lobby .btn-primary.wide:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .gg-screen-lobby .btn-primary.wide,html[data-skin=scrap][data-skin=scrap] .gg-screen-lobby .btn-secondary.wide:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .gg-screen-lobby .btn-secondary.wide{min-height:52px}html[data-skin=scrap][data-skin=scrap] .friend-list{flex-direction:column;flex:1 1 0;place-content:stretch;align-items:stretch;gap:14px;min-height:0;margin:0;padding:14px 0 2px;list-style:none;display:flex}html[data-skin=scrap][data-skin=scrap] .friend{text-align:left;flex:1 1 0;justify-content:center;align-items:center;gap:12px;min-height:102px;padding:22px 14px 16px;display:flex}html[data-skin=scrap][data-skin=scrap] .friend>div:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .friend>div{flex:1;min-width:0}html[data-skin=scrap][data-skin=scrap] .friend .av:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .friend .av{width:72px;height:72px}html[data-skin=scrap][data-skin=scrap] .friend b:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .friend b{font-size:16px}html[data-skin=scrap][data-skin=scrap] .friend .btn.small:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .friend .btn.small{flex:none;min-height:44px}}html[data-skin=scrap] .tabbar{background-color:var(--surface);background-image:repeating-linear-gradient(transparent 0 16px, color-mix(in srgb, var(--line) 55%, transparent) 16px 17px);border-top:2px solid var(--line);box-shadow:0 -2px 0 color-mix(in srgb, var(--text) 8%, transparent);border-radius:18px 18px 0 0;padding-top:8px;padding-bottom:4px;display:flex;position:relative}html[data-skin=scrap] .tabbar:before{content:"";background-image:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--pop) 72%, var(--surface)) 0 6px, color-mix(in srgb, var(--surface) 55%, var(--pop)) 6px 12px);opacity:.85;pointer-events:none;border-radius:2px;height:13px;position:absolute;top:-8px;left:12%;right:12%}html[data-skin=scrap] .tb{color:var(--muted);border:1.5px solid #0000;border-radius:12px 12px 0 0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:52px;padding:8px 10px 10px;font-size:12px;font-weight:800;display:flex}html[data-skin=scrap] .tb .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .tb .ic{font-size:17px}html[data-skin=scrap] .tb.is-active{color:var(--brand-deep);background:var(--brand-tint);border-color:color-mix(in srgb, var(--brand) 40%, var(--line));border-bottom-color:#0000}html[data-skin=scrap] .card.create:before,html[data-skin=scrap] .card.join-card:before,html[data-skin=scrap] .preview:before,html[data-skin=scrap] .card.squad-panel:before,html[data-skin=scrap] .friend:before,html[data-skin=scrap] .seat.filled:not(:where([data-skin-preview] *)):after,html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .seat.filled:after,html[data-skin=scrap] .pa:not(:where([data-skin-preview] *)):after,html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .pa:after,html[data-skin=scrap] .modal:not(:where([data-skin-preview] *)):before,html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .modal:before,html[data-skin=scrap] .nav:before,html[data-skin=scrap] .tabbar:before,html[data-skin=scrap] .card.tip:before{background-image:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--pop) 72%, var(--surface)) 0 5px, color-mix(in srgb, var(--surface) 55%, var(--pop)) 5px 10px)}@media (min-width:721px){html[data-skin=scrap][data-skin=scrap] .gg-screen-home .card.create:after{content:"";width:40px;height:14px;color:color-mix(in srgb, var(--text) 55%, transparent);opacity:.7;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 16' fill='none' stroke='currentColor' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 10c4-6 7 5 11-1s7 5 11-1 7 4 11 0'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;position:absolute;bottom:88px;right:16px}}html[data-skin=scrap] .input:focus:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .input:focus{outline:2px solid color-mix(in srgb, var(--brand) 55%, transparent);outline-offset:1px;border-color:color-mix(in srgb, var(--brand-deep) 45%, var(--line))}html[data-skin=scrap] :is(.btn,.tab,.tb,.icon-btn,.cbtn,.chip,.input):focus-visible:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] :is(.btn,.tab,.tb,.icon-btn,.cbtn,.chip,.input):focus-visible{outline:2.5px solid color-mix(in srgb, var(--brand) 72%, transparent);outline-offset:2px}html[data-skin=scrap][data-mode=dark] .card.create:before,html[data-skin=scrap][data-mode=dark] .card.join-card:before,html[data-skin=scrap][data-mode=dark] .preview.self:before,html[data-skin=scrap][data-mode=dark] .card.squad-panel:before,html[data-skin=scrap][data-mode=dark] .friend:before,html[data-skin=scrap][data-mode=dark] .seat.filled:not(:where([data-skin-preview] *)):after,html[data-skin][data-mode=dark] [data-skin-preview=scrap][data-skin-preview=scrap] .seat.filled:after,html[data-skin=scrap][data-mode=dark] .pa:not(:where([data-skin-preview] *)):after,html[data-skin][data-mode=dark] [data-skin-preview=scrap][data-skin-preview=scrap] .pa:after,html[data-skin=scrap][data-mode=dark] .modal:not(:where([data-skin-preview] *)):before,html[data-skin][data-mode=dark] [data-skin-preview=scrap][data-skin-preview=scrap] .modal:before,html[data-skin=scrap][data-mode=dark] .card.tip:before{background-color:color-mix(in srgb, var(--pop) 80%, var(--surface));background-image:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--pop) 82%, var(--surface)) 0 5px, color-mix(in srgb, var(--pop) 46%, var(--text)) 5px 10px);opacity:1}html[data-skin=scrap][data-mode=dark] .nav:before,html[data-skin=scrap][data-mode=dark] .tabbar:before{background-image:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--pop) 82%, var(--surface)) 0 6px, color-mix(in srgb, var(--pop) 46%, var(--text)) 6px 12px);opacity:1}html[data-skin=scrap][data-mode=dark] .eyebrow:not(:where([data-skin-preview] *)),html[data-skin][data-mode=dark] [data-skin-preview=scrap][data-skin-preview=scrap] .eyebrow,html[data-skin=scrap][data-mode=dark] .lede:not(:where([data-skin-preview] *)),html[data-skin][data-mode=dark] [data-skin-preview=scrap][data-skin-preview=scrap] .lede,html[data-skin=scrap][data-mode=dark] .hint:not(:where([data-skin-preview] *)),html[data-skin][data-mode=dark] [data-skin-preview=scrap][data-skin-preview=scrap] .hint,html[data-skin=scrap][data-mode=dark] .fine:not(:where([data-skin-preview] *)),html[data-skin][data-mode=dark] [data-skin-preview=scrap][data-skin-preview=scrap] .fine,html[data-skin=scrap][data-mode=dark] .muted:not(:where([data-skin-preview] *)),html[data-skin][data-mode=dark] [data-skin-preview=scrap][data-skin-preview=scrap] .muted,html[data-skin=scrap][data-mode=dark] .count,html[data-skin=scrap][data-mode=dark] .timer,html[data-skin=scrap][data-mode=dark] .friend small:not(:where([data-skin-preview] *)),html[data-skin][data-mode=dark] [data-skin-preview=scrap][data-skin-preview=scrap] .friend small,html[data-skin=scrap][data-mode=dark] .cam-off,html[data-skin=scrap][data-mode=dark] .seat.empty:not(:where([data-skin-preview] *)):after,html[data-skin][data-mode=dark] [data-skin-preview=scrap][data-skin-preview=scrap] .seat.empty:after,html[data-skin=scrap][data-mode=dark] .preview.invite span:not(:where([data-skin-preview] *)),html[data-skin][data-mode=dark] [data-skin-preview=scrap][data-skin-preview=scrap] .preview.invite span,html[data-skin=scrap][data-mode=dark] .preview.invite .ic:not(:where([data-skin-preview] *)),html[data-skin][data-mode=dark] [data-skin-preview=scrap][data-skin-preview=scrap] .preview.invite .ic{color:color-mix(in srgb, var(--muted) 42%, var(--text))}@media (prefers-reduced-motion:no-preference){html[data-skin=scrap] .card.create,html[data-skin=scrap] .card.join-card,html[data-skin=scrap] .card.tip,html[data-skin=scrap] .card.squad-panel,html[data-skin=scrap] .call-top,html[data-skin=scrap] .preview.self,html[data-skin=scrap] .preview.invite,html[data-skin=scrap] .friend,html[data-skin=scrap] .modal:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .modal,html[data-skin=scrap] .toast{animation:.3s cubic-bezier(.34,1.4,.64,1) both scrap-in}html[data-skin=scrap] .card.join-card,html[data-skin=scrap] .friend:nth-child(2){animation-delay:70ms}html[data-skin=scrap] .card.tip,html[data-skin=scrap] .friend:nth-child(3){animation-delay:.14s}html[data-skin=scrap] .friend:nth-child(4){animation-delay:.2s}html[data-skin=scrap] .btn:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .btn,html[data-skin=scrap] .tab,html[data-skin=scrap] .tb,html[data-skin=scrap] .icon-btn:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .icon-btn,html[data-skin=scrap] .chip:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .chip,html[data-skin=scrap] .cbtn,html[data-skin=scrap] .input:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .input,html[data-skin=scrap] .search,html[data-skin=scrap] .friend,html[data-skin=scrap] .seat.empty:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .seat.empty,html[data-skin=scrap] .card.create,html[data-skin=scrap] .switch .gg-switch-track:after{transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s,background-color .18s,border-color .18s,outline-color .15s}html[data-skin=scrap] .btn-primary:hover:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .btn-primary:hover,html[data-skin=scrap] .btn-secondary:hover:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .btn-secondary:hover,html[data-skin=scrap] .btn-danger:hover:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .btn-danger:hover{box-shadow:3.5px 4px 0 color-mix(in srgb, var(--text) 22%, transparent)}html[data-skin=scrap] .btn-ghost:hover:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .btn-ghost:hover{border-color:color-mix(in srgb, var(--text) 55%, transparent)}html[data-skin=scrap] .btn-primary:active:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .btn-primary:active,html[data-skin=scrap] .btn-secondary:active:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .btn-secondary:active,html[data-skin=scrap] .btn-ghost:active:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .btn-ghost:active,html[data-skin=scrap] .btn-danger:active:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .btn-danger:active{box-shadow:0 0 0 color-mix(in srgb, var(--text) 12%, transparent);transform:translateY(1px)scale(.98)}html[data-skin=scrap] .tab:hover,html[data-skin=scrap] .tb:hover{color:var(--text);border-color:color-mix(in srgb, var(--text) 35%, var(--line))}html[data-skin=scrap] .tab:active,html[data-skin=scrap] .tb:active{transform:translateY(1px)scale(.98)}html[data-skin=scrap] .icon-btn:hover:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .icon-btn:hover{background-color:var(--surface-2);box-shadow:2.5px 2.5px 0 color-mix(in srgb, var(--text) 16%, transparent)}html[data-skin=scrap] .icon-btn:active:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .icon-btn:active{box-shadow:0 0 0 color-mix(in srgb, var(--text) 12%, transparent);transform:translateY(1px)scale(.94)}html[data-skin=scrap] .chip:hover:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .chip:hover{border-color:color-mix(in srgb, var(--text) 45%, var(--line));box-shadow:1.5px 2px 0 color-mix(in srgb, var(--text) 12%, transparent)}html[data-skin=scrap] .chip:active:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .chip:active{transform:translateY(1px)scale(.97)}html[data-skin=scrap] .input:hover:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .input:hover{border-color:color-mix(in srgb, var(--text) 45%, var(--line))}html[data-skin=scrap] .search:focus-within{border-color:color-mix(in srgb, var(--brand-deep) 45%, var(--line));transform:translateY(-1px)}html[data-skin=scrap] .friend:hover{border-color:color-mix(in srgb, var(--text) 35%, var(--line));box-shadow:3px 4px 0 color-mix(in srgb, var(--text) 12%, transparent)}html[data-skin=scrap] .friend:active{transform:translateY(0)scale(.99)}html[data-skin=scrap] .seat.empty:not(:where([data-skin-preview] *)):before,html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .seat.empty:before{animation:4.2s ease-in-out infinite scrap-soft}html[data-skin=scrap] .seat.empty:hover:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .seat.empty:hover{border-color:color-mix(in srgb, var(--text) 48%, transparent);box-shadow:2px 3px 0 color-mix(in srgb, var(--text) 14%, transparent)}html[data-skin=scrap] .seat.empty:active:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .seat.empty:active{transform:scale(.96)}html[data-skin=scrap] .cbtn:hover{background-color:var(--surface-2);box-shadow:2.5px 2.5px 0 color-mix(in srgb, var(--text) 16%, transparent)}html[data-skin=scrap] .cbtn:active{box-shadow:0 0 0 color-mix(in srgb, var(--text) 12%, transparent);transform:translateY(1px)scale(.94)}html[data-skin=scrap] .card.create:hover{box-shadow:0 1px 2px color-mix(in srgb, var(--text) 10%, transparent), 4px 5px 0 color-mix(in srgb, var(--text) 14%, transparent)}html[data-skin=scrap] .preview.invite:hover{border-color:color-mix(in srgb, var(--text) 48%, transparent);box-shadow:2px 3px 0 color-mix(in srgb, var(--text) 14%, transparent)}html[data-skin=scrap] .pill.live .dot{border-radius:50%;animation:1.8s ease-in-out infinite scrap-dot}html[data-skin=scrap] .presence.on:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .presence.on{animation:1.8s ease-in-out infinite scrap-dot}html[data-skin=scrap] .vtile.speaking{animation:1.8s ease-in-out infinite scrap-ring}html[data-skin=scrap] .tab .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .tab .ic,html[data-skin=scrap] .tb .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .tb .ic,html[data-skin=scrap] .btn .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .btn .ic,html[data-skin=scrap] .icon-btn .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .icon-btn .ic,html[data-skin=scrap] .cbtn .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .cbtn .ic,html[data-skin=scrap] .tip-shuffle .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .tip-shuffle .ic{transition:transform .18s cubic-bezier(.34,1.56,.64,1)}html[data-skin=scrap] .tab:hover .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .tab:hover .ic,html[data-skin=scrap] .tb:hover .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .tb:hover .ic{transform:translateY(-2px)rotate(-5deg)}html[data-skin=scrap] .tab.is-active .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .tab.is-active .ic,html[data-skin=scrap] .tb.is-active .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .tb.is-active .ic{animation:.32s cubic-bezier(.34,1.56,.64,1) scrap-tab-pop}html[data-skin=scrap] .btn:hover .ic[data-i=arrow-right]:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .btn:hover .ic[data-i=arrow-right]{transform:translate(2px)}html[data-skin=scrap] .icon-btn:hover .ic[data-i=bell]:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .icon-btn:hover .ic[data-i=bell]{animation:.45s scrap-bell}html[data-skin=scrap] .cbtn:active .ic:not(:where([data-skin-preview] *)),html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .cbtn:active .ic{transform:scale(.86)}html[data-skin=scrap] .card.tip:has(.tip-ideas.is-shuffled) .tip-shuffle .ic:not(:where([data-skin-preview] *)){transform:rotate(180deg)}html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap] .card.tip:has(.tip-ideas.is-shuffled) .tip-shuffle .ic{transform:rotate(180deg)}html[data-skin=scrap] .tip-ideas.is-shuffled .tip-idea{animation:.28s cubic-bezier(.34,1.56,.64,1) both scrap-tip-pop}html[data-skin=scrap] .tip-ideas.is-shuffled .tip-idea:nth-child(2){animation-delay:60ms}html[data-skin=scrap] .tip-ideas.is-shuffled .tip-idea:nth-child(3){animation-delay:.12s}html[data-skin=scrap]::view-transition-old(gg-desk){animation:.32s both scrap-vt-out}html[data-skin=scrap]::view-transition-old(gg-phone){animation:.32s both scrap-vt-out}html[data-skin=scrap]::view-transition-new(gg-desk){animation:.32s both scrap-vt-in}html[data-skin=scrap]::view-transition-new(gg-phone){animation:.32s both scrap-vt-in}}
html[data-skin] .gg-header.nav{padding-top:env(safe-area-inset-top);z-index:60;position:relative}@media (max-width:600px){html[data-skin] .gg-main-nav.tabs{display:none}}html[data-skin] .gg-home-heading .page-head{flex:auto;min-width:0;max-width:100%}@media (max-width:720px){html[data-skin] .seat-row .seat:nth-child(4){display:none}html[data-skin] .card.tip .tip-shuffle{width:44px;height:44px;min-height:44px}}html:not([data-skin=paper])[data-palette=honey][data-mode=light] .btn-primary{background:#996500}html:not([data-skin=paper])[data-palette=lagoon][data-mode=light] .btn-primary{background:#0b7b6e}html[data-skin=play] .card.create .btn-primary{background:var(--pop)}html[data-skin=scrap] .hint,html[data-skin=scrap] .eyebrow,html[data-skin=scrap] .lede,html[data-skin=scrap] .fine{color:color-mix(in srgb, var(--muted) 85%, var(--text) 15%)}@media (max-width:720px){html[data-skin] .btn.small{min-width:44px;min-height:44px}}html[data-skin=play] .gg-app-root,html[data-skin=paper] .gg-app-root{background:0 0}html[data-skin=scrap] .tip-mark .ic{display:none}html[data-skin=paper] .gg-call-theme .pa{--sketch:none}html[data-skin=play][data-mode=dark] .card.create .card-title,html[data-skin=play][data-mode=dark] .card.create .hint,html[data-skin=play][data-mode=dark] .card.create .kicker{color:var(--text)}html[data-skin=play][data-mode=dark] .card.create .hint{color:color-mix(in srgb, var(--text) 82%, transparent)}html[data-skin=play][data-mode=dark] .card.create .btn-primary{color:var(--bg)}@media (min-width:721px){html[data-skin] .gg-mobile-nav.tabbar{display:none}}@media (max-width:720px){html[data-skin] .gg-mobile-nav.tabbar{z-index:50;position:fixed;bottom:0;left:0;right:0}html[data-skin] .gg-app-container{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}html[data-skin=scrap] .gg-home .page-head .title{font-family:var(--font-display)}html[data-skin] .gg-home .page-head .title{word-spacing:.05em}@media (max-width:720px){html[data-skin] .card.tip .tip-ideas{flex-wrap:wrap}html[data-skin] .card.tip .tip-idea{flex:0 auto}html[data-skin] .card.tip .tip-idea span{white-space:normal;text-overflow:clip;overflow:visible}html[data-skin=clay] .card.create .card-foot .hint{flex-basis:auto}}@media (min-width:721px){html[data-skin=paper] .gg-join-form .card-title{font-size:21px}html[data-skin=paper] .gg-join-form .hint{font-size:14.5px}html[data-skin] .gg-app-container:has(>.gg-screen-friends){flex-direction:column;display:flex}html[data-skin] .gg-screen-friends,html[data-skin] .gg-friends-main,html[data-skin] .gg-friends-main .friend-list{flex:auto;min-height:0}html[data-skin] .gg-lobby-root{flex-direction:column;display:flex}html[data-skin] .gg-lobby-root .lobby-grid{flex:auto;min-height:0}html[data-skin=paper] .gg-screen-friends .friend-list{grid-template-columns:1fr;grid-auto-rows:minmax(0,1fr)}}html[data-skin] .gg-lobby-root .preview-meta{color:#faf8f3;width:auto}@media (min-width:721px){html[data-skin] .gg-screen.gg-screen-friends .friend{flex-wrap:nowrap;height:auto}html[data-skin] .gg-friends-requests .friend-list,html[data-skin] .gg-friends-search .friend-list{grid-template-rows:none;grid-auto-rows:max-content}html[data-skin] .gg-friends-requests .friend,html[data-skin] .gg-friends-search .friend{align-self:start;height:auto}}@media (max-width:720px){html[data-skin] .gg-screen.gg-screen-friends .friend{flex-basis:auto}}@media (max-width:760px){html[data-skin] .gg-lobby-root .lobby-grid,html[data-skin] .gg-lobby-root .lobby-stage{grid-template-columns:minmax(0,1fr)}html[data-skin] .gg-lobby-root .lobby-stage .preview.self,html[data-skin] .gg-lobby-root .lobby-stage .preview.invite,html[data-skin] .gg-lobby-root .lobby-stage .lobby-controls{grid-area:auto}html[data-skin] .gg-lobby-root .lobby-stage .preview{aspect-ratio:auto;max-height:none}}html[data-skin] .preview.invite{background:var(--accent-soft);border:1.5px dashed var(--accent-line);color:var(--text)}html[data-skin=paper] .preview.invite{color:color-mix(in srgb, var(--muted) 42%, var(--text))}html[data-skin=play][data-mode=dark] .preview.invite{background-color:color-mix(in srgb, var(--pop) 40%, var(--surface))}html[data-skin] .gg-screen-friends .page-head .title,html[data-skin] .gg-screen-lobby .lobby-head .title{word-spacing:.05em}html[data-skin] .gg-call-theme .cbtn[data-cbtn-state=on]{background:var(--accent-soft)!important;color:var(--accent)!important}html[data-skin=play] .gg-call-theme .vname{background:var(--surface);color:var(--text)}html[data-skin=play] .gg-call-theme .cbtn.leave{color:var(--bg)}html[data-skin] .cbtn{outline:none}html[data-skin=scrap] .cbtn:focus-visible{outline:2.5px solid color-mix(in srgb, var(--brand) 72%, transparent);outline-offset:2px}html[data-skin][data-skin][data-skin] .gg-screen-friends{flex:none;min-height:min-content}html[data-skin][data-skin][data-skin] .gg-screen-friends :is(.gg-friends-main,.friend-list){flex:none;height:auto;min-height:min-content}html[data-skin][data-skin][data-skin] .gg-screen-friends .friend-list{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;align-content:start;gap:12px}html[data-skin][data-skin][data-skin] .gg-screen-friends .friend{text-align:left;flex:none;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;height:auto;min-height:76px;padding:14px 16px;display:grid;transform:none}html[data-skin][data-skin][data-skin] .gg-screen-friends .friend>div{align-items:start;width:auto;margin-top:0}html[data-skin][data-skin][data-skin] .gg-screen-friends .friend>.pa{width:44px;height:44px;min-height:0}html[data-skin][data-skin][data-skin] .gg-screen-friends .friend .pair{flex-direction:row;width:auto;margin-top:0}html[data-skin][data-skin][data-skin] .gg-screen-friends .friend .btn{width:auto}@media (max-width:480px){html[data-skin][data-skin][data-skin] .gg-screen-friends .friend{gap:10px;padding:12px}html[data-skin][data-skin][data-skin] .gg-screen-friends .friend .pair{grid-column:2/-1}}html[data-skin] .card.join-card.gg-join-quiet{gap:8px;padding:16px 18px 18px}html[data-skin] .card.join-card.gg-join-quiet .card-title{letter-spacing:-.01em;font-size:15.5px}html[data-skin=paper] .card.join-card.gg-join-quiet .card-title{font-size:17.5px}html[data-skin] .card.join-card.gg-join-quiet .hint{font-size:13px}html[data-skin=paper] .card.join-card.gg-join-quiet .hint{font-size:14.5px}html[data-skin] .card.join-card.gg-join-quiet .input{min-height:44px;font-size:14px}html[data-skin=paper] [data-skin-preview]:not([data-skin-preview=paper]) :is(.btn,.card,.card-title,.title,.tip-title,.chip,.badge,.input,.search,.code-box,.modal,.preview,.icon-btn,.pa,.seat,.kicker,.switch,.tip-idea){--sketch:none}html[data-skin] [data-skin-preview] .btn{font-family:var(--font-body)}html[data-skin=play][data-mode=dark] :is(.page-head .eyebrow,.kicker,.badge,.count,.call-top .timer,.chip.is-on,.tip-mark){color:var(--on-brand)}@media (max-width:720px){html[data-skin=play] .tip-idea{white-space:normal;flex:0 auto;min-width:0}html[data-skin=play] .tip-idea>span{white-space:normal;text-overflow:clip;overflow:visible}html[data-skin=play] .tip-idea:after{inset:0}}html[data-skin=play][data-palette=honey][data-mode=light] :is(.page-head .eyebrow,.kicker,.badge,.count,.call-top .timer,.chip.is-on,.tip-mark){color:var(--on-brand)}html[data-skin] .gg-landing>.nav{box-shadow:none;-webkit-backdrop-filter:none;border:0;border-bottom:1px solid var(--line);--sketch:none;background:0 0;border-radius:0;margin-inline:auto}html[data-skin] main.gg-landing>.card{align-content:start;align-self:center;height:auto}html[data-skin] main.gg-landing>.page-head{flex-direction:column;align-items:stretch;display:flex}html[data-skin] main.gg-landing>.page-head>a{align-self:flex-start}html[data-skin] .av{box-sizing:border-box}html[data-skin] .av>svg{display:block;width:100%!important;height:100%!important}html[data-skin]{--font-inter:var(--font-body);--font-space-grotesk:var(--font-display)}html[data-skin] [data-skin-preview][data-skin-preview][data-skin-preview][data-skin-preview] .gg-skin-sample>.pa{justify-self:start;width:fit-content;min-width:0;max-width:100%;height:auto;min-height:0}html[data-skin] [data-skin-preview][data-skin-preview][data-skin-preview][data-skin-preview] .gg-skin-sample>.pa .av{box-sizing:border-box}html[data-skin][data-skin][data-skin] .gg-app-root{height:100dvh;min-height:0}html[data-skin] .gg-header.nav{--nav-edge-height:20px;--nav-edge-fill:linear-gradient(to bottom, var(--bg), transparent);--nav-edge-shadow:none}html[data-skin] .gg-header.nav:after{content:"";height:var(--nav-edge-height);background:var(--nav-edge-fill);box-shadow:var(--nav-edge-shadow);pointer-events:none;position:absolute;top:100%;left:0;right:0}html[data-skin] .gg-app-main:not(.gg-app-main--calling){scroll-padding-top:32px}html[data-skin=clay] .gg-header.nav{--nav-edge-height:28px;--nav-edge-fill:linear-gradient(to bottom, var(--clay-page), color-mix(in srgb, var(--clay-page) 85%, transparent) 25%, transparent)}html[data-skin=play] .gg-header.nav{--nav-edge-height:2px;--nav-edge-fill:var(--pl-ink);--nav-edge-shadow:0 3px 0 color-mix(in srgb, var(--pl-ink) 10%, transparent)}html[data-skin=paper] .gg-header.nav{--nav-edge-height:1px;--nav-edge-fill:color-mix(in srgb, var(--text) 35%, var(--bg));--nav-edge-shadow:0 2px 3px color-mix(in srgb, var(--text) 8%, transparent)}html[data-skin=scrap] .gg-header.nav{--nav-edge-height:6px;--nav-edge-fill:linear-gradient(to bottom, var(--sb-page) 0 5px, var(--sb-rule) 5px);--nav-edge-shadow:0 3px 5px #00000014}html[data-skin=soft] .card-title.card-title:not(:where([data-skin-preview] *)){text-wrap:balance;max-width:32ch}
:is(html[data-skin=clay],html[data-skin] [data-skin-preview=clay]),html[data-skin=clay] .gg-call-theme{--clay-page:color-mix(in srgb, var(--brand) 5%, #f7f8fc);--clay-fill:color-mix(in srgb, var(--brand) 7%, #fff);--clay-fill-2:color-mix(in srgb, var(--brand) 11%, #f5f6fa);--clay-well:color-mix(in srgb, var(--brand) 7%, #edf0f5);--clay-shade:color-mix(in srgb, var(--brand-deep) 24%, transparent);--clay-shade-soft:color-mix(in srgb, var(--brand-deep) 16%, transparent);--clay-light:#fffffff2;--clay-rim:#ffffffb3;--clay-cta-ink:var(--on-brand);--clay-cta-fill:var(--brand);--text-muted:color-mix(in srgb, var(--text) 70%, var(--clay-fill));--text-dim:var(--text-muted);--clay-raised:inset 2px 3px 5px var(--clay-light), inset -4px -5px 9px var(--clay-shade-soft), 2px 5px 9px -4px var(--clay-shade), 5px 10px 20px -9px var(--clay-shade-soft);--clay-raised-lg:inset 2px 3px 6px var(--clay-light), inset 10px 12px 22px -8px var(--clay-light), inset -10px -12px 22px -8px var(--clay-shade-soft), 3px 6px 12px -6px var(--clay-shade), 8px 16px 30px -14px var(--clay-shade);--clay-small:inset 2px 3px 5px var(--clay-light), inset -2px -4px 6px var(--clay-shade-soft), 1px 4px 7px -3px var(--clay-shade);--clay-inset:inset 2px 3px 5px var(--clay-shade-soft), inset -2px -3px 5px var(--clay-light);--clay-pressed:inset 2px 3px 6px var(--clay-shade-soft), inset -2px -3px 5px var(--clay-light);--surface-grad-from:var(--clay-fill);--surface-grad-to:var(--clay-fill-2);--shadow-card:var(--clay-raised-lg);--radius-card:26px;--control-border:0}:is(html[data-skin=clay][data-mode=dark],html[data-skin][data-mode=dark] [data-skin-preview=clay]),:is(html[data-skin=clay],html[data-skin] [data-skin-preview=clay]) .gg-call-theme{--clay-page:color-mix(in srgb, var(--brand) 4%, #181b26);--clay-fill:color-mix(in srgb, var(--brand) 12%, #414457);--clay-fill-2:color-mix(in srgb, var(--brand) 14%, #3b3e50);--clay-well:color-mix(in srgb, var(--brand) 5%, #242838);--clay-shade:#00000073;--clay-shade-soft:#0000004d;--clay-light:#ffffff29;--clay-rim:#ffffff14;--text-muted:color-mix(in srgb, var(--text) 80%, var(--clay-fill));--text-dim:var(--text-muted)}:is(html[data-skin=clay][data-mode=light]:not([data-palette=honey]):not([data-palette=lagoon]),html[data-skin][data-mode=light]:not([data-palette=honey]):not([data-palette=lagoon]) [data-skin-preview=clay]){--clay-cta-fill:color-mix(in srgb, var(--brand) 90%, var(--brand-deep))}:is(html[data-skin=clay][data-palette=honey][data-mode=light],html[data-skin][data-palette=honey][data-mode=light] [data-skin-preview=clay]),:is(html[data-skin=clay][data-palette=lagoon][data-mode=light],html[data-skin][data-palette=lagoon][data-mode=light] [data-skin-preview=clay]){--clay-cta-ink:var(--text)}:is(html[data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) body,:is(html[data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) .gg-app-root{background:var(--clay-page)}html[data-skin=clay][data-skin=clay] .vtile{box-shadow:inset 0 1px 0 var(--clay-rim), inset 0 -2px 4px var(--clay-shade-soft)}html[data-skin=clay][data-skin=clay] .vtile.off{background:var(--clay-well)}html[data-skin=clay][data-skin=clay] .vtile.speaking{box-shadow:inset 0 0 0 2px var(--ok), inset 0 -2px 4px var(--clay-shade-soft)}:is(html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) .card:not(:where([data-skin-preview]:not([data-skin-preview=clay]) *)){background:linear-gradient(145deg, var(--clay-fill), var(--clay-fill-2));color:var(--text);box-shadow:var(--clay-raised-lg);border:0;border-radius:26px;outline:0}:is(html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) :is(.btn,.gg-btn):not(.btn-ghost):not(:where([data-skin-preview]:not([data-skin-preview=clay]) *)){--sq:1;background:linear-gradient(145deg, var(--clay-fill), var(--clay-fill-2));color:var(--text);box-shadow:var(--clay-raised);scale:1 var(--sq);border:0;border-radius:18px;outline:0;transition:scale .2s cubic-bezier(.2,.8,.3,1.5),translate .2s cubic-bezier(.2,.8,.3,1.5),box-shadow .2s,filter .2s}:is(html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) :is(.btn,.gg-btn).btn-primary:not(:where([data-skin-preview]:not([data-skin-preview=clay]) *)){background:var(--clay-cta-fill);color:var(--clay-cta-ink);box-shadow:inset 2px 3px 5px #ffffff3d, inset 5px 6px 12px -3px #ffffff2e, inset -4px -6px 10px #0000002e, 2px 5px 9px -4px var(--clay-shade), 5px 10px 18px -9px var(--clay-shade-soft)}:is(html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) :is(.btn,.gg-btn):not(:disabled):not(.btn-ghost):not(:where([data-skin-preview]:not([data-skin-preview=clay]) *)):hover{filter:brightness(1.03);translate:0 -2px}:is(html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) :is(.btn,.gg-btn):not(:disabled):not(.btn-ghost):not(:where([data-skin-preview]:not([data-skin-preview=clay]) *)):active{--sq:.94;box-shadow:var(--clay-pressed);translate:0 3px}:is(html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) :is(.btn,.gg-btn):disabled:not(:where([data-skin-preview]:not([data-skin-preview=clay]) *)){background:var(--clay-well);color:color-mix(in oklch, var(--text) 62%, var(--clay-well));box-shadow:inset 0 6px 10px -6px var(--clay-shade-soft), inset 0 -4px 8px -6px var(--clay-light);filter:none;translate:none}:is(html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) .btn-ghost:not(:where([data-skin-preview]:not([data-skin-preview=clay]) *)){box-shadow:none;background:0 0;border:0}:is(html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) .icon-btn:not(:where([data-skin-preview]:not([data-skin-preview=clay]) *)){background:var(--clay-fill-2);color:var(--text);box-shadow:var(--clay-raised);border:0;border-radius:16px;outline:0}:is(html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) .icon-btn :is(svg):not(:where([data-skin-preview]:not([data-skin-preview=clay]) *)){filter:none}:is(html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) :is(.input,input.input,.search):not(:where([data-skin-preview]:not([data-skin-preview=clay]) *)){background:var(--clay-well);box-shadow:var(--clay-inset);border:0;border-radius:20px;outline:0}:is(html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) :is(.input,.search):not(:where([data-skin-preview]:not([data-skin-preview=clay]) *)):focus-within,:is(html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) .input:not(:where([data-skin-preview]:not([data-skin-preview=clay]) *)):focus{box-shadow:inset 0 7px 12px -8px var(--clay-shade), inset 0 -6px 10px -9px var(--clay-light), 0 0 0 4px color-mix(in oklch, var(--brand) 40%, transparent)}:is(html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) :is(.chip,.badge):not(:where([data-skin-preview]:not([data-skin-preview=clay]) *)){background:var(--clay-fill-2);color:var(--text);box-shadow:var(--clay-small);border:0;border-radius:999px;outline:0}:is(html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) .count:not(:where([data-skin-preview]:not([data-skin-preview=clay]) *)){background:var(--clay-well);color:var(--text);box-shadow:inset 0 5px 8px -5px var(--clay-shade-soft), inset 0 -3px 6px -5px var(--clay-light);border:0;border-radius:999px}:is(html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) .av:not(:where([data-skin-preview]:not([data-skin-preview=clay]) *)){background:var(--clay-fill-2);box-shadow:var(--clay-raised);border:0;border-radius:50%;outline:0;padding:5px}:is(html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) .pa:not(:where([data-skin-preview]:not([data-skin-preview=clay]) *)){box-shadow:none;background:0 0;border:0;padding:0}:is(html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) .pa:not(:where([data-skin-preview]:not([data-skin-preview=clay]) *)):after{content:none}:is(html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) .presence.on:not(:where([data-skin-preview]:not([data-skin-preview=clay]) *)){box-shadow:0 0 0 3px var(--clay-fill), inset 0 -2px 3px #0003, inset 0 2px 2px #ffffff80;border:0}:is(html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) .gg-switch-track:not(:where([data-skin-preview]:not([data-skin-preview=clay]) *)){background:var(--clay-well);box-shadow:var(--clay-inset);border:0}:is(html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) .gg-switch[aria-checked=true] .gg-switch-track:not(:where([data-skin-preview]:not([data-skin-preview=clay]) *)){background:color-mix(in oklch, var(--brand) 55%, var(--clay-fill))}:is(html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) .gg-switch-track:not(:where([data-skin-preview]:not([data-skin-preview=clay]) *)):after{background:var(--clay-fill-2);box-shadow:0 6px 10px -5px var(--clay-shade), inset 0 -5px 8px -6px var(--clay-shade-soft), inset 0 6px 8px -5px var(--clay-light);border:0}:is(html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) .nav:not(:where([data-skin-preview]:not([data-skin-preview=clay]) *)){background:var(--clay-page);box-shadow:none;border:0}:is(html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) .tabs:not(:where([data-skin-preview]:not([data-skin-preview=clay]) *)){background:var(--clay-well);box-shadow:var(--clay-inset);border:0;border-radius:999px;padding:5px}:is(html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) :is(.tab,.tb):not(:where([data-skin-preview]:not([data-skin-preview=clay]) *)){box-shadow:none;background:0 0;border:0}:is(html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) .tab.is-active:not(:where([data-skin-preview]:not([data-skin-preview=clay]) *)){background:var(--clay-fill-2);box-shadow:var(--clay-small)}:is(html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) .tabbar:not(:where([data-skin-preview]:not([data-skin-preview=clay]) *)){background:var(--clay-fill);box-shadow:0 -14px 26px -18px var(--clay-shade), inset 0 14px 20px -12px var(--clay-light), inset 0 1px 0 var(--clay-rim);border:0}:is(html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) .tb.is-active:not(:where([data-skin-preview]:not([data-skin-preview=clay]) *)){color:var(--brand-deep)}:is(html[data-skin=clay][data-skin=clay][data-skin=clay][data-mode=dark][data-skin=clay],html[data-skin][data-mode=dark] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) .tb.is-active{color:var(--brand)}:is(html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) [data-testid=lobby-person]:not(:where([data-skin-preview]:not([data-skin-preview=clay]) *)){background:linear-gradient(145deg, var(--clay-fill), var(--clay-fill-2));box-shadow:var(--clay-raised-lg);border:0;border-radius:28px}:is(html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay],html[data-skin] [data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay][data-skin-preview=clay]) [aria-label=Squad\ members]>button:not(:where([data-skin-preview]:not([data-skin-preview=clay]) *)){background:var(--clay-well);box-shadow:var(--clay-inset);border:0}@media (prefers-reduced-motion:reduce){:is(html[data-skin=clay],html[data-skin] [data-skin-preview=clay]) :is(.btn,.gg-btn){transition:none}}html[data-skin=clay][data-skin=clay][data-skin=clay] :is(.btn,.gg-btn,.tab,.tb,.icon-btn) .ic{box-shadow:none;background:0 0;border:0;border-radius:0}html[data-skin=clay][data-skin=clay][data-skin=clay] :is(.gg-btn,.btn){font-weight:700}html[data-skin=clay][data-skin=clay][data-skin=clay] :is(h1,h2,h3){font-weight:550}html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay] :is(.btn,.gg-btn,.icon-btn):focus-visible{outline:3px solid var(--brand);outline-offset:4px}html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay] :is(#home-friends,#home-squads){font-size:24px;font-weight:550;line-height:1.2}html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay] :is(.cbtn,.logo){box-shadow:var(--clay-raised)}html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay] .cbtn:active{box-shadow:var(--clay-pressed)}html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay] .search{min-height:48px;padding:0}html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay] .search .input,html[data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay][data-skin=clay] .search .input:focus{box-shadow:none;border-radius:inherit;background:0 0;border:0;outline:0;min-height:48px;padding:12px 16px 12px 44px;font-size:16px}
:is(html[data-skin=scrap],html[data-skin] [data-skin-preview=scrap]),html[data-skin=scrap] .gg-call-theme{--sb-page:#faf8f1;--sb-rule:#628eab30;--sb-margin-rule:#cc696f52;--sb-margin:clamp(24px, 6vw, 88px);--sb-note:#fff0aa;--sb-note-pink:#f9dce5;--sb-note-mint:#deedcc;--sb-note-ink:#30382b;--sb-note-muted:#606650;--sb-photo-paper:#fffdf6;--sb-photo-ink:#30382b;--sb-photo-muted:#606650;--sb-paper:#fffefb;--sb-ink:#303a36;--sb-ink-2:#626c65;--sb-line:#303a3624;--sb-shadow:#2a251e21;--sb-tape:color-mix(in srgb, var(--brand) 28%, #fff4d6);--sb-cta-ink:var(--on-brand);--sb-highlight:#f6df79;--font-display:var(--font-caveat), "Caveat", cursive;--font-hand:var(--font-caveat), "Caveat", cursive;--font-pencil:var(--font-kalam), "Kalam", cursive;--surface-grad-from:var(--sb-paper);--surface-grad-to:var(--sb-paper);--radius-card:2px;--shadow-card:0 2px 3px var(--sb-shadow), 0 12px 24px -18px var(--sb-shadow);--control-border:0}:is(html[data-skin=scrap][data-mode=dark],html[data-mode=dark] [data-skin-preview=scrap]),html[data-skin=scrap] .gg-call-theme{--sb-page:#1d2423;--sb-rule:#87acb924;--sb-margin-rule:#da898c45;--sb-note:#484232;--sb-note-pink:#483640;--sb-note-mint:#34463d;--sb-note-ink:#f3ecdb;--sb-note-muted:#cec7b5;--sb-paper:#2b3430;--sb-highlight:#566148;--sb-ink:#f3f1e7;--sb-ink-2:#c0c6bc;--sb-line:#f3f1e724;--sb-shadow:#00000052;--sb-tape:color-mix(in srgb, var(--brand) 40%, #7b8e7f)}html[data-skin=scrap][data-skin=scrap][data-skin=scrap] :is(body,.gg-app-root){background:linear-gradient(90deg, transparent calc(var(--sb-margin) - 1px), var(--sb-margin-rule) calc(var(--sb-margin) - 1px) var(--sb-margin), transparent var(--sb-margin)), repeating-linear-gradient(to bottom, transparent 0 31px, var(--sb-rule) 31px 32px), var(--sb-page)}html[data-skin=scrap]{--sb-sheet-paper:var(--sb-paper);--sb-sheet-ink:var(--sb-ink);--sb-sheet-muted:var(--sb-ink-2)}html[data-skin=scrap] body:before{display:none}:is(html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap],html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap]) :is(.card,[data-testid=lobby-person]):not(:where([data-skin-preview]:not([data-skin-preview=scrap]) *)){--sb-ink:var(--sb-note-ink);--sb-ink-2:var(--sb-note-muted);--sb-line:#30382b24;--sb-paper:color-mix(in srgb, var(--sb-note) 88%, #fff);--surface-grad-from:color-mix(in srgb, var(--sb-note) 94%, var(--sb-note-ink));--surface-grad-to:var(--sb-note);--sb-highlight:color-mix(in srgb, var(--sb-note) 55%, #e9c54e);--bg:var(--sb-note);--surface:var(--sb-note);--surface-2:color-mix(in srgb, var(--sb-paper) 92%, var(--sb-ink));--text:var(--sb-ink);--text-body:var(--sb-ink);--text-muted:var(--sb-ink-2);--text-dim:var(--sb-ink-2);--muted:var(--sb-ink-2);--line:var(--sb-line);--border:var(--sb-line);isolation:isolate;background:linear-gradient(to bottom, color-mix(in srgb, var(--sb-note) 94%, var(--sb-note-ink)) 0 8px, var(--sb-note) 8px);color:var(--sb-ink);box-shadow:0 1px 2px var(--sb-shadow), 2px 10px 15px -10px var(--sb-shadow);border:0;border-radius:2px;position:relative;transform:rotate(0)}html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap] section.card[aria-labelledby]:before{content:none}html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap] section.card[aria-labelledby]:after{content:"";z-index:-1;pointer-events:none;background:0 0;border:0;border-radius:50%;width:70px;height:14px;position:absolute;bottom:2px;right:10px;rotate:-4deg;box-shadow:3px 8px 8px #2a251e29}html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap] section.card[aria-labelledby=home-squads]{--sb-note:var(--sb-note-pink)}html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap] :is(.card[role=region],[data-testid=lobby-person]){--sb-note:var(--sb-note-mint)}:is(html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap],html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap]) :is(#home-friends,#home-squads){font-family:var(--font-hand);letter-spacing:0;font-size:27px;font-weight:700;line-height:1.2;text-decoration:none}:is(html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap],html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap]) .card-title:not(:where([data-skin-preview]:not([data-skin-preview=scrap]) *)){padding-bottom:0;text-decoration:none}:is(html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap],html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap]) :is(.btn,.gg-btn):not(.btn-ghost):not(:where([data-skin-preview]:not([data-skin-preview=scrap]) *)){isolation:auto;background:var(--sb-paper);color:var(--sb-ink);border:1px solid var(--sb-line);box-shadow:1px 2px 0 var(--sb-line);font-family:var(--font-pencil);letter-spacing:0;border-radius:3px 7px 4px 6px;font-weight:700;transition:translate .12s,box-shadow .12s;position:relative;transform:none}:is(html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap],html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap]) :is(.btn,.gg-btn):not(:where([data-skin-preview]:not([data-skin-preview=scrap]) *)):before{content:none}:is(html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap],html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap]) :is(.btn,.gg-btn).btn-primary:not(:where([data-skin-preview]:not([data-skin-preview=scrap]) *)){background:var(--brand);color:var(--sb-cta-ink);box-shadow:0 2px 0 color-mix(in srgb, var(--brand-deep) 60%, transparent);border-color:#0000}html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap][data-mode=dark] :is(.btn,.gg-btn).btn-primary:not(:disabled):not(:where([data-skin-preview] *)),html[data-mode=dark] [data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap] :is(.btn,.gg-btn).btn-primary{background:color-mix(in srgb, var(--brand) 18%, var(--sb-paper));color:var(--sb-ink);border-color:color-mix(in srgb, var(--brand) 38%, var(--sb-paper))}html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap] .gg-btn.btn-primary:not(:disabled):not(:where([data-skin-preview] *)):after{content:"";background:var(--sb-tape);opacity:.55;pointer-events:none;width:28px;height:7px;position:absolute;top:-4px;right:10px;rotate:-3deg}:is(html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap],html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap]) :is(.btn,.gg-btn):not(:disabled):not(.btn-ghost):hover:not(:where([data-skin-preview]:not([data-skin-preview=scrap]) *)){box-shadow:0 3px 0 var(--sb-line);translate:0 -1px}:is(html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap],html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap]) :is(.btn,.gg-btn):not(:disabled):not(.btn-ghost):active:not(:where([data-skin-preview]:not([data-skin-preview=scrap]) *)){box-shadow:none;translate:0 2px}:is(html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap],html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap]) :is(.btn,.gg-btn):disabled:not(:where([data-skin-preview]:not([data-skin-preview=scrap]) *)){color:var(--sb-ink-2);border:1px dashed var(--sb-line);box-shadow:none;background:0 0}:is(html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap],html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap]) .icon-btn:not(:where([data-skin-preview]:not([data-skin-preview=scrap]) *)){background:var(--sb-paper);color:var(--sb-ink);border:1px solid var(--sb-line);box-shadow:0 2px 0 var(--sb-line);border-radius:10px}:is(html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap],html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap]) :is(.input,input.input,.search):not(:where([data-skin-preview]:not([data-skin-preview=scrap]) *)){background:color-mix(in srgb, var(--sb-paper) 96%, var(--sb-ink));color:var(--sb-ink);border:1px solid var(--sb-line);border-bottom:2px solid var(--sb-line);box-shadow:none;border-radius:5px}:is(html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap],html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap]) :is(.input,input.input,.search input)::placeholder{color:var(--sb-ink-2);opacity:1}:is(html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap],html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap]) :is(.chip,.badge,.count):not(:where([data-skin-preview]:not([data-skin-preview=scrap]) *)){border:1px solid var(--sb-line);background:color-mix(in srgb, var(--sb-tape) 25%, var(--sb-paper));color:var(--sb-ink);box-shadow:none;border-radius:4px;padding-inline:9px;rotate:none;-webkit-mask:none;mask:none}:is(html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap],html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap]) .av:not(:where([data-skin-preview]:not([data-skin-preview=scrap]) *)){border:3px solid var(--sb-photo-paper);background:var(--sb-photo-paper);box-shadow:0 1px 2px var(--sb-shadow), 0 0 0 1px var(--sb-line);filter:none;border-bottom-width:6px;border-radius:2px;outline:0;padding:0;rotate:-2deg;-webkit-mask:none;mask:none}:is(html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap],html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap]) .av>svg{border-radius:0}:is(html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap],html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap]) .pa:not(:where([data-skin-preview]:not([data-skin-preview=scrap]) *)){box-shadow:none;background:0 0;border:0;padding:0}:is(html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap],html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap]) .pa:after{content:none}:is(html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap],html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap]) [data-testid=lobby-person] .av{border-width:4px 4px 9px;padding:0}:is(html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap],html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap]) :is(.nav,.tabbar):not(:where([data-skin-preview]:not([data-skin-preview=scrap]) *)){background:var(--sb-page);color:var(--sb-ink);border:0;border-bottom:1px solid var(--sb-line);box-shadow:none}:is(html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap],html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap]) :is(.nav,.tabbar):before{content:none}:is(html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap],html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap]) :is(.tabs,.tab,.tb):not(:where([data-skin-preview]:not([data-skin-preview=scrap]) *)){box-shadow:none;color:var(--sb-ink-2);background:0 0;border:0}:is(html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap],html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap]) .tab.is-active:not(:where([data-skin-preview]:not([data-skin-preview=scrap]) *)){background:linear-gradient(176deg, transparent 30%, var(--sb-highlight) 31% 78%, transparent 79%);color:var(--sb-ink);box-shadow:none;border:0;border-radius:0}:is(html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap],html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap]) .tb.is-active:not(:where([data-skin-preview]:not([data-skin-preview=scrap]) *)){color:var(--sb-ink);background:linear-gradient(176deg, transparent 35%, var(--sb-highlight) 36% 86%, transparent 87%)}:is(html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap],html[data-skin] [data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap][data-skin-preview=scrap]) .card :is(a,.link){color:var(--sb-ink)}@media (prefers-reduced-motion:reduce){html[data-skin=scrap] :is(.btn,.gg-btn){transition:none}}html[data-skin=scrap][data-skin=scrap][data-skin=scrap] .card .link{text-underline-offset:3px;font-weight:650;text-decoration:underline;text-decoration-thickness:1px}html[data-skin=scrap][data-mode=light]:is([data-palette=honey],[data-palette=lagoon]),html[data-mode=light]:is([data-palette=honey],[data-palette=lagoon]) [data-skin-preview=scrap]{--sb-cta-ink:#16201b}html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap] :is(.btn,.gg-btn,.icon-btn):focus-visible{outline:3px solid var(--brand);outline-offset:4px}html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap] main :is(h1,h2):not(:where(.gg-call-theme *,[data-skin-preview] *)){width:fit-content;max-width:100%;font-family:var(--font-hand);letter-spacing:0;background:linear-gradient(177deg, transparent 58%, var(--sb-highlight) 59% 89%, transparent 90%);-webkit-box-decoration-break:clone;box-decoration-break:clone}html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap] :is(.tab,.tb,.card-title):not(:where([data-skin-preview]:not([data-skin-preview=scrap]) *)){font-family:var(--font-pencil);letter-spacing:0;font-weight:400}html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap] .gg-squad-card[data-note-tone="1"]{--sb-note:var(--sb-note-pink)}html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap] .gg-squad-card[data-note-tone="2"]{--sb-note:var(--sb-note-mint)}html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap] .gg-squad-cover:not([style]){background:linear-gradient(to bottom, color-mix(in srgb, var(--sb-note) 94%, var(--sb-note-ink)) 0 8px, transparent 8px);height:66px}html[data-skin=scrap][data-skin=scrap][data-skin=scrap][data-skin=scrap] .gg-squad-preview{color:var(--sb-ink);text-underline-offset:3px;text-decoration:underline}
:is(html[data-skin=play],html[data-skin] [data-skin-preview=play]){--pl-page:color-mix(in srgb, var(--bg) 93%, var(--pop,var(--accent)) 7%);--pl-paper:var(--surface);--pl-ink:#1b1320;--pl-shadow:#1b1320;--pl-pop:var(--pop,#ffb020);--pl-pop-ink:#1b1320;--pl-cta-ink:var(--on-brand);--pl-well:color-mix(in srgb, var(--surface) 85%, var(--pop,var(--accent)) 15%);--radius-card:18px;--surface-grad-from:var(--pl-paper);--surface-grad-to:var(--pl-paper);--control-border:2px solid var(--pl-ink);--shadow-card:3px 3px 0 var(--pl-shadow)}:is(html[data-skin=play][data-mode=dark],html[data-skin][data-mode=dark] [data-skin-preview=play]),:is(html[data-skin=play],html[data-skin] [data-skin-preview=play]) .gg-call-theme{--pl-page:color-mix(in srgb, #121014 92%, var(--brand) 8%);--pl-paper:#1f1b24;--pl-ink:#fff6e5;--pl-shadow:#9a938e;--pl-well:#17141b}:is(html[data-skin=play][data-palette=honey][data-mode=light],html[data-skin][data-palette=honey][data-mode=light] [data-skin-preview=play]),:is(html[data-skin=play][data-palette=lagoon][data-mode=light],html[data-skin][data-palette=lagoon][data-mode=light] [data-skin-preview=play]){--pl-cta-ink:#1b1320}:is(html[data-skin=play][data-skin=play][data-skin=play],html[data-skin] [data-skin-preview=play][data-skin-preview=play][data-skin-preview=play]) :is(body,.gg-app-root){background:var(--pl-page)}:is(html[data-skin=play][data-skin=play][data-skin=play][data-skin=play],html[data-skin] [data-skin-preview=play][data-skin-preview=play][data-skin-preview=play][data-skin-preview=play]) .card:not(:where([data-skin-preview]:not([data-skin-preview=play]) *)){background:var(--pl-paper);color:var(--pl-ink);border:2px solid var(--pl-ink);box-shadow:3px 3px 0 var(--pl-shadow);border-radius:18px;rotate:none}:is(html[data-skin=play][data-skin=play][data-skin=play][data-skin=play],html[data-skin] [data-skin-preview=play][data-skin-preview=play][data-skin-preview=play][data-skin-preview=play]) :is(.btn,.gg-btn):not(.btn-ghost):not(:where([data-skin-preview]:not([data-skin-preview=play]) *)){border:2px solid var(--pl-ink);background:var(--pl-paper);color:var(--pl-ink);box-shadow:3px 3px 0 var(--pl-shadow);border-radius:12px;transition:translate 80ms,box-shadow 80ms;rotate:none}:is(html[data-skin=play][data-skin=play][data-skin=play][data-skin=play],html[data-skin] [data-skin-preview=play][data-skin-preview=play][data-skin-preview=play][data-skin-preview=play]) :is(.btn,.gg-btn).btn-primary:not(:where([data-skin-preview]:not([data-skin-preview=play]) *)){background:var(--brand);color:var(--pl-cta-ink)}:is(html[data-skin=play][data-skin=play][data-skin=play][data-skin=play],html[data-skin] [data-skin-preview=play][data-skin-preview=play][data-skin-preview=play][data-skin-preview=play]) :is(.btn,.gg-btn):not(:disabled):not(.btn-ghost):not(:where([data-skin-preview]:not([data-skin-preview=play]) *)):hover{box-shadow:4px 4px 0 var(--pl-shadow);translate:-1px -1px}:is(html[data-skin=play][data-skin=play][data-skin=play][data-skin=play],html[data-skin] [data-skin-preview=play][data-skin-preview=play][data-skin-preview=play][data-skin-preview=play]) :is(.btn,.gg-btn):not(:disabled):not(.btn-ghost):not(:where([data-skin-preview]:not([data-skin-preview=play]) *)):active{box-shadow:0 0 0 var(--pl-shadow);translate:3px 3px}:is(html[data-skin=play][data-skin=play][data-skin=play][data-skin=play],html[data-skin] [data-skin-preview=play][data-skin-preview=play][data-skin-preview=play][data-skin-preview=play]) :is(.btn,.gg-btn):disabled:not(:where([data-skin-preview]:not([data-skin-preview=play]) *)){box-shadow:none;border-style:dashed}:is(html[data-skin=play][data-skin=play][data-skin=play][data-skin=play],html[data-skin] [data-skin-preview=play][data-skin-preview=play][data-skin-preview=play][data-skin-preview=play]) .icon-btn:not(:where([data-skin-preview]:not([data-skin-preview=play]) *)){border:2px solid var(--pl-ink);background:var(--pl-paper);color:var(--pl-ink);box-shadow:3px 3px 0 var(--pl-shadow);border-radius:12px}:is(html[data-skin=play],html[data-skin] [data-skin-preview=play]) :is(.btn,.gg-btn,.icon-btn):focus-visible{outline:3px solid var(--pl-pop);outline-offset:3px}:is(html[data-skin=play][data-skin=play][data-skin=play][data-skin=play],html[data-skin] [data-skin-preview=play][data-skin-preview=play][data-skin-preview=play][data-skin-preview=play]) :is(.input,input.input,.search):not(:where([data-skin-preview]:not([data-skin-preview=play]) *)){border:2px solid var(--pl-ink);background:var(--pl-paper);color:var(--pl-ink);box-shadow:none;border-radius:12px}:is(html[data-skin=play],html[data-skin] [data-skin-preview=play]) :is(.input,.search input,input.input)::placeholder{color:color-mix(in srgb, var(--pl-ink) 62%, var(--pl-paper));opacity:1}:is(html[data-skin=play][data-skin=play][data-skin=play][data-skin=play],html[data-skin] [data-skin-preview=play][data-skin-preview=play][data-skin-preview=play][data-skin-preview=play]) :is(.chip,.badge):not(:where([data-skin-preview]:not([data-skin-preview=play]) *)){border:2.5px solid var(--pl-ink);background:var(--pl-pop);color:var(--pl-pop-ink);box-shadow:2px 2px 0 var(--pl-shadow);border-radius:999px;rotate:-3deg}:is(html[data-skin=play][data-skin=play][data-skin=play][data-skin=play],html[data-skin] [data-skin-preview=play][data-skin-preview=play][data-skin-preview=play][data-skin-preview=play]) .count:not(:where([data-skin-preview]:not([data-skin-preview=play]) *)){border:2.5px solid var(--pl-ink);background:var(--pl-paper);color:var(--pl-ink);box-shadow:2px 2px 0 var(--pl-shadow);border-radius:999px;rotate:none}:is(html[data-skin=play][data-skin=play][data-skin=play][data-skin=play],html[data-skin] [data-skin-preview=play][data-skin-preview=play][data-skin-preview=play][data-skin-preview=play]) .av:not(:where([data-skin-preview]:not([data-skin-preview=play]) *)){border:2px solid var(--pl-ink);background:var(--pl-pop);box-shadow:2px 2px 0 var(--pl-shadow);border-radius:50%;outline:0;padding:0;rotate:-4deg}:is(html[data-skin=play],html[data-skin] [data-skin-preview=play]) li:nth-child(2n) .av:not(:where([data-skin-preview]:not([data-skin-preview=play]) *)){rotate:3deg}:is(html[data-skin=play][data-skin=play][data-skin=play][data-skin=play],html[data-skin] [data-skin-preview=play][data-skin-preview=play][data-skin-preview=play][data-skin-preview=play]) .pa:not(:where([data-skin-preview]:not([data-skin-preview=play]) *)){box-shadow:none;background:0 0;border:0;padding:0}:is(html[data-skin=play][data-skin=play][data-skin=play][data-skin=play],html[data-skin] [data-skin-preview=play][data-skin-preview=play][data-skin-preview=play][data-skin-preview=play]) .presence.on:not(:where([data-skin-preview]:not([data-skin-preview=play]) *)){border:2.5px solid var(--pl-ink);box-shadow:none;background:#3ddc84}:is(html[data-skin=play][data-skin=play][data-skin=play][data-skin=play],html[data-skin] [data-skin-preview=play][data-skin-preview=play][data-skin-preview=play][data-skin-preview=play]) [data-testid=lobby-person]{border:2px solid var(--pl-ink);background:color-mix(in srgb, var(--brand) 22%, var(--pl-paper));box-shadow:3px 3px 0 var(--pl-shadow);border-radius:20px}:is(html[data-skin=play][data-skin=play][data-skin=play][data-skin=play],html[data-skin] [data-skin-preview=play][data-skin-preview=play][data-skin-preview=play][data-skin-preview=play]) [aria-label=Squad\ members]>button{border:2px dashed var(--pl-ink);color:var(--pl-ink);background:0 0;border-radius:20px}@media (prefers-reduced-motion:reduce){:is(html[data-skin=play],html[data-skin] [data-skin-preview=play]) :is(.btn,.gg-btn){transition:none}}:is(html[data-skin=play][data-skin=play][data-skin=play][data-skin=play],html[data-skin] [data-skin-preview=play][data-skin-preview=play][data-skin-preview=play][data-skin-preview=play]) form.join:not(:where([data-skin-preview]:not([data-skin-preview=play]) *)){box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}html[data-skin=play][data-skin=play][data-skin=play] .tab:not(.is-active){box-shadow:none;background:0 0;border-color:#0000}:is(html[data-skin=play][data-skin=play][data-skin=play][data-skin=play],html[data-skin] [data-skin-preview=play][data-skin-preview=play][data-skin-preview=play][data-skin-preview=play]) :is(section.card[aria-labelledby=home-friends],.gg-skin-sample):not(:where([data-skin-preview]:not([data-skin-preview=play]) *)){background:color-mix(in srgb, var(--pl-pop) 10%, var(--pl-paper))}html[data-skin=play][data-skin=play][data-skin=play][data-skin=play] :is(#home-friends,#home-squads){font-size:23px;font-weight:650;line-height:1.2}
:is(html[data-skin=paper],html[data-skin] [data-skin-preview=paper]){--font-body:var(--font-nunito), "Nunito", system-ui, sans-serif;--font-display:var(--font-kalam), "Kalam", cursive;--bg:#faf9f4;--surface:#fffef9;--surface-2:#f2f0e7;--radius-card:10px;--surface-grad-from:var(--surface);--surface-grad-to:var(--surface);--control-border:1px solid var(--line);--shadow-card:none}:is(html[data-skin=paper][data-mode=dark],html[data-skin][data-mode=dark] [data-skin-preview=paper]),:is(html[data-skin=paper],html[data-skin] [data-skin-preview=paper]) .gg-call-theme{--bg:#171a1c;--surface:#22272a;--surface-2:#2a3033;--text:#f1efe6;--text-body:#e4e1d6;--text-muted:#b9b6ac;--muted:#b9b6ac;--line:#4a5156}:is(html[data-skin=paper][data-skin=paper][data-skin=paper],html[data-skin] [data-skin-preview=paper][data-skin-preview=paper][data-skin-preview=paper]) :is(p,li,small,b,span,label,input,.hint,.muted):not(:where([data-skin-preview]:not([data-skin-preview=paper]) *)){font-style:normal}:is(html[data-skin=paper][data-skin=paper][data-skin=paper],html[data-skin] [data-skin-preview=paper][data-skin-preview=paper][data-skin-preview=paper]) :is(input,.input,.search input):not(:where([data-skin-preview]:not([data-skin-preview=paper]) *)){font-family:var(--font-body)}:is(html[data-skin=paper][data-skin=paper][data-skin=paper][data-skin=paper],html[data-skin] [data-skin-preview=paper][data-skin-preview=paper][data-skin-preview=paper][data-skin-preview=paper]) :is(.input,input.input):not(:where([data-skin-preview]:not([data-skin-preview=paper]) *)){border:0;border-bottom:2px solid color-mix(in srgb, var(--text) 70%, transparent);box-shadow:none;background:0 0;border-radius:0}:is(html[data-skin=paper],html[data-skin] [data-skin-preview=paper]) :is(.input,input.input)::placeholder{color:var(--text-muted);opacity:1}:is(html[data-skin=paper][data-mode=dark],html[data-skin][data-mode=dark] [data-skin-preview=paper]) :is(.card,.nav,.tabbar):not(:where([data-skin-preview]:not([data-skin-preview=paper]) *)){--sketch-fill:var(--surface);--sketch-stroke:#f1efe6}:is(html[data-skin=paper][data-skin=paper][data-skin=paper][data-skin=paper],html[data-skin] [data-skin-preview=paper][data-skin-preview=paper][data-skin-preview=paper][data-skin-preview=paper]) .card:not(:where([data-skin-preview]:not([data-skin-preview=paper]) *)){--sketch-fill:var(--surface);--sketch-roughness:.7;--sketch-bowing:.6;--sketch-stroke-width:1.2;--sketch-stroke:color-mix(in srgb, var(--text) 72%, transparent)}html[data-skin=paper][data-skin=paper][data-skin=paper] :is(.btn,.gg-btn){--sketch-roughness:.8;--sketch-bowing:.6;--sketch-stroke-width:1.3}html[data-skin=paper][data-skin=paper] h2{font-size:22px}:is(html[data-skin=paper][data-skin=paper][data-skin=paper][data-skin=paper],html[data-skin] [data-skin-preview=paper][data-skin-preview=paper][data-skin-preview=paper][data-skin-preview=paper]) :is(.btn,.gg-btn).btn-primary:not(:where([data-skin-preview]:not([data-skin-preview=paper]) *)){--sketch-fill:color-mix(in srgb, var(--brand) 22%, var(--surface));--sketch-fill-style:solid;--sketch-stroke:color-mix(in srgb, var(--brand) 35%, var(--text));color:var(--text)}:is(html[data-skin=paper][data-skin=paper][data-skin=paper][data-skin=paper],html[data-skin] [data-skin-preview=paper][data-skin-preview=paper][data-skin-preview=paper][data-skin-preview=paper]) .card-title:not(:where([data-skin-preview]:not([data-skin-preview=paper]) *)){--sketch-stroke-width:1.5;--sketch-roughness:.7;--sketch-bowing:.7}html[data-skin=paper][data-skin=paper][data-skin=paper][data-skin=paper] :is(#home-friends,#home-squads){font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1.2}html[data-skin=paper][data-skin=paper][data-skin=paper][data-skin=paper] :is(.tab,.tb).is-active{--sketch:none;text-decoration:underline;-webkit-text-decoration-color:var(--brand);text-decoration-color:var(--brand);text-underline-offset:6px;text-decoration-thickness:1.5px}html[data-skin=paper][data-skin=paper] .gg-modal{background:var(--surface);--sketch-fill:var(--surface)}
html[data-skin=soft],[data-skin-preview=soft]{--sd-glass:color-mix(in srgb, var(--surface) 84%, transparent);--sd-glass-strong:color-mix(in srgb, var(--surface) 92%, transparent);--sd-rim:#ffffffb3;--sd-edge:color-mix(in srgb, var(--text) 8%, transparent);--sd-shadow:color-mix(in srgb, var(--brand-deep) 18%, transparent);--sd-blob-a:color-mix(in srgb, var(--brand) 14%, transparent);--sd-blob-b:color-mix(in srgb, var(--pop,var(--accent)) 10%, transparent);--radius-card:22px;--surface-grad-from:var(--sd-glass-strong);--surface-grad-to:var(--sd-glass);--control-border:1px solid var(--sd-edge);--shadow-card:inset 0 1px 0 var(--sd-rim), 0 18px 40px -22px var(--sd-shadow)}html[data-skin=soft][data-mode=dark],html[data-mode=dark] [data-skin-preview=soft],html[data-skin=soft] .gg-call-theme{--sd-glass:color-mix(in srgb, var(--surface-2) 86%, transparent);--sd-glass-strong:color-mix(in srgb, var(--surface-2) 94%, transparent);--sd-rim:#ffffff12;--sd-edge:#ffffff14;--sd-shadow:#00000080;--sd-blob-a:color-mix(in srgb, var(--brand) 12%, transparent);--sd-blob-b:color-mix(in srgb, var(--pop,var(--accent)) 8%, transparent)}html[data-skin=soft][data-skin=soft][data-skin=soft] body{background:radial-gradient(38rem 30rem at 12% 18%, var(--sd-blob-a), transparent 70%), radial-gradient(34rem 28rem at 88% 72%, var(--sd-blob-b), transparent 70%), var(--bg);background-attachment:fixed}html[data-skin=soft] body:before{display:none}html[data-skin=soft][data-skin=soft] .gg-app-root{background:0 0}html[data-skin=soft][data-skin=soft][data-skin=soft][data-skin=soft] .card:not(:where([data-skin-preview] *)),[data-skin-preview=soft][data-skin-preview=soft][data-skin-preview=soft][data-skin-preview=soft] .card{background:var(--sd-glass);color:var(--text);-webkit-backdrop-filter:blur(22px)saturate(1.5);backdrop-filter:blur(22px)saturate(1.5);border:1px solid var(--sd-edge);box-shadow:inset 0 1px 0 var(--sd-rim), 0 18px 40px -22px var(--sd-shadow);border-radius:22px}html[data-skin=soft][data-skin=soft][data-skin=soft][data-skin=soft] :is(.btn,.gg-btn):not(.btn-ghost):not(.btn-primary):not(:where([data-skin-preview] *)),[data-skin-preview=soft][data-skin-preview=soft][data-skin-preview=soft][data-skin-preview=soft] :is(.btn,.gg-btn):not(.btn-ghost):not(.btn-primary){background:var(--sd-glass-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--sd-edge);box-shadow:inset 0 1px 0 var(--sd-rim)}html[data-skin=soft][data-skin=soft][data-skin=soft][data-skin=soft] :is(.btn,.gg-btn).btn-primary:not(:where([data-skin-preview] *)),[data-skin-preview=soft][data-skin-preview=soft][data-skin-preview=soft][data-skin-preview=soft] :is(.btn,.gg-btn).btn-primary{box-shadow:inset 0 1px 0 #ffffff59, 0 10px 22px -10px color-mix(in srgb, var(--brand) 24%, transparent)}html[data-skin=soft][data-skin=soft][data-skin=soft][data-skin=soft] :is(.input,input.input,.search):not(:where([data-skin-preview] *)),[data-skin-preview=soft][data-skin-preview=soft][data-skin-preview=soft][data-skin-preview=soft] :is(.input,input.input,.search){background:color-mix(in srgb, var(--surface) 55%, transparent);border:1px solid var(--sd-edge);box-shadow:inset 0 1px 3px color-mix(in srgb, var(--text) 10%, transparent)}html[data-skin=soft][data-skin=soft][data-skin=soft][data-skin=soft] .search .input:not(:where([data-skin-preview] *)),[data-skin-preview=soft][data-skin-preview=soft][data-skin-preview=soft][data-skin-preview=soft] .search .input{box-shadow:none;background:0 0;border-color:#0000}html[data-skin=soft][data-skin=soft][data-skin=soft][data-skin=soft] :is(.nav,.tabbar):not(:where([data-skin-preview] *)),[data-skin-preview=soft][data-skin-preview=soft][data-skin-preview=soft][data-skin-preview=soft] :is(.nav,.tabbar){background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);border-color:var(--sd-edge)}html[data-skin=soft][data-skin=soft][data-skin=soft][data-skin=soft] form.join .input:not(:where([data-skin-preview] *)),[data-skin-preview=soft][data-skin-preview=soft][data-skin-preview=soft][data-skin-preview=soft] form.join .input{box-shadow:none;background:0 0;border:0}html[data-skin=soft][data-skin=soft][data-skin=soft][data-skin=soft] :is(#home-friends,#home-squads){letter-spacing:-.025em;font-size:22px;font-weight:550;line-height:1.2}html[data-skin=soft][data-skin=soft][data-skin=soft][data-skin=soft] :is(.tabs,form.join){box-shadow:none;background:0 0;border:0;padding:0}html[data-skin=soft][data-skin=soft][data-skin=soft][data-skin=soft] form.join .input{background:var(--sd-glass-strong);border:1px solid var(--sd-edge);box-shadow:none;border-radius:12px}