@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/hub-assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/hub-assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/hub-assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/hub-assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/hub-assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/hub-assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/hub-assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/hub-assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/hub-assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/hub-assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--sait:var(--discord-safe-area-inset-top,env(safe-area-inset-top,0px));--saib:var(--discord-safe-area-inset-bottom,env(safe-area-inset-bottom,0px));--sail:var(--discord-safe-area-inset-left,env(safe-area-inset-left,0px));--sair:var(--discord-safe-area-inset-right,env(safe-area-inset-right,0px));--bg:#0c0a12;--bg-2:#120f1b;--surface:#181423;--surface-2:#211b30;--surface-3:#2a2340;--line:#ffffff14;--line-strong:#ffffff29;--text:#f4f0fb;--muted:#f4f0fba8;--faint:#f4f0fb8f;--gold:#f6c453;--gold-deep:#d18b1f;--gold-soft:#f6c45324;--live:#3ddc84;--danger:#ff6b6b;--radius-lg:22px;--radius:16px;--radius-sm:11px;--shadow:0 18px 50px #00000073;--display:"Bricolage Grotesque Variable", "Inter Variable", system-ui, sans-serif;--body:"Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font:15px/1.45 var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}body{background:radial-gradient(1200px 600px at 12% -10%, #8f6bff29, transparent 60%), radial-gradient(900px 520px at 100% 0%, #f6c4531a, transparent 55%), var(--bg);overflow:hidden}button{font:inherit;color:inherit}img{max-width:100%;display:block}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#app{position:fixed;inset:0}.lobby{padding:calc(var(--sait) + 18px) calc(var(--sair) + clamp(16px, 3vw, 36px)) calc(var(--saib) + 48px) calc(var(--sail) + clamp(16px, 3vw, 36px));scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;position:absolute;inset:0;overflow:hidden auto}.lobby[hidden]{display:none}.topbar{align-items:center;gap:16px;max-width:1320px;margin:0 auto 22px;display:flex}.brand{align-items:center;gap:12px;min-width:0;margin-right:auto;display:flex}.brand-mark{filter:drop-shadow(0 6px 14px #f6c45347);flex:none;width:44px;height:44px}.brand-name{font:800 22px/1 var(--display);letter-spacing:-.01em;white-space:nowrap}.brand-name span{background:linear-gradient(120deg, #ffe7a6, var(--gold) 45%, var(--gold-deep));color:#0000;-webkit-background-clip:text;background-clip:text}.brand-sub{font:500 12px/1 var(--body);color:var(--faint);letter-spacing:.02em;margin-top:4px;display:block}.content{max-width:1320px;margin:0 auto}.btn{border:1px solid var(--line-strong);min-height:40px;color:var(--text);cursor:pointer;transition:transform .16s var(--ease), background .16s var(--ease), border-color .16s var(--ease);background:#ffffff0f;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:inline-flex}.btn:hover{background:#ffffff1a;border-color:#ffffff3d}.btn:active{transform:scale(.97)}.btn svg{flex:none;width:18px;height:18px}.btn-play{--accent:var(--gold);color:#1b1206;background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 70%, white), var(--accent));min-height:46px;box-shadow:0 10px 28px color-mix(in srgb, var(--accent) 38%, transparent), inset 0 1px 0 #ffffff80;border:0;padding:0 24px;font-weight:750}.btn-play:hover{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 55%, white), var(--accent))}.btn-play[disabled]{cursor:not-allowed;filter:grayscale(.8);opacity:.55;box-shadow:none}.btn-quiet{color:var(--muted);background:0 0;border-color:#0000}.btn-quiet:hover{color:var(--text);background:#ffffff0f}.people{border:1px solid var(--line);cursor:pointer;min-width:0;transition:background .16s var(--ease), border-color .16s var(--ease);background:#ffffff0d;border-radius:999px;align-items:center;gap:10px;padding:4px 13px 4px 5px;display:flex}.people:hover,.people[aria-expanded=true]{border-color:var(--line-strong);background:#ffffff17}.people-stack{align-items:center;display:flex}.avatar{--ring:var(--surface);background:var(--surface-3) center / cover no-repeat;width:32px;height:32px;box-shadow:0 0 0 2.5px var(--ring);font:700 13px/1 var(--display);color:var(--text);text-transform:uppercase;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.people-stack .avatar+.avatar{margin-left:-9px}.avatar.is-playing{--ring:var(--game-accent,var(--live))}.people-count{color:var(--muted);white-space:nowrap;font-size:13px}.hero{--accent:var(--gold);--hero-h:clamp(300px, 46vh, 440px);min-height:var(--hero-h);isolation:isolate;align-items:end;margin-bottom:40px;display:grid;position:relative;container:hero/inline-size}.hero-frame{z-index:-1;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);position:absolute;inset:0;overflow:hidden}.hero-art{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease);position:absolute;inset:0;transform:scale(1.02)}.hero:hover .hero-art{transform:scale(1.05)}.hero-frame:after{content:"";background:radial-gradient(95% 125% at 0 100%,#0c0a12f2 0%,#0c0a12cc 38%,#0c0a1200 78%),linear-gradient(#0c0a1200 55%,#0c0a12b3 100%),linear-gradient(#0c0a1259 0%,#0c0a1200 22%);position:absolute;inset:0}.hero-body{z-index:1;max-width:min(640px,100%);padding:clamp(20px,4vw,44px);position:relative}.hero-status{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:12px;display:flex}.eyebrow{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:650 12px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:#0c0a128c;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.eyebrow .dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 12px var(--accent);border-radius:50%}.hero h1{font:800 clamp(34px, 5.4vw, 64px) / .98 var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0 0 8px}.hero p{max-width:34em;color:var(--muted);margin:0 0 20px;font-size:clamp(15px,1.5vw,17px)}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.meta{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#ffffff12;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12.5px;font-weight:550;display:inline-flex}.chip svg{opacity:.8;width:14px;height:14px}.hero .meta{margin-bottom:18px}.shelf{margin-top:34px}.shelf-head{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 16px;display:flex}.shelf-head:after{content:"";background:linear-gradient(90deg, var(--line-strong), transparent);flex:60px;align-self:center;height:1px;margin-left:6px}.shelf-head h2{font:750 21px/1.1 var(--display);letter-spacing:-.01em;margin:0}.shelf-head p{color:var(--faint);margin:0;font-size:13px}.community{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;margin-top:44px;padding-top:22px;font-size:14px;display:flex}.community p{margin:0}.community .btn{text-decoration:none}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,268px),1fr));gap:clamp(14px,1.6vw,20px);display:grid}.card{--accent:var(--gold);text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;width:100%;transition:transform .22s var(--ease), box-shadow .22s var(--ease), border-color .22s var(--ease);flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.card:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent);box-shadow:0 18px 40px #00000073, 0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent), 0 12px 40px color-mix(in srgb, var(--accent) 18%, transparent);transform:translateY(-4px)}.card:active{transform:translateY(-1px)scale(.99)}.card-art{aspect-ratio:16/9;background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 40%, var(--surface-2)), var(--surface-2));position:relative;overflow:hidden}.card-art img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease)}.card:hover .card-art img{transform:scale(1.05)}.card-art:after{content:"";background:linear-gradient(0deg, var(--surface) 0%, #18142300 46%);position:absolute;inset:0}.card-body{z-index:1;flex:1;grid-template-rows:auto auto 1fr;grid-template-columns:auto 1fr;gap:4px 12px;margin-top:-26px;padding:0 14px 14px;display:grid;position:relative}.card-icon{object-fit:cover;background:var(--surface-3);width:52px;height:52px;box-shadow:0 0 0 3px var(--surface), 0 8px 18px #0006;border-radius:14px;grid-row:span 2}.card-title{font:750 17px/1.15 var(--display);letter-spacing:-.01em;align-self:end;margin:0}.card-tagline{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;display:-webkit-box;overflow:hidden}.card .meta{grid-column:1/-1;align-self:end;max-height:28px;margin-top:10px;overflow:hidden}.live-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line-strong);font:650 12px/1 var(--body);background:#0c0a12b8;border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 5px;display:inline-flex}.live-pill .avatar{--ring:#0c0a12e6;width:22px;height:22px;font-size:10px}.live-pill .people-stack .avatar+.avatar{margin-left:-7px}.live-pill:before{content:"";background:var(--live);width:7px;height:7px;box-shadow:0 0 10px var(--live);border-radius:50%;order:2;animation:2s infinite pulse}.live-pill span{order:3}.card.is-unavailable{cursor:default}.card.is-unavailable .card-art img{filter:grayscale(.7)brightness(.7)}.card.is-unavailable:hover{box-shadow:none;border-color:var(--line);transform:none}.status-pill{border:1px solid var(--line-strong);font:650 11.5px/1 var(--body);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:#0c0a12c7;border-radius:999px;padding:5px 10px}@keyframes pulse{50%{opacity:.45}}.sheet{--accent:var(--gold);width:min(720px,100vw - 24px);max-height:calc(100vh - 32px - var(--sait) - var(--saib));border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);padding:0;overflow:hidden;box-shadow:0 40px 120px #000000b3}.sheet[open]{animation:sheet-in .26s var(--ease);flex-direction:column;display:flex}.sheet::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06050ab8;animation:.2s fade-in}.sheet-art{aspect-ratio:16/7;flex:none;position:relative;overflow:hidden}.sheet-art img{object-fit:cover;width:100%;height:100%}.sheet-art:after{content:"";background:linear-gradient(0deg, var(--surface), #18142300 65%);position:absolute;inset:0}.sheet-close{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0a1299;border-radius:50%;width:38px;height:38px;padding:0;position:absolute;top:12px;right:12px}.sheet-body{z-index:1;margin-top:-44px;padding:0 clamp(18px,3.5vw,30px) clamp(18px,3vw,26px);position:relative;overflow-y:auto}.sheet-title{align-items:center;gap:14px;margin-bottom:12px;display:flex}.sheet-title img{width:64px;height:64px;box-shadow:0 0 0 3px var(--surface), 0 10px 24px #00000073;border-radius:16px}.sheet-title h2{font:800 clamp(24px, 3.6vw, 32px) / 1.05 var(--display);letter-spacing:-.015em;margin:0}.sheet-title p{color:var(--muted);margin:4px 0 0}.sheet-description{color:var(--muted);max-width:44em;margin:14px 0 18px}.sheet-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.sheet-players{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.person{background:#ffffff0f;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:13px;display:inline-flex}.person .avatar{width:26px;height:26px;font-size:11px}@keyframes sheet-in{0%{opacity:0;transform:translateY(18px)scale(.98)}}@keyframes fade-in{0%{opacity:0}}.player{background:#000;position:absolute;inset:0}.player[hidden]{display:none}.player iframe{background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.player-loading{--accent:var(--gold);z-index:2;background:var(--bg);place-items:center;transition:opacity .36s;display:grid;position:absolute;inset:0;overflow:hidden}.player-loading.is-done{opacity:0;pointer-events:none}.player-loading>img{object-fit:cover;filter:blur(28px)brightness(.42)saturate(1.2);width:calc(100% + 80px);height:calc(100% + 80px);position:absolute;inset:-40px}.loading-card{text-align:center;justify-items:center;gap:14px;padding:24px;display:grid;position:relative}.loading-card>img{border-radius:22px;width:88px;height:88px;animation:2.4s ease-in-out infinite bob;box-shadow:0 18px 48px #0000008c}.loading-card h2{font:800 26px/1.1 var(--display);margin:0}.loading-bar{background:#ffffff1f;border-radius:99px;width:180px;height:4px;overflow:hidden}.loading-bar:after{content:"";border-radius:inherit;background:var(--accent);width:40%;height:100%;animation:1.1s ease-in-out infinite slide;display:block}.loading-note{color:var(--muted);min-height:1.4em;font-size:13px}.lobby.is-entering .hero{animation:rise-in .56s var(--ease) both}.lobby.is-entering .card{animation:rise-in .52s var(--ease) both;animation-delay:calc(min(var(--i,0), 12) * 40ms + .18s)}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes bob{50%{transform:translateY(-6px)}}.exit{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:36px;color:var(--text);font:650 12.5px/1 var(--body);cursor:pointer;opacity:.72;background:#0c0a128c;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:0 11px 0 9px;transition:opacity .3s,background .3s,border-color .6s;display:flex;position:absolute}.exit:hover,.exit:focus-visible,.exit[aria-expanded=true]{opacity:1;background:#0c0a12d9}.exit svg{width:17px;height:17px}.exit.is-intro{opacity:1;background:#0c0a12db;border-color:#f6c453bf;animation:1.5s ease-out 3 exit-glow}.exit.is-intro svg{color:var(--gold)}.exit.is-intro.is-bouncing{animation:exit-glow 1.5s ease-out 3, exit-bounce 1.5s var(--ease) 2}@media (hover:none){.exit{opacity:.9}}@keyframes exit-glow{0%{box-shadow:0 0 #f6c45399}70%,to{box-shadow:0 0 0 12px #f6c45300}}@keyframes exit-bounce{0%,45%,to{transform:translateY(0)}18%{transform:translateY(-6px)}32%{transform:translateY(-2px)}}.exit[data-corner^=top]{top:calc(var(--sait) + 10px)}.exit[data-corner^=bottom]{bottom:calc(var(--saib) + 10px)}.exit[data-corner$=left]{left:calc(var(--sail) + 10px)}.exit[data-corner$=right]{right:calc(var(--sair) + 10px)}.exit-menu{z-index:4;border:1px solid var(--line-strong);min-width:232px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14111ef5;border-radius:14px;gap:4px;padding:6px;display:grid;position:absolute}.exit-menu[hidden]{display:none}.exit-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-weight:600;display:flex}.exit-menu button:hover,.exit-menu button:focus-visible{background:#ffffff14}.exit-menu svg{opacity:.85;width:17px;height:17px}.exit-menu .primary{color:var(--gold)}.splash{text-align:center;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.splash-inner{justify-items:center;gap:14px;max-width:440px;display:grid}.splash .brand-mark{width:112px;height:112px;animation:2.6s ease-in-out infinite bob}.splash h1{font:800 30px/1.05 var(--display);margin:0}.splash p{color:var(--muted);margin:0}.splash .error{color:#ffc7c7}.splash-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.card-marks{z-index:2;pointer-events:none;align-items:flex-start;gap:8px;display:flex;position:absolute;inset:10px 10px auto}.marks-start{flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-width:0;display:flex}.card-marks .live-pill{flex:none}.lookers-slot,.pile-slot,.hero-lookers,.hero-players{display:contents}.lookers{--pc:var(--gold);max-width:100%;animation:lookers-in .32s var(--ease) both;align-items:flex-start;display:inline-flex}.lookers-cursor{width:20px;height:20px;color:var(--pc);filter:drop-shadow(0 2px 3px #00000080);flex:none;animation:2.8s ease-in-out infinite cursor-nudge}.lookers-tag{background:var(--pc);color:#17111f;min-width:0;font:750 12px/1 var(--body);border-radius:5px 999px 999px;align-items:center;gap:6px;margin:13px 0 0 -7px;padding:3px 10px 3px 3px;display:inline-flex;box-shadow:0 6px 18px #0000006b}.lookers-tag .avatar{--ring:#ffffffe6;width:20px;height:20px;box-shadow:0 0 0 1.5px var(--ring);font-size:9px}.lookers-tag .people-stack .avatar+.avatar{margin-left:-6px}.lookers-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lookers.is-inline .lookers-tag{margin-top:11px}@keyframes lookers-in{0%{opacity:0;transform:translate(-8px,-8px)scale(.85)}}@keyframes cursor-nudge{0%,to{transform:translate(0)}50%{transform:translate(1.5px,1px)}}.card.has-lookers{border-color:color-mix(in srgb, var(--pc) 80%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--pc) 55%, transparent), 0 14px 34px color-mix(in srgb, var(--pc) 16%, transparent)}.card.has-players{border-color:#3ddc848c;box-shadow:0 0 0 1px #3ddc8459,0 14px 38px #3ddc8424}.card.is-flash{animation:card-flash 1.6s var(--ease)}@keyframes card-flash{0%,to{outline-offset:8px;outline:3px solid #0000}18%,62%{outline:3px solid color-mix(in srgb, var(--pc,var(--live)) 85%, white);outline-offset:3px}}.avatar.flyer{--ring:var(--pc,var(--gold));z-index:60;pointer-events:none;offset-anchor:center;offset-rotate:0deg;width:34px;height:34px;box-shadow:0 0 0 2.5px var(--ring), 0 10px 24px #00000080, 0 0 24px color-mix(in srgb, var(--ring) 55%, transparent);font-size:13px;position:fixed;top:0;left:0}.marker.is-landing{visibility:hidden}.avatar.is-letter{background-color:color-mix(in srgb, var(--pc,var(--surface-3)) 42%, var(--surface-3))}.edge-chips{z-index:20;pointer-events:none;max-width:calc(100vw - 24px);transition:opacity .2s ease, transform .24s var(--ease);gap:8px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.edge-chips.is-top{top:calc(var(--sait) + 12px)}.edge-chips.is-bottom{bottom:calc(var(--saib) + 18px)}body:has(.toast) .edge-chips.is-bottom{opacity:0;transform:translate(-50%,12px)}body:has(.toast) .edge-chips.is-bottom .edge-chip{pointer-events:none}.edge-chip{--pc:var(--gold);border:1px solid color-mix(in srgb, var(--pc) 50%, var(--line-strong));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:0;max-width:min(320px,50vw - 16px);min-height:38px;box-shadow:0 12px 30px #00000080, 0 0 18px color-mix(in srgb, var(--pc) 18%, transparent);color:var(--text);font:650 12.5px/1 var(--body);cursor:pointer;pointer-events:auto;animation:chip-up .28s var(--ease);transition:background .16s var(--ease);background:#100c1aeb;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 5px;display:inline-flex}.is-top .edge-chip{animation-name:chip-down}.edge-chip:hover{background:#1e182cf5}.edge-chip .avatar{--ring:#100c1af2;width:26px;height:26px;font-size:10px}.edge-chip .people-stack .avatar+.avatar{margin-left:-8px}.edge-chip-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.edge-chip-text strong{font-weight:750}.edge-chip svg{width:15px;height:15px;color:var(--pc);flex:none}.edge-chip.is-playing .people-stack:after{content:"";background:var(--live);width:8px;height:8px;box-shadow:0 0 0 2px #100c1af2, 0 0 8px var(--live);border-radius:50%;align-self:flex-start;margin-left:-5px}@keyframes chip-up{0%{opacity:0;transform:translateY(10px)scale(.96)}}@keyframes chip-down{0%{opacity:0;transform:translateY(-10px)scale(.96)}}.topbar{z-index:5;position:relative}.people-panel{z-index:30;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(360px,100vw - 32px);max-height:min(64vh,480px);animation:panel-in .2s var(--ease);background:#181423f7;border-radius:18px;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 30px 80px #0009}.people-panel:focus{outline:none}.people-head{justify-content:space-between;align-items:baseline;gap:12px;padding:10px 12px 8px;display:flex}.people-head strong{font:750 15px/1.1 var(--display)}.people-head span{color:var(--faint);font-size:12px;font-weight:600}.people-list{gap:2px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.people-row{--pc:var(--gold);border-radius:12px;align-items:center;gap:12px;min-height:56px;padding:8px 10px;display:flex}.people-row:hover{background:#ffffff0a}.people-row .avatar{--ring:var(--pc);width:36px;height:36px;box-shadow:0 0 0 2px var(--ring);font-size:14px}.people-who{flex:1;min-width:0}.people-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650;overflow:hidden}.people-name .you{color:var(--muted);vertical-align:1px;background:#ffffff14;border-radius:6px;margin-left:7px;padding:2px 6px;font-size:11px;font-weight:650}.people-status{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;margin-top:4px;font-size:12.5px;display:flex;overflow:hidden}.people-status:before{content:"";background:var(--faint);border-radius:50%;flex:none;width:7px;height:7px}.people-row.is-playing .people-status:before{background:var(--live);box-shadow:0 0 8px var(--live)}.people-row.is-looking .people-status:before{background:var(--pc)}.people-action .btn{min-height:34px;padding:0 14px;font-size:12.5px}.people-foot{border-top:1px solid var(--line);margin-top:4px;padding:8px 6px 4px}.people-foot .btn{width:100%}@keyframes panel-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}}.person.is-looking .avatar{--ring:var(--pc)}.toasts{left:50%;bottom:calc(var(--saib) + 18px);z-index:50;pointer-events:none;gap:10px;width:min(460px,100vw - 24px);display:grid;position:fixed;transform:translate(-50%)}.toast{border:1px solid var(--line-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;animation:toast-in .28s var(--ease);background:#181423f5;border-radius:14px;align-items:center;gap:12px;padding:10px 10px 10px 12px;display:flex}.toast.is-leaving{animation:.22s forwards toast-out}.toast-text{flex:1;min-width:0;font-size:13.5px}.toast-text strong{font-weight:700}.toast .btn{min-height:34px;padding:0 14px;font-size:13px}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}@keyframes toast-out{to{opacity:0;transform:translateY(8px)}}@media (max-width:640px){.brand-name{font-size:19px}.brand-sub,.topbar .btn-label{display:none}.hero{--hero-h:360px}.hero-frame:after{background:linear-gradient(#0c0a121f 0%,#0c0a12cc 48%,#0c0a12f7 100%)}.people-count{display:none}.people{padding:4px}.hero .meta .chip:nth-child(n+3){display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{border-radius:14px}.card-art{aspect-ratio:16/10}.shelf-head p{flex-basis:100%;order:2}.card-body{grid-template-columns:minmax(0,1fr);gap:0;margin-top:-22px;padding:0 10px 12px}.card-icon{border-radius:11px;grid-row:auto;width:40px;height:40px;margin-bottom:7px}.card-title{font-size:15px;line-height:1.2}.card-tagline{display:none}.card .meta{margin-top:7px}.card .meta .chip:nth-child(n+2){display:none}.card-marks{inset:8px 8px auto}.edge-chip-lead{display:none}.live-pill{padding-right:8px}.sheet{width:100%;max-width:100%;max-height:calc(92vh - var(--sait));border-bottom:0;border-radius:22px 22px 0 0;margin:auto 0 0}.sheet[open]{animation:sheet-up .34s var(--ease)}.sheet.is-dragging{transition:none;animation:none}.sheet-art{aspect-ratio:16/8}.sheet-art:before{content:"";z-index:3;background:#ffffff8c;border-radius:3px;width:40px;height:5px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.sheet-actions{z-index:2;padding:14px clamp(18px, 3.5vw, 30px) calc(14px + var(--saib));background:linear-gradient(0deg, var(--surface) 72%, #18142300);margin:20px calc(-1*clamp(18px,3.5vw,30px)) calc(-1*clamp(18px,3vw,26px));position:sticky;bottom:0}.sheet-actions .btn-play{flex:1}}@media (max-width:400px){.hero-actions .people-stack{display:none}}@keyframes sheet-up{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}