@font-face{font-family:Inter;src:url(https://static.pewlandgames.com/fonts/Inter-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:MiSans;src:url(https://static.pewlandgames.com/fonts/MiSans-Light.woff2)format("woff2");font-weight:300;font-display:swap}@font-face{font-family:MiSans;src:url(https://static.pewlandgames.com/fonts/MiSans-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:MiSans;src:url(https://static.pewlandgames.com/fonts/MiSans-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:MiSans;src:url(https://static.pewlandgames.com/fonts/MiSans-Semibold.woff2)format("woff2");font-weight:600 800;font-display:swap}:root{--brand:#c8f031;--brand-hover:#d8ff4f;--brand-ink:#0d1003;--brand-soft:#c8f03124;--bg:#0b0b0d;--bg-raised:#121215;--surface:#17171b;--surface-2:#1e1e23;--surface-3:#27272d;--line:#ffffff12;--line-2:#ffffff1f;--text:#f4f4f6;--text-2:#f4f4f6a8;--text-3:#f4f4f670;--text-4:#f4f4f647;--live:var(--brand);--warm:#ffd9a8;--danger:#ff7a7a;--scrim:#08080ab8;--font:"Inter", "MiSans", "PingFang SC", "Microsoft YaHei", sans-serif;--fs-xs:12px;--fs-sm:13px;--fs-md:15px;--fs-lg:17px;--fs-xl:22px;--fs-2xl:32px;--fs-hero:64px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--s16:64px;--s18:72px;--page-pad:40px;--page-max:1600px;--nav-h:72px;--r-sm:8px;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-pill:999px;--ease:cubic-bezier(.2, .7, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--glass:#ffffff1a;--glass-hover:#ffffff2b;--shadow-card:0 1px 0 #ffffff0a inset, 0 0 0 1px var(--line);--shadow-pop:0 24px 64px -12px #000000b3, 0 0 0 1px var(--line)}@media (width<=720px){:root{--page-pad:20px;--fs-hero:40px;--nav-h:60px}}*{box-sizing:border-box}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:var(--text);font:400 var(--fs-md) / 1.6 var(--font);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1, "cv11" 1;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,textarea{font:inherit;color:inherit}h1,h2,h3,h4,p{margin:0}::selection{background:var(--brand);color:var(--brand-ink)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}.i{flex:none;display:block}.wrap{max-width:var(--page-max);padding:0 var(--page-pad);margin:0 auto}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.overline{font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);flex-wrap:wrap;align-items:center;gap:10px;font-weight:500;display:flex}.overline .sep{background:var(--text-3);border-radius:50%;width:3px;height:3px}.section{margin-top:56px}.section-head{justify-content:space-between;align-items:center;gap:var(--s6);margin-bottom:16px;display:flex}.section-head h2{letter-spacing:-.01em;align-items:center;gap:4px;font-size:20px;font-weight:600;display:flex}.section-head h2 a{align-items:center;gap:2px;transition:color .2s;display:inline-flex}.section-head h2 a:hover{color:var(--text-2)}.section-head p{color:var(--text-3);margin-top:4px;font-size:14px}.section-head .more{color:var(--text-2);white-space:nowrap;align-items:center;gap:2px;font-size:14px;display:inline-flex}.section-head .more:hover{color:var(--text)}@media (width<=720px){.desktop-only{display:none!important}}@media (width>=721px){.mobile-only{display:none!important}}@keyframes drift{0%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes kenburns{0%{transform:scale(1.09)translate(1.2%)}to{transform:scale(1.01)}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}}.page{isolation:isolate;min-height:70vh;padding-top:calc(var(--nav-h) + 40px);position:relative}.page-head{margin-bottom:28px}.page-head h1{letter-spacing:-.02em;font-size:30px;font-weight:700}.page-head p{color:var(--text-2);margin-top:6px;font-size:15px}.card-page{min-height:100vh;padding:calc(var(--nav-h) + 24px) var(--page-pad) 48px;place-items:center;display:grid}.panel{border-radius:var(--r-xl);background:var(--bg-raised);width:min(440px,100%);box-shadow:var(--shadow-pop);padding:32px}.panel h1{letter-spacing:-.02em;font-size:24px;font-weight:700}.panel>p{color:var(--text-2);margin-top:8px;font-size:14px}.panel .form,.panel-acts{margin-top:24px}.panel-acts{flex-direction:column;gap:10px;display:flex}.panel-icon{width:48px;height:48px;color:var(--text);background:#ffffff12;border-radius:14px;place-items:center;margin-bottom:18px;display:grid}.panel-icon.ok{background:var(--brand-soft);color:var(--brand)}.panel-icon.bad{color:var(--danger);background:#ff7a7a1a}.notfound{flex-direction:column;justify-content:center;align-items:flex-start;min-height:78vh;padding-top:120px;display:flex}.notfound-code{letter-spacing:.14em;color:var(--text-3);font-size:13px;font-weight:600}.notfound h1{letter-spacing:-.03em;margin-top:10px;font-size:44px;font-weight:600}.notfound p{max-width:460px;margin-top:14px;font-size:16px}.notfound-acts{margin-top:32px}.loading-line{color:var(--text-3);align-items:center;gap:10px;font-size:14px;display:flex}.spinner{border:2px solid var(--line-2);border-top-color:var(--text);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=720px){.notfound h1{font-size:32px}.panel{padding:24px}}.link-btn{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:3px;margin-left:6px}.link-btn:hover{-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text)}.invite-code-input{letter-spacing:.08em;text-transform:uppercase;font-size:17px}.invite-code-input::placeholder{letter-spacing:.02em;text-transform:none}.steam-name{color:var(--text);font-weight:600}:root{--vt-dur:.42s;--vt-ease:cubic-bezier(.2, .8, .2, 1)}.nav{view-transition-name:site-nav}::view-transition-old(root){animation:vt-out .2s var(--ease) both}::view-transition-new(root){animation:vt-in .32s var(--ease) 80ms both}::view-transition-group(game-hero){animation-duration:var(--vt-dur);animation-timing-function:var(--vt-ease);overflow:clip}::view-transition-old(game-hero){object-fit:cover;width:100%;height:100%;animation-duration:var(--vt-dur);animation-timing-function:var(--vt-ease)}::view-transition-new(game-hero){object-fit:cover;width:100%;height:100%;animation-duration:var(--vt-dur);animation-timing-function:var(--vt-ease)}::view-transition-group(game-logo){animation-duration:var(--vt-dur);animation-timing-function:var(--vt-ease);z-index:2}::view-transition-old(game-logo){width:auto;height:100%;animation-duration:var(--vt-dur);animation-timing-function:var(--vt-ease)}::view-transition-new(game-logo){width:auto;height:100%;animation-duration:var(--vt-dur);animation-timing-function:var(--vt-ease)}::view-transition-new(game-logo):only-child{animation:vt-rise .4s var(--ease-out) .16s both}::view-transition-old(hub-copy){animation:vt-out .15s var(--ease) both}::view-transition-new(hub-copy){animation:vt-rise .4s var(--ease-out) .16s both}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0}}@keyframes vt-rise{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}::view-transition-old(hub-copy){width:auto;height:auto;inset:auto auto 0 0}::view-transition-new(hub-copy){width:auto;height:auto;inset:auto auto 0 0}.avatar{overflow:hidden}.avatar>img{object-fit:cover;width:100%;height:100%;display:block}.nav-search{border-radius:var(--r-pill);width:280px;height:40px;color:var(--text-3);background:#ffffff12;align-items:center;gap:10px;padding:0 8px 0 14px;font-size:14px;transition:color .2s,background .2s;display:inline-flex}.nav-search span{text-align:left;flex:1}.nav-search:hover{color:var(--text-2);background:#ffffff1a}.nav-search kbd{font:500 11px var(--font);color:var(--text-3);background:#ffffff12;border-radius:99px;padding:3px 8px}.nav-friends{border-radius:var(--r-pill);height:40px;color:var(--text-2);background:#ffffff12;align-items:center;gap:8px;padding:0 14px 0 12px;font-size:13px;font-weight:600;transition:background .2s,color .2s;display:inline-flex;position:relative}.nav-friends:hover{color:var(--text);background:#ffffff1f}.nav-friends-n{color:var(--text);align-items:center;gap:6px;display:inline-flex}.nav-friends-n:before{content:"";background:var(--brand);border-radius:50%;width:7px;height:7px}.nav-friends .badge-dot{top:6px;right:6px}.badge-dot{background:var(--brand);width:8px;height:8px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;position:absolute;top:9px;right:10px}.icon-btn.on{color:var(--text);background:#ffffff1a}@media (width<=1100px){.nav-search{width:190px}}.drawer-back{z-index:90;animation:fade .2s var(--ease);background:#00000059;position:fixed;inset:0}.drawer{border-radius:var(--r-xl);-webkit-backdrop-filter:blur(30px)saturate(1.5);width:380px;max-width:calc(100vw - 20px);box-shadow:var(--shadow-pop);animation:drawer .35s var(--ease-out);background:#16161af0;flex-direction:column;display:flex;position:absolute;top:10px;bottom:10px;right:10px}@keyframes drawer{0%{opacity:0;transform:translate(24px)}}.drawer-h{justify-content:space-between;align-items:center;padding:16px 14px 8px 18px;display:flex}.drawer-body{flex:1;padding:0 10px 16px;overflow:auto}.fr-group{margin-top:14px}.fr-group h3{color:var(--text-3);gap:8px;padding:0 12px 6px;font-size:12px;font-weight:600;display:flex}.fr-group h3 span{color:var(--text-4)}.fr{border-radius:var(--r-md);align-items:center;gap:12px;padding:8px 12px;transition:background .2s;display:flex}.fr:hover{background:#ffffff0d}.fr.offline{opacity:.55}.fr-av{display:grid;position:relative}.fr-av i{border-radius:50%;width:12px;height:12px;display:none;position:absolute;bottom:-1px;right:-1px;box-shadow:0 0 0 3px #18181c}.fr.playing .fr-av i,.fr.online .fr-av i{background:var(--brand);display:block}.fr-t{flex-direction:column;flex:1;min-width:0;line-height:1.4;display:flex}.fr-t b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.fr-t span{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.fr.playing .fr-t span{color:var(--brand)}.fr-acts{gap:4px;display:flex}.fr-note{font-size:12px}.fr-empty{text-align:center;color:var(--text-3);flex-direction:column;align-items:center;gap:12px;padding:48px 20px;font-size:13px;line-height:1.7;display:flex}.addf{flex-direction:column;gap:24px;padding:12px 8px;display:flex}.addf h3{margin-bottom:6px;font-size:14px;font-weight:600}.addf section>p{margin-bottom:10px;font-size:13px;line-height:1.6}.addf-code{gap:8px;display:flex}.addf-code .input{letter-spacing:.08em;text-transform:uppercase}.addf .fr{padding-left:4px;padding-right:4px}.addf-steam{margin-top:10px;font-size:13px;line-height:1.6}.notices{position:relative}.notices-pop{z-index:95;border-radius:var(--r-xl);-webkit-backdrop-filter:blur(30px)saturate(1.5);width:400px;max-height:min(560px,100vh - 100px);box-shadow:var(--shadow-pop);animation:fade .2s var(--ease);background:#16161af5;flex-direction:column;display:flex;position:absolute;top:calc(100% + 12px);right:-8px}.notices-h{padding:16px 18px 10px;font-size:15px}.notices-h b{font-weight:700}.notices-list{padding:0 8px 8px;overflow:auto}.notice{border-radius:var(--r-md);gap:14px;padding:12px 10px;display:flex;position:relative}.notice:hover{background:#ffffff0a}.notice.unread:before{content:"";background:var(--brand);border-radius:50%;width:6px;height:6px;position:absolute;top:22px;left:-2px}.notice-art-link{flex:none}.notice-art{aspect-ratio:16/9;border-radius:8px;width:72px}.notice-t{flex:1;min-width:0}.notice-t p{color:var(--text);font-size:14px;line-height:1.55}.notice-t>span{margin-top:4px;font-size:12px;display:block}.notice-acts{gap:8px;margin-top:10px;display:flex}.notice-acts:empty{display:none}.notice-expired{font-size:12px}.notices-empty{padding:8px 18px 20px;font-size:13px;line-height:1.6}@media (width<=720px){.notices-pop{top:calc(var(--nav-h) - 4px);width:auto;position:fixed;left:12px;right:12px}}.invites{z-index:150;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.invite-pop{border-radius:var(--r-lg);-webkit-backdrop-filter:blur(24px);width:380px;max-width:calc(100vw - 40px);box-shadow:var(--shadow-pop), inset 0 0 0 1px var(--line-2);animation:pop .3s var(--ease);background:#1a1a1ff0;align-items:center;gap:12px;padding:12px 10px 12px 14px;display:flex}.invite-pop-t{min-width:0;color:var(--text-2);flex-direction:column;flex:1;font-size:13px;line-height:1.4;display:flex}.invite-pop-t b{color:var(--text);font-size:14px}.invite{flex-direction:column;gap:12px;display:flex}.invite-modal h2{letter-spacing:-.01em;padding-right:30px;font-size:20px;font-weight:700}.invite-modal>p.muted{margin:8px 0 18px;font-size:14px}.invite-modal>.btn{margin-top:18px}.invite-code{flex-wrap:wrap;align-items:baseline;gap:10px;padding:4px 4px 8px;font-size:12px;display:flex}.invite-code b{letter-spacing:.12em;font-size:16px;font-weight:700}.invite-code-hint{flex-basis:100%}.invite-friends{border-top:1px solid var(--line);max-height:300px;padding-top:14px;overflow:auto}.invite-h{color:var(--text-3);margin-bottom:6px;font-size:12px}.invite-f{align-items:center;gap:12px;padding:7px 0;display:flex}.invite-f.off{opacity:.55}.invite-f-t{flex-direction:column;flex:1;min-width:0;line-height:1.4;display:flex}.invite-f-t b{font-size:14px;font-weight:500}.invite-f-t span{color:var(--text-3);font-size:12px}.invite-empty{justify-content:space-between;align-items:center;gap:12px;padding:6px 0;font-size:13px;display:flex}.want-hint{color:var(--text-2);align-items:center;gap:6px;margin-top:12px;font-size:13px;display:flex}.want-hint a{color:var(--text);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--text-3);text-decoration-color:var(--text-3)}.search{margin:-32px}.search-input{border-bottom:1px solid var(--line);height:64px;color:var(--text-3);align-items:center;gap:12px;padding:0 56px 0 22px;display:flex}.search-input input{height:100%;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:17px}.search-input input::placeholder{color:var(--text-4)}.search-list{max-height:420px;padding:8px;overflow:auto}.search-empty{text-align:center;justify-content:center;padding:28px;font-size:14px}.search-item{border-radius:var(--r-md);text-align:left;width:100%;color:var(--text-3);align-items:center;gap:14px;padding:8px 12px 8px 8px;display:flex}.search-item.on{color:var(--text);background:#ffffff12}.search-thumb{border-radius:6px;flex:none;width:64px;height:36px}.search-t{flex-direction:column;flex:1;min-width:0;line-height:1.4;display:flex}.search-t b{color:var(--text);font-size:14px;font-weight:600}.search-t span{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.search-foot{border-top:1px solid var(--line);gap:18px;padding:12px 20px;font-size:12px;display:flex}.search-foot kbd{font:500 11px var(--font);color:var(--text-2);background:#ffffff14;border-radius:5px;margin-right:4px;padding:1px 6px}.foot-links{gap:24px;font-size:13px;display:flex}.foot-links a{color:var(--text-3);transition:color .2s}.foot-links a:hover{color:var(--text)}@media (width<=720px){.foot-links{flex-wrap:wrap;gap:14px 20px}}.nav{z-index:50;transition:background .3s var(--ease), box-shadow .3s;-webkit-backdrop-filter:blur(24px)saturate(1.6);background:linear-gradient(#0b0b0db3,#0b0b0d40);position:fixed;inset:0 0 auto}.nav-scrolled{box-shadow:0 1px 0 var(--line);background:#0e0e11d1}.nav-clear{-webkit-backdrop-filter:none;background:linear-gradient(#08080a80,#0000)}.nav-in{height:var(--nav-h);align-items:center;gap:28px;display:flex}.brand{letter-spacing:-.025em;flex:none;align-items:center;gap:10px;font-size:19px;font-weight:700;display:inline-flex}.brand-mark{flex:none;display:block}.nav-links{gap:6px;font-size:14px;font-weight:500;display:flex}.nav-links a{color:var(--text-2);border-radius:var(--r-sm);padding:8px 12px;transition:color .2s,background .2s}.nav-links a:hover{color:var(--text);background:#ffffff0f}.nav-links a.active{color:var(--text)}.nav-right{align-items:center;gap:8px;margin-left:auto;display:flex}.nav-studio{border-radius:var(--r-sm);height:38px;color:var(--text-2);align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:500;transition:color .2s,background .2s;display:inline-flex}.nav-studio:hover{color:var(--text);background:#ffffff0f}.icon-btn{width:40px;height:40px;color:var(--text-2);border-radius:50%;place-items:center;transition:background .2s,color .2s;display:grid;position:relative}.icon-btn:hover{color:var(--text);background:#ffffff1a}.foot{border-top:1px solid var(--line);margin-top:120px}.foot-in{align-items:center;gap:40px;height:88px;display:flex}.foot-in .brand{font-size:16px}.foot-in .brand-mark{width:22px;height:22px}.foot-legal{color:var(--text-4);margin-left:auto;font-size:12px}@media (width<=720px){.nav-in{gap:16px}.foot-in{height:auto;padding:32px var(--page-pad);flex-direction:column;align-items:flex-start;gap:16px}.foot-legal{margin-left:0}}.acct{position:relative}.acct-btn{border-radius:var(--r-pill);height:40px;color:var(--text-2);background:#ffffff12;align-items:center;gap:8px;padding:0 10px 0 5px;font-size:13px;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.acct-btn:hover,.acct-btn.on{color:var(--text);background:#ffffff1f}.acct-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;color:var(--text);overflow:hidden}.acct-pop{z-index:95;border-radius:var(--r-xl);-webkit-backdrop-filter:blur(30px)saturate(1.5);width:280px;box-shadow:var(--shadow-pop);animation:fade .2s var(--ease);background:#16161af0;padding:8px;position:absolute;top:calc(100% + 10px);right:0}.acct-h{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:6px;padding:10px 10px 14px;display:flex}.acct-h>div{flex-direction:column;min-width:0;line-height:1.45;display:flex}.acct-h b{font-size:15px;font-weight:600}.acct-h span{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.acct-warn{border-radius:var(--r-sm);color:var(--text-2);background:#ffffff0d;align-items:center;gap:8px;margin:0 4px 6px;padding:8px 10px;font-size:12px;display:flex}.acct-item{border-radius:var(--r-md);width:100%;height:40px;color:var(--text-2);text-align:left;align-items:center;gap:10px;padding:0 10px;font-size:14px;transition:background .2s,color .2s;display:flex}.acct-item:hover{color:var(--text);background:#ffffff12}.login{text-align:center;padding:8px 4px 0}.login-mark{margin-bottom:18px;display:inline-grid}.login-mark .brand-mark{box-shadow:0 10px 30px -8px var(--brand);border-radius:12px}.login h2{letter-spacing:-.02em;font-size:24px;font-weight:700}.login-lead{max-width:330px;margin:10px auto 0;font-size:14px}.login-lead b{color:var(--text);font-weight:500}.login-btns{flex-direction:column;gap:10px;margin-top:28px;display:flex}.login-note{margin-top:20px;font-size:12px;line-height:1.8}.fb{flex-direction:column;gap:22px;display:flex}.fb-head{align-items:center;gap:14px;padding-right:30px;display:flex}.fb-thumb{border-radius:8px;flex:none;width:72px;height:44px}.fb-head h2{font-size:18px;font-weight:600}.fb-head h2 .faint{margin-left:4px;font-size:14px;font-weight:400}.login-or{color:var(--text-3);align-items:center;gap:12px;margin:22px 0 6px;font-size:12px;display:flex}.login-or:before,.login-or:after{content:"";background:var(--line);flex:1;height:1px}.login-form{text-align:left;margin-top:16px}.login-links{justify-content:space-between;gap:12px;margin-top:16px;font-size:13px;display:flex}.login-links button{color:var(--text-2);transition:color .2s}.login-links button:hover{color:var(--text)}.login-links button:only-child{margin:0 auto}.share{flex-direction:column;gap:14px;display:flex}.share h2{letter-spacing:-.01em;padding-right:30px;font-size:20px;font-weight:600}.share>p{margin-top:-6px;font-size:14px}.share-link{border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--line);background:#ffffff0d;align-items:center;gap:12px;padding:12px 12px 12px 16px;display:flex}.share-link-t{flex-direction:column;flex:1;min-width:0;line-height:1.45;display:flex}.share-link-t span{font-size:12px}.share-link-t b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.row4{gap:var(--s6);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.row3{gap:var(--s6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.row2{gap:var(--s6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tile-tag{z-index:2;position:absolute;top:14px;left:14px}@media (width<=1100px){.row4,.row3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.row4,.row3,.row2{grid-template-columns:minmax(0,1fr)}}.game-card{min-width:0}.game-card-media{position:relative}.game-card-link{aspect-ratio:16/9;transition:transform .35s var(--ease-out), box-shadow .35s}.game-card:hover .game-card-link{box-shadow:0 18px 40px -16px #000c, 0 0 0 1px var(--line-2);transform:translateY(-4px)}.game-card:hover .art>img{filter:brightness(1.08)}.game-card-over{z-index:1;pointer-events:none;background:linear-gradient(20deg,#0000009e,#0000 58%);align-items:flex-end;padding:18px 22px;display:flex;position:absolute;inset:0}.game-card-logo{filter:drop-shadow(0 4px 18px #00000080);width:46%;max-width:260px}.game-card-logo.logo-text{width:auto;max-width:70%;font-size:26px}.game-card-play{z-index:2;border-radius:var(--r-pill);background:var(--brand);height:36px;color:var(--brand-ink);opacity:0;transition:opacity .25s, transform .3s var(--ease-out), background .2s;align-items:center;gap:6px;padding:0 16px 0 13px;font-size:13px;font-weight:700;display:inline-flex;position:absolute;bottom:14px;right:14px;transform:translateY(4px)}.game-card-play:hover{background:var(--brand-hover)}.game-card:hover .game-card-play,.game-card-play:focus-visible{opacity:1;transform:none}@media (hover:none){.game-card-play{opacity:1;transform:none}}.game-card-t{flex-direction:column;margin-top:12px;line-height:1.45;display:flex}.game-card-stage{color:var(--text-3);font-size:12px}.game-card-t b{margin-top:2px;font-size:16px;font-weight:600}.game-card-tag{color:var(--text-2);margin-top:2px;font-size:13px}.game-card-stage{align-items:center;gap:12px;display:flex}.game-card-stage .live{gap:6px;font-size:12px}.card-friends{z-index:2;height:26px;color:var(--brand-ink);background:var(--brand);border-radius:6px;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:12px;left:12px}.promo{min-width:0;display:block}.promo-media{aspect-ratio:16/9}.promo-over{z-index:1;background:linear-gradient(20deg,#0009,#0000 55%);align-items:flex-end;padding:22px 26px;display:flex;position:absolute;inset:0}.promo-logo{filter:drop-shadow(0 4px 18px #00000080);width:46%;max-width:280px}.promo-logo.logo-text{width:auto;font-size:30px}.promo-label{color:var(--text-3);margin-top:14px;font-size:12px}.promo-name{margin-top:2px;font-size:17px;font-weight:600}.promo-note{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:560px;margin-top:4px;font-size:14px;display:-webkit-box;overflow:hidden}.browse{padding-top:calc(var(--nav-h) + 32px);min-height:80vh}.browse h1{letter-spacing:-.02em;font-size:36px;font-weight:700}.browse-bar{justify-content:space-between;align-items:center;gap:20px;margin-top:20px;display:flex}.tabs{gap:6px;display:flex}.tabs a{border-radius:var(--r-pill);height:38px;color:var(--text-2);background:#ffffff0d;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;transition:background .2s,color .2s;display:inline-flex}.tabs a span{color:var(--text-3);font-size:12px}.tabs a:hover{color:var(--text);background:#ffffff17}.tabs a.on{background:var(--text);color:#0a0a0c}.tabs a.on span{color:#0a0a0c80}.sort{color:var(--text-3);align-items:center;gap:8px;font-size:13px;display:inline-flex;position:relative}.sort select{appearance:none;border-radius:var(--r-sm);height:38px;color:var(--text);font:500 14px var(--font);cursor:pointer;background:#ffffff0f;border:0;outline:none;padding:0 36px 0 14px}.sort select option{background:var(--surface-2)}.sort .i{pointer-events:none;color:var(--text-2);position:absolute;right:12px}.browse-body{grid-template-columns:minmax(0,1fr) 240px;gap:40px;margin-top:28px;display:grid}.browse-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:36px 24px;display:grid}.browse-empty{color:var(--text-3);flex-direction:column;align-items:center;gap:12px;padding:80px 0;font-size:14px;display:flex}.browse-empty.loading-line{flex-direction:row;justify-content:center}.filters{top:calc(var(--nav-h) + 20px);align-self:start;position:sticky}.filters-h{justify-content:space-between;align-items:center;height:32px;display:flex}.filters-h b{align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.filters-h b span{background:var(--brand);min-width:20px;height:20px;color:var(--brand-ink);border-radius:10px;place-items:center;padding:0 6px;font-size:11px;display:inline-grid}.filters-h button{color:var(--text-3);font-size:13px}.filters-h button:hover{color:var(--text)}.filters-g{border-top:1px solid var(--line);margin-top:10px;padding:14px 0}.filters-g h3{color:var(--text-3);margin-bottom:6px;font-size:12px;font-weight:600}.fcheck{border-radius:var(--r-sm);width:100%;height:36px;color:var(--text-2);text-align:left;box-sizing:content-box;align-items:center;gap:10px;margin:0 -8px;padding:0 8px;font-size:14px;transition:background .2s,color .2s;display:flex}.fcheck:hover{color:var(--text);background:#ffffff0d}.fcheck i{width:18px;height:18px;box-shadow:inset 0 0 0 1.5px var(--text-4);border-radius:5px;place-items:center;display:grid}.fcheck.on{color:var(--text)}.fcheck.on i{background:var(--brand);color:var(--brand-ink);box-shadow:none}@media (width<=1100px){.browse-body{grid-template-columns:minmax(0,1fr)}}@media (width<=720px){.browse h1{font-size:28px}.browse-bar{flex-direction:column;align-items:flex-start}.tabs{flex-wrap:wrap}.browse-grid{grid-template-columns:minmax(0,1fr);gap:28px}}.ambient{z-index:-1;pointer-events:none;height:1100px;position:absolute;inset:0 0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0%,#0000008c 45%,#0000 92%);mask-image:linear-gradient(#000 0%,#0000008c 45%,#0000 92%)}.ambient-art{opacity:0;transition:opacity 1.4s var(--ease);background:0 0;position:absolute;inset:-12%}.ambient-art.on{opacity:.55}.ambient-art>img{filter:blur(90px)saturate(1.6);transform:scale(1.1)}.gp{position:relative}.hub{isolation:isolate;align-items:flex-end;height:clamp(600px,42.8571vw,min(86vh,960px));display:flex;position:relative;overflow:hidden}.hub-media{z-index:-1;background:var(--bg);view-transition-name:game-hero;position:absolute;inset:0}.hub-poster,.hub-video{width:100%;height:100%;position:absolute;inset:0}.hub-poster>img{animation:kenburns 24s var(--ease) both}.hub-video{object-fit:cover;opacity:0;transition:opacity 1.2s var(--ease)}.hub-video.on{opacity:1}.hub-scrim{z-index:1;pointer-events:none;background:linear-gradient(180deg, #08080a8c 0, transparent 160px), linear-gradient(90deg, #08080ad1 0%, #08080a73 34%, transparent 62%), linear-gradient(0deg, var(--bg) 0, #0a0a0cb3 16%, transparent 46%);position:absolute;inset:0}.hub-copy{view-transition-name:hub-copy;width:100%;padding-bottom:64px}.hub-logo{view-transition-name:game-logo;filter:drop-shadow(0 10px 40px #0000008c);display:block}img.hub-logo{width:clamp(300px,30vw,500px);margin-left:-2.2%}.hub-logo.logo-text{width:fit-content;max-width:min(720px,100%)}.hub-loading{background:var(--bg-raised)}.hub-scrim.strong{background:linear-gradient(180deg, #08080aa6 0, transparent 180px), linear-gradient(90deg, #08080aeb 0%, #08080a9e 40%, #08080a33 70%), linear-gradient(0deg, var(--bg) 0, #0a0a0ccc 20%, transparent 55%)}.hub-blur>img{filter:blur(48px)saturate(1.2)brightness(.55);animation:none;transform:scale(1.2)}.hub-plain{background:radial-gradient(120% 90% at 75% 10%, #1b1b20 0%, var(--bg) 70%)}.hub-meta{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:18px;font-size:14px;display:flex}.hub-badge{height:26px;color:var(--text);-webkit-backdrop-filter:blur(12px);background:#ffffff29;border-radius:6px;align-items:center;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.hub-badge.s-demo{background:var(--brand);color:var(--brand-ink)}.hub-tag{text-shadow:0 2px 20px #00000080;max-width:560px;margin-top:14px;font-size:20px;font-weight:500;line-height:1.5}.hub-acts{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hub-acts .btn-lg{height:54px}.hub-acts .btn-primary{padding:0 36px}.hub .access-note{margin-top:14px}.hub-live{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:22px;font-size:13px;display:flex}.hub-buddies{border-radius:var(--r-pill);-webkit-backdrop-filter:blur(16px);background:#0a0a0c73;align-items:center;gap:10px;height:36px;padding:0 12px 0 6px;transition:background .2s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.hub-buddies:hover{background:#0a0a0ca6}.hub-buddies b{color:var(--text);font-weight:600}.hub-buddies-join{color:var(--brand);align-items:center;font-weight:600;display:inline-flex}.hub-pause{right:var(--page-pad);width:36px;height:36px;color:var(--text-2);-webkit-backdrop-filter:blur(12px);background:#0a0a0c66;border-radius:50%;place-items:center;transition:color .2s,background .2s;display:grid;position:absolute;bottom:64px;box-shadow:inset 0 0 0 1px #ffffff1a}.hub-pause:hover{color:var(--text);background:#0a0a0ca6}.access-note{color:var(--text-2);gap:8px;font-size:13px;line-height:1.6;display:flex}.access-note .i{margin-top:3px}.btn.is-on .i{color:var(--brand)}.hub-bar{top:var(--nav-h);z-index:40;-webkit-backdrop-filter:blur(24px)saturate(1.4);height:60px;box-shadow:0 1px 0 var(--line);background:#0a0a0cb8;position:sticky}.hub-bar-in{justify-content:space-between;align-items:center;gap:24px;height:100%;display:flex}.hub-tabs{gap:28px;height:100%;display:flex}.hub-tabs button{height:100%;color:var(--text-3);align-items:center;gap:6px;font-size:15px;font-weight:600;transition:color .2s;display:inline-flex;position:relative}.hub-tabs button span{color:var(--text-4);font-size:12px;font-weight:500}.hub-tabs button:hover,.hub-tabs button.on{color:var(--text)}.hub-tabs button.on:after{content:"";background:var(--text);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.hub-bar-cta{opacity:0;visibility:hidden;transition:opacity .3s, transform .35s var(--ease-out), visibility 0s .35s;align-items:center;gap:12px;display:flex;transform:translateY(6px)}.hub-bar.compact .hub-bar-cta{opacity:1;visibility:visible;transition:opacity .3s, transform .35s var(--ease-out), visibility 0s;transform:none}.hub-bar-art{aspect-ratio:3/4;border-radius:6px;width:30px}.hub-bar-cta b{margin-right:6px;font-size:14px;font-weight:600}.hub-bar-cta .btn-md{height:40px}.gp-body{isolation:isolate;padding-bottom:40px;position:relative}.gp-body .ambient{opacity:.7}.gp-sec{padding-top:56px}.gp-sec h2{letter-spacing:-.01em;align-items:baseline;gap:8px;margin-bottom:18px;font-size:22px;font-weight:700;display:flex}.gp-sec h2 span{color:var(--text-3);font-size:15px;font-weight:500}.gp-sec-h{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.gp-sec-h h2{margin-bottom:0}.gp-first{padding-top:40px}.shots{position:relative}.shots-row{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:calc(42.5532% - 13.617px);grid-auto-flow:column;gap:16px;display:grid;overflow-x:auto}.shots-row::-webkit-scrollbar{display:none}.shot{aspect-ratio:16/9;border-radius:var(--r-lg);scroll-snap-align:start;box-shadow:0 0 0 1px var(--line), 0 30px 60px -30px #000c;position:relative;overflow:hidden}.shot .art{position:absolute;inset:0}.shot:hover .art>img{transform:scale(1.04)}.shots-nav{width:44px;height:44px;color:var(--text);-webkit-backdrop-filter:blur(12px);opacity:0;background:#0a0a0c99;border-radius:50%;place-items:center;margin-top:-22px;transition:opacity .25s,background .2s;display:grid;position:absolute;top:50%;box-shadow:inset 0 0 0 1px #ffffff1a}.shots-nav:hover{background:#0a0a0cd9}.shots-nav.prev{left:14px}.shots-nav.next{right:14px}.shots:hover .shots-nav{opacity:1}.lightbox{z-index:120;-webkit-backdrop-filter:blur(10px);animation:fade .2s var(--ease);background:#050507eb;place-items:center;display:grid;position:fixed;inset:0}.lightbox img{border-radius:var(--r-lg);max-width:calc(100vw - 200px);max-height:calc(100vh - 120px);box-shadow:0 40px 120px #000c}.lightbox-close,.lightbox-nav{color:var(--text);background:#ffffff14;border-radius:50%;place-items:center;transition:background .2s;display:grid;position:absolute}.lightbox-close:hover,.lightbox-nav:hover{background:#ffffff29}.lightbox-close{width:44px;height:44px;top:24px;right:24px}.lightbox-nav{width:52px;height:52px;margin-top:-26px;top:50%}.lightbox-nav.prev{left:32px}.lightbox-nav.next{right:32px}.lightbox-n{color:var(--text-3);font-size:13px;position:absolute;bottom:24px}.gp-over{grid-template-columns:minmax(0,1fr) 380px;gap:64px;margin-top:48px;display:grid}.gp-desc{color:var(--text-2);max-width:780px;font-size:17px;line-height:1.9}.gp-genres{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.gp-genres span{border-radius:var(--r-pill);height:32px;color:var(--text-2);background:#ffffff0f;align-items:center;padding:0 14px;font-size:13px;display:inline-flex}.gp-info{border-radius:var(--r-xl);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-card);background:#17171bb8;align-self:start;padding:22px 24px}.props{margin:4px 0 0}.props div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:12px 0;font-size:14px;display:flex}.props div:last-child{border-bottom:0}.props dt{color:var(--text-3)}.props dd{text-align:right;margin:0}.gp-info-steam{margin-top:12px}.gp-fb{border-radius:var(--r-md);text-align:left;width:100%;color:var(--text-2);background:#ffffff0d;align-items:center;gap:14px;margin-top:10px;padding:14px 16px;transition:background .2s,color .2s;display:flex}.gp-fb:hover{color:var(--text);background:#ffffff17}.gp-fb span{flex-direction:column;flex:1;line-height:1.45;display:flex}.gp-fb b{color:var(--text);font-size:14px;font-weight:600}.gp-fb small{color:var(--text-3);font-size:12px}.log{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.log-e{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;padding:20px 22px;display:flex}.log-h{align-items:center;gap:10px;display:flex}.log-h b{font-size:16px;font-weight:700}.log-new{background:var(--brand-soft);color:var(--brand);border-radius:5px;padding:2px 7px;font-size:11px;font-weight:600}.log-e p{color:var(--text-2);flex:1;margin-top:8px;font-size:14px;line-height:1.7}.log-when{color:var(--text-3);margin-top:14px;font-size:12px}.m-note{color:var(--text-2);align-items:center;gap:8px;margin-top:12px;font-size:13px;display:flex}@media (width<=1100px){.gp-over{grid-template-columns:minmax(0,1fr);gap:32px}}@media (width<=720px){.hub{height:auto;min-height:78vh}.hub-scrim{background:linear-gradient(180deg, #08080a80 0, transparent 120px), linear-gradient(0deg, var(--bg) 0, #0a0a0cd9 30%, transparent 70%)}.hub-copy{padding-top:50vh;padding-bottom:32px}img.hub-logo{width:260px}.hub-logo.logo-text{font-size:38px}.hub-meta{gap:6px 12px;font-size:13px}.hub-tag{font-size:17px}.hub-acts{flex-direction:column;margin-top:22px}.hub-acts .btn{width:100%}.hub-pause{display:none}.hub-bar{height:52px}.hub-tabs{gap:22px}.hub-tabs button{font-size:14px}.shots-row{grid-auto-columns:86%;gap:10px}.gp-sec{padding-top:40px}.gp-first{padding-top:28px}.gp-over{margin-top:32px}.gp-desc{font-size:15px}.gp-info{padding:18px}.lightbox img{border-radius:0;max-width:100vw}.lightbox-nav{display:none}}.hub-logo.logo-text{margin-bottom:8px}.gp-sec-h h2 span{color:var(--text-3);margin-left:8px;font-size:15px;font-weight:400}.rooms{flex-direction:column;gap:6px;display:flex}.rooms-empty{font-size:14px}.room{border-radius:var(--r-md);background:var(--surface);height:64px;box-shadow:var(--shadow-card);grid-template-columns:minmax(0,1fr) 140px 160px 160px 76px;align-items:center;gap:16px;padding:0 12px 0 20px;font-size:14px;transition:background .2s;display:grid}.room:hover{background:var(--surface-2)}.room-n{align-items:center;gap:10px;min-width:0;display:flex}.room-n b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.room-friend{background:var(--brand-soft);color:var(--brand);border-radius:5px;flex:none;padding:2px 8px;font-size:11px;font-weight:600}.room-map{color:var(--text-2)}.room-host{color:var(--text-2);align-items:center;gap:8px;font-size:13px;display:flex}.room-slots{align-items:center;gap:10px;display:flex}.room-slots small{color:var(--text-3);font-size:12px}.room-join{border-radius:var(--r-sm);background:var(--glass);justify-content:center;justify-self:end;align-items:center;width:64px;height:34px;font-size:13px;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.room:hover .room-join{background:var(--brand);color:var(--brand-ink)}.gp-nums{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-bottom:4px;padding-bottom:18px;display:grid}.gp-nums div{flex-direction:column;display:flex}.gp-nums b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1.15}.gp-nums span{color:var(--text-3);font-size:12px}.m-note-link{color:var(--text);text-underline-offset:3px;margin-left:6px;text-decoration:underline}button.hub-buddies:disabled{cursor:default}@media (width<=1100px){.room{grid-template-columns:minmax(0,1fr) 120px 140px 76px}.room-map{display:none}}.home{isolation:isolate;padding-top:calc(var(--nav-h) + 16px);min-height:80vh;position:relative}.home-wait{padding-top:calc(var(--nav-h) + 48px)}.home-grid{row-gap:40px}.home-empty{color:var(--text-3);padding:60px 0}.spot{grid-template-columns:minmax(0,1fr) 292px;gap:16px;display:grid}.spot-main{aspect-ratio:16/9;max-height:calc(100vh - var(--nav-h) - 150px);border-radius:var(--r-xl);background:var(--surface);min-height:460px;box-shadow:0 40px 90px -40px #000000e6, 0 0 0 1px var(--line);position:relative;overflow:hidden}.spot-media{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.spot-slide{opacity:0;transition:opacity .9s var(--ease);position:absolute;inset:0}.spot-slide.on{opacity:1;z-index:1}.spot-slide .art{position:absolute;inset:0}.spot-slide.on .art>img{animation:kenburns 11s var(--ease-out) both}.spot-scrim{z-index:2;pointer-events:none;background:linear-gradient(90deg,#050508b8 0%,#05050859 34%,#05050800 60%),linear-gradient(#05050800 52%,#050508b3 100%);position:absolute;inset:0}.spot-scrim.strong{background:linear-gradient(90deg,#050508db 0%,#0505088c 40%,#0505081a 70%),linear-gradient(#05050800 48%,#050508bf 100%)}.spot-copy{z-index:3;width:min(520px,100% - 104px);position:absolute;bottom:46px;left:52px}.spot-copy>*{animation:rise .7s var(--ease-out) both}.spot-copy>:nth-child(2){animation-delay:60ms}.spot-copy>:nth-child(3){animation-delay:.1s}.spot-copy>:nth-child(4){animation-delay:.14s}.spot-copy>:nth-child(5){animation-delay:.18s}.spot-logo{filter:drop-shadow(0 8px 30px #00000073);width:400px;max-width:100%;margin:0 0 6px -36px}.spot-logo.logo-text{width:auto;margin-left:0;font-size:52px}.spot-meta{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13px;display:flex}.spot-badge{height:24px;color:var(--text);-webkit-backdrop-filter:blur(12px);background:#ffffff29;border-radius:6px;align-items:center;gap:5px;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.spot-badge.s-demo{background:var(--brand);color:var(--brand-ink)}.spot-tag{color:#ffffffdb;text-shadow:0 1px 12px #0006;margin:14px 0 26px;font-size:18px;line-height:1.55}.spot-acts{flex-wrap:wrap;gap:12px;display:flex}.spot-live{align-items:center;gap:20px;margin-top:22px;font-size:13px;display:flex}.spot-live .live{color:#fffc}.spot-friends{color:#fffc;align-items:center;gap:8px;display:inline-flex}.spot-list{flex-direction:column;gap:4px;display:flex}.spot-item{border-radius:var(--r-lg);text-align:left;min-height:0;max-height:120px;color:var(--text-2);flex:1;align-items:center;gap:14px;padding:8px 12px;transition:background .25s,color .25s;display:flex;position:relative;overflow:hidden}.spot-item:hover{color:var(--text);background:#ffffff0d}.spot-item.on{color:var(--text);background:#ffffff1a}.spot-fill{transform-origin:0;background:#ffffff12;animation:8s linear both fill;position:absolute;inset:0}@keyframes fill{0%{transform:scaleX(0)}}.spot-thumb{aspect-ratio:16/9;width:96px;box-shadow:0 0 0 1px var(--line);border-radius:8px;flex:none;position:relative}.spot-name{flex-direction:column;min-width:0;line-height:1.4;display:flex;position:relative}.spot-name b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.spot-name small{color:var(--text-3);font-size:12px}.foryou{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:32px;display:grid}.foryou.solo{grid-template-columns:minmax(0,1fr)}.foryou.solo .resume{grid-template-columns:repeat(4,minmax(0,1fr))}.resume{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.resume-card{min-width:0}.resume-media{position:relative}.resume-cover{border-radius:var(--r-lg);box-shadow:0 0 0 1px var(--line);display:block;position:relative;overflow:hidden}.resume-cover>.art{aspect-ratio:16/9}.resume-over{background:linear-gradient(#0000 40%,#0000008c);align-items:flex-end;padding:12px 14px;display:flex;position:absolute;inset:0}.resume-logo{width:52%}.resume-logo.logo-text{width:auto;font-size:20px}.resume-play{border-radius:var(--r-pill);background:var(--brand);height:34px;color:var(--brand-ink);opacity:0;transition:opacity .25s, transform .3s var(--ease-out), background .2s;align-items:center;gap:6px;padding:0 14px 0 12px;font-size:13px;font-weight:700;display:inline-flex;position:absolute;bottom:12px;right:12px;transform:translateY(4px)}.resume-play:hover{background:var(--brand-hover)}.resume-card:hover .resume-play,.resume-play:focus-visible{opacity:1;transform:none}.resume-card:hover .art>img{transform:scale(1.05)}@media (hover:none){.resume-play{opacity:1;transform:none}}.resume-t{flex-direction:column;width:fit-content;margin-top:10px;line-height:1.45;display:flex}.resume-t b{font-size:14px;font-weight:600}.resume-t span{color:var(--text-3);font-size:12px}.fr-panel{border-radius:var(--r-lg);background:var(--surface);min-height:calc(100% - 52px);box-shadow:var(--shadow-card);padding:6px}.link-h{font:inherit;color:inherit;align-items:center;gap:4px;display:inline-flex}.link-h:hover{color:var(--text-2)}.promos{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.pt-banner{border-radius:var(--r-xl);min-height:380px;box-shadow:0 0 0 1px var(--line);align-items:center;display:flex;position:relative;overflow:hidden}.pt-banner>.art{position:absolute;inset:0}.pt-banner:before{content:"";z-index:1;background:linear-gradient(90deg,#08060ce0 0%,#08060c8c 40%,#0000 70%);position:absolute;inset:0}.pt-banner-in{z-index:2;max-width:540px;padding:40px 52px;position:relative}.pt-banner-logo{width:340px;margin:0 0 6px -28px}.pt-banner-logo.logo-text{width:auto;margin-left:0;font-size:40px}.pt-banner-in p{color:var(--text-2);font-size:15px;line-height:1.7}.pt-banner-acts{gap:10px;margin-top:24px;display:flex}.pt-more{margin-top:24px}@media (width<=1100px){.spot{grid-template-columns:minmax(0,1fr)}.spot-list{display:none}.foryou{grid-template-columns:minmax(0,1fr)}.foryou.solo .resume{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.spot-main{aspect-ratio:auto;height:560px;min-height:0;max-height:none}.spot-copy{width:calc(100% - 44px);bottom:26px;left:22px}.spot-logo{width:280px;margin-left:-24px}.spot-tag{font-size:15px}.resume,.foryou.solo .resume,.promos{grid-template-columns:minmax(0,1fr)}.pt-banner-in{padding:28px 22px}}.join{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:100px 20px 60px;display:flex;position:relative;overflow:hidden}.join-loading{background:var(--bg)}.join-art{position:fixed;inset:0}.join-art>img{filter:blur(8px)brightness(.75);transform:scale(1.06)}.join-scrim{background:radial-gradient(#08080a59,#08080ad9 75%);position:fixed;inset:0}.join-nav{z-index:2;align-items:center;height:68px;display:flex;position:fixed;top:0;left:0;right:0}.join-card{z-index:1;border-radius:var(--r-xl);-webkit-backdrop-filter:blur(32px)saturate(1.4);width:min(480px,100%);box-shadow:var(--shadow-pop);animation:pop .5s var(--ease);background:#0e0e11b8;padding:32px 36px 24px;position:relative}.join-host{color:var(--text-2);align-items:center;gap:12px;font-size:15px;display:flex}.join-host b{color:var(--text);font-weight:600}.join-host-icon{width:40px;height:40px;color:var(--text);background:#ffffff14;border-radius:50%;place-items:center;display:grid}.join-logo{margin:18px 0 0 -34px}.join-logo .logo{width:380px;max-width:none}.join-logo .logo-text{width:auto;max-width:100%;margin-left:34px;font-size:40px}.join-tag{margin-top:10px;font-size:15px}.join-room{border-top:1px solid var(--line);margin-top:28px}.join-room>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:50px;font-size:14px;display:flex}.join-room b{font-weight:600}.join-code{letter-spacing:.14em}.join-members>span:last-child{align-items:center;gap:12px;min-width:0;display:inline-flex}.join-names{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:13px;overflow:hidden}.join-main{flex-direction:column;gap:12px;margin-top:28px;display:flex}.join-warn{color:var(--text-2);border-radius:var(--r-md);background:#ffffff0f;align-items:flex-start;gap:10px;padding:14px 16px;font-size:14px;line-height:1.6;display:flex}.join-warn .i{color:var(--text);flex:none;margin-top:3px}.join-sub{text-align:center;font-size:13px;line-height:1.7}.join-link{color:var(--text);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--text-3);text-decoration-color:var(--text-3)}.join-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:24px;padding-top:18px;font-size:13px;display:flex}.join-more{color:var(--text-2);align-items:center;gap:2px;display:inline-flex}.join-more:hover{color:var(--text)}.join-anyway{text-underline-offset:3px;align-self:center;font-size:13px;text-decoration:underline}@media (width<=720px){.join{justify-content:flex-start;padding-top:84px}.join-card{border-radius:20px;padding:28px 22px 20px}.join-logo .logo{width:320px}}.play{background:#000;position:fixed;inset:0;overflow:hidden}.play-frame{width:100%;height:100%;transition:filter .4s var(--ease), transform .4s var(--ease);border:0;display:block;position:absolute;inset:0}.play-frame.dim{filter:blur(10px)brightness(.45);transform:scale(1.01)}.play kbd{font:500 11px var(--font);color:var(--text-2);background:#ffffff1f;border-radius:5px;padding:1px 6px}.play-loading{z-index:3;background:#000;align-items:flex-end;padding:0 64px 72px;display:flex;position:absolute;inset:0}.play-loading-art{position:absolute;inset:0}.play-loading-art>img{filter:brightness(.55);animation:kenburns 14s var(--ease-out) both}.play-loading:after{content:"";background:linear-gradient(#0000 45%,#000000bf),linear-gradient(90deg,#00000080,#0000 55%);position:absolute;inset:0}.play-loading-in{z-index:1;width:min(440px,90vw);animation:rise .6s var(--ease-out) both;position:relative}.play-loading-logo{filter:drop-shadow(0 8px 30px #00000080);margin:0 0 18px}img.play-loading-logo{width:480px;max-width:none;margin-left:-44px}.play-bar{background:#ffffff29;border-radius:4px;height:4px;overflow:hidden}.play-bar i{background:var(--brand);height:100%;box-shadow:0 0 12px var(--brand);border-radius:4px;transition:width .2s linear;display:block}.play-loading-in p{color:var(--text-2);justify-content:space-between;margin-top:12px;font-size:13px;display:flex}.play-tip{z-index:1;color:var(--text-3);font-size:13px;position:absolute;bottom:72px;right:64px}.play-top{z-index:4;transition:opacity .5s var(--ease), transform .5s var(--ease);background:linear-gradient(#00000080,#0000);align-items:center;gap:10px;padding:16px 20px;display:flex;position:absolute;top:0;left:0;right:0}.play-top.hide{opacity:0;pointer-events:none;transform:translateY(-8px)}.play-title{margin:0 6px 0 4px;font-size:15px;font-weight:500}.play-top-r{gap:8px;margin-left:auto;display:flex}.play-chip{border-radius:var(--r-md);-webkit-backdrop-filter:blur(16px);background:#14141880;align-items:center;gap:8px;height:36px;padding:0 14px;font-size:13px;font-weight:500;transition:background .2s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1a}.play-chip:hover{background:#ffffff24}.play-back{justify-content:center;width:36px;padding:0}.play-menu{z-index:5;animation:fade .25s var(--ease);display:flex;position:absolute;inset:0}.play-paused{flex-direction:column;flex:1;justify-content:flex-end;padding:0 0 72px 64px;display:flex}.play-paused-tag{background:#ffffff24;border-radius:6px;align-self:flex-start;align-items:center;gap:6px;height:28px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.play-paused-logo{filter:drop-shadow(0 8px 30px #00000080);margin:12px 0 8px}img.play-paused-logo{width:460px;margin:8px 0 4px -42px}.play-panel{-webkit-backdrop-filter:blur(32px)saturate(1.4);width:420px;height:100%;box-shadow:-1px 0 0 var(--line);animation:slide .35s var(--ease);background:#0e0e11d1;flex-direction:column;padding:24px;display:flex;overflow:auto}@keyframes slide{0%{opacity:0;transform:translate(24px)}}.play-panel-h{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.play-panel-h h3{font-size:16px;font-weight:500}.play-panel-sec{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.play-panel-foot{flex-direction:column;gap:10px;margin-top:auto;padding-top:24px;display:flex}.play-panel-row{gap:10px;display:flex}.play-panel-row>*{flex:1}.play-panel-note{color:var(--text-3);font-size:13px}.play-panel-sec{flex-direction:column;gap:12px;display:flex}.play-wish-row>div{flex-direction:column;gap:2px;font-size:13px;display:flex}.play-wish-row b{font-size:15px;font-weight:500}.play-bar.indeterminate i{width:30%;animation:indeterminate 1.4s var(--ease) infinite}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(340%)}}.play-hot{z-index:4;height:6px;position:absolute;top:0;left:0;right:0}.play-mobile{z-index:7;border-radius:var(--r-pill);white-space:nowrap;-webkit-backdrop-filter:blur(16px);height:40px;box-shadow:inset 0 0 0 1px var(--line-2);background:#141418c7;align-items:center;gap:8px;padding:0 8px 0 14px;font-size:13px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.play-mobile button{width:28px;height:28px;color:var(--text-3);border-radius:50%;place-items:center;display:grid}.play-leave{z-index:8;animation:fade .3s var(--ease) both;background:#000;position:absolute;inset:0}@media (width<=720px){.play-loading{padding:0 24px 48px}img.play-loading-logo{width:300px;margin-left:-28px}.play-menu{flex-direction:column}.play-paused{display:none}.play-panel{width:100%}}@media (width<=720px),(pointer:coarse){.play-mobile{top:auto;bottom:16px}.play-title,.play-top kbd{display:none}}.play-room-h{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;display:flex}.play-room-h .faint{align-items:center;gap:8px;font-size:12px;display:inline-flex}.play-members{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;display:grid}.play-member{border-radius:var(--r-md);background:#ffffff0d;align-items:center;gap:10px;min-width:0;height:40px;padding:0 10px;font-size:13px;display:flex}.play-member>span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.play-member-dot{background:var(--brand);border-radius:50%;flex:none;width:8px;height:8px}.play-host{color:var(--brand);font-size:11px;font-weight:600}.play-end{z-index:6;animation:fade .4s var(--ease);background:#000;place-items:center;display:grid;position:absolute;inset:0}.play-end-art{position:absolute;inset:0}.play-end-art>img{filter:blur(30px)brightness(.4);transform:scale(1.1)}.play-end-card{-webkit-backdrop-filter:blur(30px);width:min(560px,92vw);box-shadow:var(--shadow-pop);animation:pop .4s var(--ease);background:#0e0e11b8;border-radius:24px;padding:44px 44px 32px;position:relative}.play-end-logo{width:300px;margin:-20px 0 0 -30px}.play-end-logo.logo-text{width:auto;margin:0 0 8px;font-size:34px}.play-end-time{color:var(--text-3);font-size:13px}.play-end-card h2{letter-spacing:-.02em;margin:8px 0 6px;font-size:26px;font-weight:700}.play-moods{margin-top:20px}.play-moods .chip{height:40px;padding:0 20px;font-size:14px}.play-moods .chip:disabled:not(.on){opacity:.45}.play-more{color:var(--text-2);align-items:center;gap:2px;margin-top:14px;font-size:13px;display:inline-flex}.play-more:hover{color:var(--text)}.play-wish{border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line);background:#ffffff0d;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding:18px 18px 18px 20px;display:flex}.play-wish>div{flex-direction:column;gap:2px;font-size:13px;display:flex}.play-wish b{font-size:15px;font-weight:500}.play-end-acts{align-items:center;gap:8px;margin-top:28px;display:flex}.play-end-home{color:var(--text-3);margin-left:auto;font-size:13px}.play-end-home:hover{color:var(--text)}@media (width<=720px){.play-end-card{padding:32px 22px 24px}.play-wish{flex-direction:column;align-items:stretch}}