@import"https://fonts.googleapis.com/css2?family=Unbounded:wght@500..900&family=Figtree:wght@400..800&family=DM+Mono:wght@400;500&display=swap";:root{--mk-keo: #14c76e;--mk-keo-deep: #0a9a52;--mk-on-keo: #04140b}:root[data-ds-mode=dark]{--mk-keo: #2be38a;--mk-keo-deep: #13a863;--mk-on-keo: #04140b}:root[data-ds-keo=pip]{--mk-keo: #7c5cff;--mk-keo-deep: #5536e0;--mk-on-keo: #ffffff}:root[data-ds-keo=pip][data-ds-mode=dark]{--mk-keo: #a58bff;--mk-keo-deep: #7c5cff;--mk-on-keo: #120a2e}:root[data-ds-keo=zip]{--mk-keo: #1e8bff;--mk-keo-deep: #1060d0;--mk-on-keo: #ffffff}:root[data-ds-keo=zip][data-ds-mode=dark]{--mk-keo: #4fb3ff;--mk-keo-deep: #1e8bff;--mk-on-keo: #04121f}:root[data-ds-keo=sunny]{--mk-keo: #ffc21a;--mk-keo-deep: #d48f00;--mk-on-keo: #2a1b00}:root[data-ds-keo=sunny][data-ds-mode=dark]{--mk-keo: #ffd84d;--mk-keo-deep: #e0a800;--mk-on-keo: #2a1b00}:root[data-ds-keo=ember]{--mk-keo: #ff6a3d;--mk-keo-deep: #d9402b;--mk-on-keo: #ffffff}:root[data-ds-keo=ember][data-ds-mode=dark]{--mk-keo: #ff8a5c;--mk-keo-deep: #ff6a3d;--mk-on-keo: #1f0a04}:root[data-ds-keo=ink]{--mk-keo: #0b140f;--mk-keo-deep: #000000;--mk-on-keo: #ffffff}:root[data-ds-keo=ink][data-ds-mode=dark]{--mk-keo: #e9f6ee;--mk-keo-deep: #a9bcb0;--mk-on-keo: #04140b}:root{--mk-bg: color-mix(in oklab, var(--mk-keo) 1.5%, #fbfcfb);--mk-paper: #ffffff;--mk-paper-2: color-mix(in oklab, var(--mk-keo) 2.5%, #f3f5f4);--mk-line: color-mix(in oklab, var(--mk-keo) 4%, #e2e6e3);--mk-line-strong: color-mix(in oklab, var(--mk-keo) 5%, #c9d0cc);--mk-ink: #0b140f;--mk-ink-2: #4b5852;--mk-ink-3: #7f8c86;--mk-on-ink: #ffffff;--mk-keo-soft: color-mix(in oklab, var(--mk-keo) 15%, #ffffff);--mk-keo-text: color-mix(in oklab, var(--mk-keo-deep) 80%, #000000);--mk-glass: rgb(255 255 255 / .64);--mk-glass-edge: rgb(255 255 255 / .7)}:root[data-ds-mode=dark]{--mk-bg: color-mix(in oklab, var(--mk-keo) 1.5%, #040505);--mk-paper: color-mix(in oklab, var(--mk-keo) 1.2%, #0a0b0b);--mk-paper-2: color-mix(in oklab, var(--mk-keo) 2%, #121414);--mk-line: color-mix(in oklab, var(--mk-keo) 3.2%, #202322);--mk-line-strong: color-mix(in oklab, var(--mk-keo) 4%, #323635);--mk-ink: #eef3f0;--mk-ink-2: #a9b4af;--mk-ink-3: #76827c;--mk-on-ink: #04140b;--mk-keo-soft: color-mix(in oklab, var(--mk-keo) 22%, #111514);--mk-keo-text: var(--mk-keo);--mk-glass: color-mix(in oklab, var(--mk-paper) 50%, transparent);--mk-glass-edge: rgb(255 255 255 / .12)}:root{--mk-green: #14c76e;--mk-green-deep: #0a9a52;--mk-grape: #7c5cff;--mk-grape-deep: #5536e0;--mk-sky: #1e8bff;--mk-sky-deep: #1060d0;--mk-sun: #ffc21a;--mk-sun-deep: #d48f00;--mk-sun-text: #8a6500;--mk-coral: #ff6a3d;--mk-coral-deep: #d9402b}:root[data-ds-mode=dark]{--mk-green: #2be38a;--mk-green-deep: #13a863;--mk-grape: #a58bff;--mk-grape-deep: #7c5cff;--mk-sky: #4fb3ff;--mk-sky-deep: #1e8bff;--mk-sun: #ffd84d;--mk-sun-deep: #e0a800;--mk-sun-text: #ffd84d;--mk-coral: #ff8a5c;--mk-coral-deep: #ff6a3d}:root{--mk-success: #11a85a;--mk-warning: #c77e00;--mk-danger: #e23b2f;--mk-info: #1e7fe6}:root[data-ds-mode=dark]{--mk-success: #3be38f;--mk-warning: #ffc14d;--mk-danger: #ff6b5f;--mk-info: #62b6ff}:root{--ds-bg: var(--mk-paper);--ds-surface: var(--mk-paper);--ds-surface-raised: var(--mk-paper);--ds-surface-sunken: var(--mk-paper-2);--ds-surface-hover: var(--mk-paper-2);--ds-surface-side: var(--mk-bg);--ds-surface-inverse: var(--mk-ink);--ds-ink: var(--mk-ink);--ds-ink-soft: var(--mk-ink-2);--ds-ink-faint: var(--mk-ink-3);--ds-ink-inverse: var(--mk-on-ink);--ds-line: var(--mk-line);--ds-line-soft: var(--mk-line);--ds-line-strong: var(--mk-line-strong);--ds-primary: var(--mk-keo);--ds-primary-ink: var(--mk-on-keo);--ds-primary-deep: var(--mk-keo-deep);--ds-accent: var(--mk-keo);--ds-accent-deep: var(--mk-keo-deep);--ds-accent-text: var(--mk-keo-text);--ds-accent-alt: var(--mk-sun);--ds-accent-ink: var(--mk-on-keo);--ds-accent-soft: var(--mk-keo-soft);--ds-accent-line: color-mix(in oklab, var(--mk-keo) 40%, transparent);--ds-glow: var(--mk-keo);--ds-green: var(--mk-green);--ds-green-deep: var(--mk-green-deep);--ds-grape: var(--mk-grape);--ds-grape-deep: var(--mk-grape-deep);--ds-sky: var(--mk-sky);--ds-sky-deep: var(--mk-sky-deep);--ds-sun: var(--mk-sun);--ds-sun-deep: var(--mk-sun-deep);--ds-sun-text: var(--mk-sun-text);--ds-coral: var(--mk-coral);--ds-coral-deep: var(--mk-coral-deep);--ds-success: var(--mk-success);--ds-warning: var(--mk-warning);--ds-danger: var(--mk-danger);--ds-danger-deep: color-mix(in oklab, var(--mk-danger) 70%, #000000);--ds-info: var(--mk-info);--ds-success-soft: color-mix(in oklab, var(--mk-success) 12%, transparent);--ds-warning-soft: color-mix(in oklab, var(--mk-warning) 14%, transparent);--ds-danger-soft: color-mix(in oklab, var(--mk-danger) 12%, transparent);--ds-info-soft: color-mix(in oklab, var(--mk-info) 12%, transparent);--ds-shadow-color: #000000;--ds-scrim: rgb(4 20 11 / .36)}:root[data-ds-mode=dark]{--ds-surface-raised: var(--mk-paper-2);--ds-success-soft: color-mix(in oklab, var(--mk-success) 18%, transparent);--ds-warning-soft: color-mix(in oklab, var(--mk-warning) 16%, transparent);--ds-danger-soft: color-mix(in oklab, var(--mk-danger) 18%, transparent);--ds-info-soft: color-mix(in oklab, var(--mk-info) 18%, transparent);--ds-scrim: rgb(0 0 0 / .6)}:root{--ds-font-display: Unbounded, ui-sans-serif, system-ui, sans-serif;--ds-font-body: Figtree, ui-sans-serif, system-ui, sans-serif;--ds-font-mono: "DM Mono", "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--ds-display-weight: 800;--ds-display-tracking: -.05em;--ds-display-scale: 1;--ds-text-2xs: .6875rem;--ds-text-xs: .75rem;--ds-text-sm: .8125rem;--ds-text-md: .875rem;--ds-text-lg: .9375rem;--ds-text-xl: 1.25rem;--ds-text-2xl: 1.625rem;--ds-text-3xl: 2.5rem;--ds-text-4xl: 3.5rem;--ds-text-5xl: 4.5rem;--ds-leading-tight: 1.02;--ds-leading-snug: 1.3;--ds-leading-normal: 1.5;--ds-leading-relaxed: 1.65;--ds-weight-regular: 400;--ds-weight-medium: 500;--ds-weight-semibold: 600}:root{--ds-radius-xs: 6px;--ds-radius-sm: 10px;--ds-radius-md: 12px;--ds-radius-lg: 18px;--ds-radius-xl: 26px;--ds-radius-2xl: 34px;--ds-radius-full: 999px;--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 20px;--ds-space-6: 24px;--ds-space-8: 32px;--ds-space-10: 40px;--ds-space-12: 48px;--ds-space-16: 64px;--ds-control-sm: 32px;--ds-control-md: 40px;--ds-control-lg: 48px}:root{--ds-shadow-1: 0 1px 2px rgb(0 0 0 / .05);--ds-shadow-2: 0 1px 2px rgb(0 0 0 / .04), 0 6px 16px -8px rgb(0 0 0 / .1);--ds-shadow-3: 0 2px 6px rgb(0 0 0 / .04), 0 18px 40px -18px rgb(0 0 0 / .2);--ds-shadow-4: 0 4px 12px rgb(0 0 0 / .06), 0 30px 70px -28px rgb(0 0 0 / .35);--ds-shadow-accent: 0 10px 24px -12px color-mix(in oklab, var(--mk-keo) 70%, transparent)}:root[data-ds-mode=dark]{--ds-shadow-1: 0 1px 2px #0008;--ds-shadow-2: 0 1px 2px #0006, 0 8px 18px -8px #000c;--ds-shadow-3: 0 2px 6px #0006, 0 18px 40px -16px #000e;--ds-shadow-4: 0 4px 12px #0008, 0 34px 80px -24px #000}:root{--ds-ease-out: cubic-bezier(.22, 1, .36, 1);--ds-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ds-duration-fast: .12s;--ds-duration-base: .16s;--ds-duration-slow: .42s}@media(prefers-reduced-motion:reduce){:root{--ds-duration-fast: 0ms;--ds-duration-base: 0ms;--ds-duration-slow: 0ms}}:root{--ds-glass-blur: blur(24px) saturate(2);--ds-glass-thin: color-mix(in oklab, var(--mk-paper) 55%, transparent);--ds-glass-regular: var(--mk-glass);--ds-glass-thick: color-mix(in oklab, var(--mk-paper) 86%, transparent);--ds-glass-edge: var(--mk-glass-edge);--ds-glass-highlight: transparent;--ds-glass-sheen: linear-gradient(transparent, transparent);--ds-glass-tint: linear-gradient(transparent, transparent);--ds-grain: linear-gradient(transparent, transparent);--ds-grad-accent: linear-gradient(var(--ds-accent), var(--ds-accent));--ds-grad-wash: linear-gradient(var(--ds-surface), var(--ds-surface));--ds-grad-aurora: linear-gradient(var(--ds-surface-side), var(--ds-surface-side));--ds-grad-inverse: linear-gradient(var(--ds-surface-inverse), var(--ds-surface-inverse));--ds-grad-canvas: linear-gradient(var(--ds-bg), var(--ds-bg));--ds-glow-strength: .14;--ds-glow-blend: normal;--ds-rim-strength: .8}:root[data-ds-mode=dark]{--ds-glass-thin: color-mix(in oklab, var(--mk-paper) 45%, transparent);--ds-glass-thick: color-mix(in oklab, var(--mk-paper) 82%, transparent);--ds-glow-strength: .26;--ds-glow-blend: plus-lighter}@media(prefers-reduced-transparency:reduce){:root{--ds-glass-blur: none;--ds-glass-thin: var(--ds-surface);--ds-glass-regular: var(--ds-surface);--ds-glass-thick: var(--ds-surface)}}:root{font-family:var(--ds-font-body);color:var(--ds-ink);background:var(--ds-surface-side);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:default}button{border:0;background:none}a{color:inherit;text-decoration:none}button,a,input,textarea,select{outline-offset:4px}:focus-visible{outline:2px solid var(--ds-accent-line)}h1,h2,h3,p{margin:0}button{transition:background .18s,color .18s,transform .18s}.app-shell{height:100dvh;display:flex;overflow:hidden}.sidebar{width:242px;flex-shrink:0;border-right:1px solid var(--line);padding:33px 23px 20px;display:flex;flex-direction:column;background:var(--ds-surface)}.brand{display:flex;align-items:center;padding-left:7px}.brand-lockup{display:inline-flex;align-items:baseline;gap:6px;line-height:1}.brand-logo{display:block;height:26px;width:auto;align-self:center}.brand-play{font-family:var(--ds-font-display);font-size:19px;font-weight:500;letter-spacing:-.04em;color:var(--ds-accent-text)}.brand-lockup.small .brand-logo{height:20px}.brand-lockup.small .brand-play{font-size:15px}.brand-lockup.tiny .brand-logo{height:13px}.brand-lockup.tiny .brand-play{font-size:10px}.dark-only,[data-theme=dark] .light-only{display:none}[data-theme=dark] .dark-only{display:block}.main-nav{display:grid;gap:6px;margin-top:49px}.nav-item{display:flex;gap:14px;align-items:center;width:100%;padding:14px;border-radius:10px;font-weight:550;font-size:14px;text-align:left;color:var(--ds-ink-soft)}.nav-item:hover{background:var(--ds-surface-sunken)}.nav-item.selected{background:var(--ds-accent-soft);color:var(--ds-accent-text)}.nav-dot{display:none;width:5px;height:5px;border-radius:50%;background:var(--ds-accent);margin-left:auto}.selected .nav-dot{display:block}.post-button{margin-top:23px;border:1px solid var(--ds-line);background:var(--ds-surface);display:flex;align-items:center;justify-content:center;gap:9px;padding:12px;border-radius:9px;font-size:13px;font-weight:650}.post-button:hover{background:var(--ds-accent-soft)}.sidebar-divider{border-top:1px solid var(--line);margin:28px 3px 24px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.6px;color:var(--ds-ink-soft)}.sidebar-section{padding:0 7px}.creator-game{display:flex;align-items:center;text-align:left;gap:10px;width:100%;padding:0;margin-top:21px;font-size:11px;font-weight:600}.creator-game>span:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;flex-shrink:0}.creator-game small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:5px}.sidebar-bottom{margin-top:auto}.create-link{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:13px 12px;background:var(--ds-surface-sunken);font-size:12px}.create-link small{display:block;margin-top:4px;font-size:10px;color:var(--muted)}.create-link>svg:last-child{margin-left:auto;color:var(--ds-ink-soft)}.preview-label{display:flex;align-items:center;gap:7px;margin:22px 4px 0;font-size:10px;color:var(--ds-ink-faint)}.preview-label>span:first-child{width:5px;height:5px;border-radius:50%;background:var(--ds-surface-hover)}.version{margin-left:auto}.main-content{flex:1;min-width:0}.topbar{height:89px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 40px}.topbar h1{font-family:var(--ds-font-display);font-size:20px;font-weight:750}.feed-tabs{display:flex;align-self:stretch;gap:30px}.feed-tabs button{position:relative;font-size:14px;color:var(--ds-ink-soft);padding:0 2px}.feed-tabs button.active{font-weight:700;color:var(--ds-ink)}.feed-tabs button.active:after{content:"";position:absolute;bottom:0;height:3px;background:var(--ds-accent);left:0;right:0;border-radius:4px 4px 0 0}.topbar-actions{display:flex;align-items:center;gap:20px}.search-button{border:1px solid var(--line);border-radius:8px;color:var(--ds-ink-soft);display:flex;align-items:center;gap:11px;padding:9px 12px;font-size:12px}.search-button kbd{background:var(--ds-surface-sunken);padding:0 5px;border-radius:3px;margin-left:47px;font-size:11px}.profile-button{width:33px;height:33px;border:1px solid var(--ds-line);border-radius:50%;background:var(--ds-accent-soft);color:var(--ds-ink);display:grid;place-items:center}.feed-layout{height:calc(100dvh - 89px);display:flex;justify-content:center;gap:clamp(30px,4vw,76px);padding:24px 32px 0}.feed-column{width:min(530px,100%);min-width:0;height:100%;display:flex;flex-direction:column}.feed-scroll{flex:1;min-height:0;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior-y:contain}.feed-scroll::-webkit-scrollbar{display:none}.feed-card{height:100%;width:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:flex-end;justify-content:center;gap:17px;padding:0 0 2px}.clip{height:100%;max-width:440px;flex:1;position:relative;overflow:hidden;border-radius:15px;isolation:isolate}.clip video,.clip-poster{width:100%;height:100%;object-fit:cover;display:block}.clip:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#121021ba);pointer-events:none;z-index:1}.clip-top{position:absolute;top:19px;left:20px;right:17px;display:flex;align-items:center;justify-content:space-between;z-index:3}.clip-label{display:inline-flex;gap:7px;align-items:center;background:#28253620;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:7px 10px;border:1px solid #ffffff26;color:#fff;border-radius:6px;font-size:10px;font-weight:550}.live-dot{width:5px;height:5px;background:var(--ds-surface);border-radius:50%}.glass-button{width:31px;height:31px;background:#24213232;border:1px solid #ffffff22;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50%;color:#fff;display:grid;place-items:center}.clip-bottom{position:absolute;bottom:23px;left:22px;right:22px;color:#fff;z-index:3}.author-row{display:flex;gap:9px;align-items:center;font-size:13px}.avatar{background:var(--ds-accent-soft);color:var(--ds-ink-soft);border:1px solid #ffffff80;display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:50%;font-weight:650;flex-shrink:0}.makeo-avatar{padding:0;object-fit:cover}.follow-button{border:1px solid #ffffff75;font-size:10px;padding:4px 9px;border-radius:5px;color:#fff;margin-left:3px}.own-post-label{font-size:10px;opacity:.7}.caption{font-size:13px;line-height:1.5;margin:10px 0 11px;max-width:85%}.clip-game{display:flex;gap:7px;align-items:center;font-size:10px;opacity:.85}.dot-separator{opacity:.6}.quick-play{margin-top:18px;background:#ffffff18;border:1px solid #ffffff30;color:#fff;border-radius:7px;width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:11px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.quick-play span{margin-left:auto;opacity:.7;font-size:10px}.clip-progress{position:absolute;z-index:4;left:0;right:0;bottom:0;height:3px;background:#ffffff25}.clip-progress span{height:100%;display:block;background:var(--ds-accent-soft);transition:width .2s linear}.social-rail{display:flex;flex-direction:column;gap:18px;padding-bottom:9px;width:46px;flex-shrink:0}.social-action{display:flex;flex-direction:column;gap:7px;align-items:center;padding:0;color:var(--ds-ink-soft)}.social-action>span{width:43px;height:43px;border-radius:50%;background:var(--ds-surface-sunken);display:grid;place-items:center}.social-action svg{width:21px;height:21px;stroke-width:1.7}.social-action small{font-size:9px}.social-action:hover>span{background:var(--ds-accent-soft)}.social-action.liked{color:var(--ds-coral)}.social-action.saved{color:var(--ds-accent-text)}.playback-control{margin-top:7px}.playback-control>span{width:31px;height:31px;border:1px solid var(--ds-line);background:none}.feed-footer{height:53px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--ds-ink-faint);padding-right:61px}.feed-footer>span:nth-child(2){display:flex;gap:8px;align-items:center}.feed-footer>div{display:flex;gap:6px}.feed-footer button{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--ds-line);border-radius:50%}.details-column{width:270px;flex-shrink:0;padding-top:4px;overflow-y:auto;scrollbar-width:none}.details-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.icon-button{width:30px;height:30px;border-radius:6px;display:inline-flex;justify-content:center;align-items:center;color:var(--ds-ink-soft)}.icon-button:hover{background:var(--ds-accent-soft)}.game-detail{display:flex;align-items:center;gap:12px}.game-icon{width:52px;height:52px;border-radius:13px;display:grid;place-items:center;color:var(--ds-accent-text)}.game-detail h2{font-family:var(--ds-font-display);font-size:18px;font-weight:750;letter-spacing:-.4px}.game-detail p{color:var(--ds-ink-soft);font-size:11px;margin-top:5px}.game-description{color:var(--ds-ink-soft);font-size:12px;line-height:1.9;margin:17px 0 12px}.tags{display:flex;gap:7px}.tags span{color:var(--ds-ink-soft);background:var(--ds-accent-soft);padding:4px 9px;border-radius:5px;font-size:10px}.challenge-detail{border:1px solid var(--ds-accent-line);background:linear-gradient(135deg,var(--ds-accent-soft),var(--ds-accent-soft));border-radius:12px;padding:19px;margin-top:27px}.challenge-detail>div{display:flex;align-items:center;gap:9px}.challenge-symbol{color:var(--ds-accent-text);display:flex}.challenge-detail h3{font-family:var(--ds-font-display);font-size:21px;letter-spacing:-.6px;margin-top:16px}.challenge-detail p{font-size:11px;color:var(--ds-ink-soft);margin:7px 0 18px}.challenge-detail small{display:block;text-align:center;font-size:9px;margin-top:11px;color:var(--ds-ink-faint)}.button{display:flex;justify-content:center;align-items:center;gap:9px;border-radius:8px;padding:12px 18px;font-size:12px;font-weight:600;width:100%}.button>svg:last-child{margin-left:auto}.button.primary{background:var(--ds-primary);color:var(--ds-primary-ink);box-shadow:inset 0 -3px 0 var(--ds-primary-deep)}.button.primary:hover{background:var(--ds-accent);transform:translateY(-1px)}.button.primary:active{transform:translateY(1px);box-shadow:inset 0 -1px 0 var(--ds-primary-deep)}.button.dark{color:var(--ds-ink-inverse);background:var(--ds-surface-inverse)}.button.dark:hover{opacity:.88}.button.secondary{border:1px solid var(--ds-accent-line);background:var(--ds-accent-soft);color:var(--ds-ink-soft)}.details-divider{border-top:1px solid var(--line);margin:28px 0 23px}.up-next-heading{display:flex;justify-content:space-between;font-size:10px;color:var(--ds-ink-faint)}.up-next{display:grid;gap:17px;margin-top:19px}.up-next button{display:flex;gap:11px;align-items:center;text-align:left;padding:0}.up-next button>div{height:60px;width:49px;border-radius:7px;overflow:hidden;flex-shrink:0;display:grid;place-items:center}.up-next img{width:100%;height:100%;object-fit:cover}.up-next strong{display:block;font-size:12px;font-weight:550}.up-next small{display:block;font-size:10px;margin-top:6px;color:var(--ds-ink-soft)}.up-next svg:last-child{margin-left:auto;color:var(--ds-ink-faint)}.details-note{border-top:1px solid var(--line);margin-top:28px;padding:22px 0}.tiny-brand{font-family:var(--ds-font-display);font-size:15px;font-weight:750;letter-spacing:-.7px;color:var(--ds-ink-faint)}.details-note p{font-size:11px;color:var(--ds-ink-faint);margin:7px 0 14px}.details-note>span:last-child{font-size:9px;color:var(--ds-ink-faint)}.central-play{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);background:#ffffff40;color:#fff;width:67px;height:67px;border-radius:50%;display:grid;place-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3}.end-overlay{position:absolute;inset:0;background:#24203842;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;display:flex;align-items:center;justify-content:center;padding:25px 30px 125px}.end-card{color:#fff;text-align:center;width:100%}.end-icon{display:inline-flex;padding:15px;border-radius:50%;background:#fff2;margin-bottom:15px}.end-card .eyebrow{color:var(--ds-accent-text)}.end-card h2{font-family:var(--ds-font-display);font-size:30px;line-height:1.2;letter-spacing:-1px;margin:9px 0 12px}.end-card>p:not(.eyebrow){font-size:12px;color:#f1eaf9d9;line-height:1.6;max-width:225px;margin:0 auto 22px}.end-card .primary{background:var(--ds-accent-soft);color:var(--ds-accent-text)}.end-practice{border:1px solid #ffffff60;color:#fff;margin-top:8px}.replay-link{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:var(--ds-accent-text);padding:14px 0 0}.end-card small{display:block;font-size:9px;color:var(--ds-accent-text);margin-top:13px}.missing-clip{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 40px 200px;text-align:center;color:var(--ds-ink-soft)}.missing-clip h2{font-family:var(--ds-font-display);font-size:30px;margin-top:25px}.missing-clip span{font-size:11px;margin-top:12px}.missing-clip p{font-size:10px;margin-top:15px}.missing-clip+.clip-top+.end-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#28203950}.feed-loading,.feed-empty{height:100%}.skeleton-clip{border-radius:15px;height:90%;background:linear-gradient(100deg,var(--ds-accent-soft) 20%,var(--ds-accent-soft) 40%,var(--ds-accent-soft) 60%);background-size:200%;animation:shimmer 1.8s infinite}.feed-loading p{text-align:center;margin-top:15px;font-size:12px;color:var(--muted)}@keyframes shimmer{to{background-position:-200%}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:var(--ds-ink-soft);text-align:center;padding:45px 25px}.empty-state h2,.empty-state h3{font-family:var(--ds-font-display);font-size:20px;color:var(--ds-ink-soft)}.empty-state p{max-width:260px;line-height:1.6;font-size:12px}.empty-state .button{width:auto;margin-top:8px}.feed-error{background:var(--ds-coral);color:var(--ds-coral);padding:20px;border-radius:12px;font-size:12px}.feed-error button{margin-top:12px}.modal{border:1px solid var(--ds-accent-line);border-radius:18px;background:var(--ds-surface);color:var(--ds-ink);width:min(460px,calc(100vw - 28px));max-height:calc(100dvh - 40px);padding:0;box-shadow:0 25px 100px #17102126;overflow:auto}.modal::backdrop{background:#17121c75;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;border-bottom:1px solid var(--line)}.modal-header h2{font-family:var(--ds-font-display);font-size:15px;font-weight:750}.modal-sheet{position:fixed;inset:auto 0 0;margin:0 auto;width:min(560px,100vw);max-width:100vw;max-height:min(85dvh,800px);border-radius:24px 24px 0 0;padding-bottom:env(safe-area-inset-bottom);animation:sheet-enter .16s ease-out}.modal-sheet::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0006}.modal-sheet .modal-header{position:sticky;top:0;z-index:2;background:var(--raised);padding-top:26px}.modal-sheet .modal-header:before{content:"";position:absolute;width:32px;height:4px;border-radius:99px;background:var(--secondary);opacity:.35;top:9px;left:calc(50% - 16px)}.comments-sheet[open]{display:flex;flex-direction:column;height:min(72dvh,640px);overflow:hidden}.comments-sheet .modal-header,.comments-sheet .comment-context,.comments-sheet .comment-form{flex-shrink:0}.comments-sheet .comment-list{flex:1;min-height:0;max-height:none;overscroll-behavior:contain}.comment-loading{padding:24px}.comment-placeholder{display:flex;gap:12px;margin-bottom:24px}.comment-placeholder>span{width:32px;height:32px;border-radius:50%;background:var(--subtle)}.comment-placeholder>div{flex:1}.comment-placeholder i{display:block;height:10px;width:75%;border-radius:5px;background:var(--subtle);margin:5px 0 10px}.comment-placeholder i:first-child{width:30%}@keyframes sheet-enter{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.modal-sheet{animation:none}}.modal-body{padding:25px;display:flex;flex-direction:column;gap:18px}.modal-body h3{font-family:var(--ds-font-display);font-size:23px;letter-spacing:-.6px}.modal-body p{font-size:13px;line-height:1.75;color:var(--ds-ink-soft)}.modal-body small{font-size:10px;color:var(--ds-ink-faint);line-height:1.65}.comment-context{padding:18px 23px;background:var(--ds-accent-soft);font-size:12px}.comment-context p{font-size:11px;color:var(--ds-ink-soft);margin-top:6px}.comment-list{min-height:220px;max-height:42dvh;overflow:auto;padding:20px 23px}.comment{display:flex;gap:12px;padding:0 0 24px}.comment strong{font-size:11px}.comment p{margin-top:6px;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.comment small{font-size:9px;display:block;color:var(--ds-ink-faint);margin-top:7px}.comment-form{padding:18px 23px 23px;border-top:1px solid var(--line)}.comment-form label{font-size:10px;color:var(--ds-ink-faint)}.comment-form>div{display:flex;gap:10px;align-items:center;margin-top:10px}input,textarea,select{width:100%;background:var(--ds-accent-soft);border:1px solid var(--ds-accent-line);border-radius:8px;padding:12px;color:var(--ds-ink-soft);font-size:12px}input::placeholder,textarea::placeholder{color:var(--ds-ink-faint)}.form-error{color:var(--ds-coral)!important;font-size:12px;margin-bottom:10px}.upload-form label,.share-field{display:flex;flex-direction:column;gap:9px;font-size:12px}.upload-drop{border:1px dashed var(--ds-accent-line);border-radius:10px;padding:23px;align-items:center;color:var(--ds-accent-text);text-align:center;cursor:pointer}.upload-drop span{font-size:10px}.upload-drop input{max-width:100%;font-size:10px;margin-top:5px}.upload-preview{height:180px;width:100%;background:var(--ds-accent);border-radius:9px}.profile-page{height:calc(100dvh - 89px);overflow-y:auto;background:var(--surface);color:var(--ink);padding:40px}.profile-page-content{width:100%;max-width:680px;margin:0 auto}.profile-identity{display:flex;align-items:center;gap:18px;margin-bottom:32px}.profile-identity h2{margin:0 0 6px;overflow-wrap:anywhere}.profile-identity p,.profile-section p{color:var(--muted);line-height:1.6;margin:0}.profile-section{padding:24px 0;border-top:1px solid var(--line)}.profile-section h3{margin:0 0 16px;font-size:17px}.profile-section p+p{margin-top:12px}@media(max-width:700px){.profile-page{height:100dvh;padding:calc(92px + env(safe-area-inset-top)) 24px calc(100px + env(safe-area-inset-bottom))}}.avatar.large{height:68px;width:68px}.profile-stats{display:flex;width:100%;justify-content:space-evenly;gap:20px;padding:17px;background:var(--ds-accent-soft);border-radius:10px}.profile-stats strong{font-size:17px;display:block}.profile-stats span{display:block;font-size:10px;color:var(--ds-ink-faint);margin-top:5px}.game-modal{width:min(450px,calc((100dvh - 110px)*.632));min-width:300px}.game-body{position:relative;background:var(--ds-accent-soft)}.game-body canvas{width:100%;height:auto;display:block;touch-action:none}.game-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:25px;background:#24203365;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-screen-card{width:100%;padding:26px;background:#fffffff2;border:1px solid #ffffff66;border-radius:15px;text-align:center}.game-screen-card h3{font-family:var(--ds-font-display);font-size:25px;margin:10px 0}.game-screen-card p{font-size:12px;line-height:1.6;color:var(--ds-ink-soft);margin:13px 0 20px}.game-screen-card small{display:block;font-size:10px;color:var(--ds-ink-faint);margin-top:15px}.game-screen-card .secondary{margin-top:9px}.game-screen-card .result-value{font-size:44px;color:var(--ds-accent-text);line-height:1;font-weight:600}.result-value small{margin:9px 0 0}.pause-game{position:absolute;top:18px;right:18px;border:1px solid #ffffff65;background:#ffffff50;border-radius:7px;font-size:10px;padding:6px 11px;color:var(--ds-accent-text)}.source-badge{background:var(--ds-accent-soft);color:var(--ds-ink-soft);font-size:10px;padding:6px 9px;border-radius:5px;align-self:flex-start}.instruction-box{font-size:12px;background:var(--ds-accent-soft);padding:15px;border-radius:9px;line-height:1.7;color:var(--ds-ink-soft)}.explore-page{height:calc(100dvh - 89px);overflow:auto;padding:40px;max-width:1150px;margin:auto}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px}.section-title h2{font-family:var(--ds-font-display);font-size:31px;letter-spacing:-1px;margin-top:9px}.section-title>span{font-size:12px;color:var(--ds-ink-faint)}.search-field{display:flex;align-items:center;gap:12px;border:1px solid var(--ds-accent-line);border-radius:10px;padding:0 14px;background:var(--ds-surface);color:var(--ds-ink-soft)}.search-field input{background:transparent;border:0;padding:16px 0}.category-tabs{display:flex;gap:8px;margin:22px 0 28px;flex-wrap:wrap}.category-tabs button{padding:8px 14px;border:1px solid var(--ds-accent-line);border-radius:7px;color:var(--ds-ink-soft);font-size:11px}.category-tabs button.active{background:var(--ds-accent-soft);border-color:var(--ds-accent-line);color:var(--ds-accent-text)}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px 22px}.game-tile{text-align:left;padding:0}.game-tile-cover{aspect-ratio:1.2;border-radius:13px;overflow:hidden;position:relative;display:grid;place-items:center;color:var(--ds-accent-text)}.game-tile-cover img{width:100%;height:100%;object-fit:cover}.game-tile-cover>span{position:absolute;top:12px;left:12px;font-size:9px;padding:5px 8px;border-radius:5px;color:#fff;background:#34253c45;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tile-play{position:absolute;bottom:12px;right:12px;background:#fffa;display:grid;place-items:center;border-radius:50%;height:33px;width:33px}.game-tile-label h3{font-size:14px;margin:12px 0 5px}.game-tile-label p{font-size:11px;color:var(--ds-ink-soft)}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:10px;background:var(--ds-primary);color:var(--ds-primary-ink);border:1px solid #ffffff22;box-shadow:0 10px 40px #25132c20;border-radius:10px;padding:14px 17px;font-size:12px;max-width:90vw}.toast button{color:var(--ds-accent-text);display:grid;place-items:center;padding-left:15px}.muted{font-size:12px;color:var(--muted)}.mobile-nav,.mobile-brand{display:none}@media(min-width:1600px){.feed-layout{gap:90px;padding-top:30px}.feed-column{width:560px}.clip{max-width:460px}.details-column{width:300px}}@media(max-width:1150px){.sidebar{width:205px;padding-inline:16px}.brand{font-size:26px}.feed-layout{gap:24px;padding-inline:23px}.details-column{width:225px}.topbar{padding-inline:25px}}@media(max-width:960px){.details-column{display:none}.feed-column{max-width:535px}.feed-layout{padding-inline:30px}.game-grid{grid-template-columns:repeat(2,1fr)}}@media(max-height:760px)and (min-width:701px){.sidebar{padding-top:23px}.topbar{height:72px}.main-nav{margin-top:28px}.feed-layout{height:calc(100dvh - 72px);padding-top:17px}.details-divider{margin:19px 0}.details-heading{margin-bottom:14px}.details-note{display:none}.challenge-detail{margin-top:18px;padding:14px}.clip-bottom{bottom:18px}.end-overlay{padding-bottom:125px}.end-card h2{font-size:25px}.end-icon{padding:9px;margin-bottom:8px}.end-card>p:not(.eyebrow){margin-bottom:14px}}@media(max-width:700px){.app-shell{background:var(--page)}.sidebar{display:none}.topbar{height:65px;padding:0 17px;background:var(--ds-surface);gap:15px}.topbar h1{font-size:17px}.mobile-brand{display:flex;align-items:center;gap:7px;font-family:var(--ds-font-display);font-size:15px;font-weight:800;letter-spacing:-.7px}.mobile-brand .brand-mark{grid-template-columns:7px 7px;grid-template-rows:7px 7px;gap:2px}.mobile-brand .brand-mark i{border-radius:2px}.feed-tabs{gap:15px;margin-left:auto}.feed-tabs button{font-size:12px}.topbar-actions{gap:0}.search-button{padding:5px;border:0}.search-button span,.search-button kbd,.profile-button{display:none}.feed-layout{height:calc(100dvh - 130px - env(safe-area-inset-bottom));padding:0;display:block}.feed-column{width:100%;height:100%;max-width:none}.feed-footer{display:none}.feed-card{padding:0;display:block;position:relative}.clip{height:100%;width:100%;max-width:none;border-radius:0}.clip video,.clip-poster{object-fit:cover}.clip-top{top:16px;left:18px;right:17px}.clip-bottom{bottom:24px;left:19px;right:75px}.caption{max-width:100%;font-size:12px}.quick-play{margin-top:14px}.social-rail{position:absolute;right:14px;bottom:28px;z-index:5;gap:18px;width:40px;padding:0}.social-action{color:#fff}.social-action>span{background:#32273920;height:36px;width:36px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.social-action svg{width:25px;height:25px;stroke-width:1.8}.social-action small{font-size:9px;text-shadow:0 1px 5px var(--ds-accent-text)}.playback-control{display:none}.mobile-nav{height:calc(65px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;background:var(--ds-surface);border-top:1px solid var(--ds-accent-line);z-index:10}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--ds-ink-soft);width:48px}.mobile-nav span{font-size:9px}.mobile-nav .active{color:var(--ds-accent-text)}.mobile-nav .mobile-post{color:#fff;background:var(--ds-accent);width:36px;height:33px;border-radius:8px;justify-content:center}.details-column{display:none}.end-overlay{padding:20px 75px 150px 30px}.end-card h2{font-size:27px}.end-icon{margin-bottom:9px;padding:10px}.end-card>p:not(.eyebrow){font-size:11px;margin-bottom:16px}.end-card .button{font-size:11px;padding:11px}.end-card small{font-size:8px}.explore-page{background:var(--ds-accent-soft);height:calc(100dvh - 130px - env(safe-area-inset-bottom));padding:26px 18px}.section-title h2{font-size:26px}.section-title>span{font-size:10px}.game-grid{gap:23px 14px}.game-tile-cover{aspect-ratio:.95}.game-tile-label h3{font-size:12px}.game-tile-label p{font-size:10px}.game-tile-cover>span{font-size:8px;left:8px;top:8px}.category-tabs{gap:6px}.category-tabs button{font-size:10px;padding:7px 10px}.toast{bottom:80px;width:max-content}.feed-empty{background:var(--ds-accent-soft)}.feed-loading{background:var(--ds-accent-soft);padding:15px}.game-modal{width:min(450px,calc((100dvh - 100px)*.632))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}:root{--page: var(--ds-surface-side);--surface: var(--ds-surface);--raised: var(--ds-surface-raised);--subtle: var(--ds-surface-sunken);--ink: var(--ds-ink);--secondary: var(--ds-ink-soft);--muted: var(--ds-ink-faint);--line: var(--ds-line);--purple: var(--ds-accent-text);--nav-glass: var(--ds-glass-thick);--glass-border: var(--ds-glass-edge);--focus: var(--ds-accent);background:var(--page);color:var(--ink)}.theme-picker{display:flex;align-items:center;gap:9px;width:100%;color:var(--secondary);font-size:12px;text-align:left;margin-bottom:16px}.theme-picker select{width:auto;min-height:44px;margin-left:auto;padding:8px 10px;background:var(--raised);color:var(--ink);border:1px solid var(--line)}.profile-panel .theme-picker{padding-bottom:16px;border-bottom:1px solid var(--line);margin:0}:focus-visible{outline-color:var(--focus)}.search-field:focus-within{outline:2px solid var(--focus);outline-offset:3px}.search-field input:focus-visible{outline:none}[data-theme=dark] .game-screen-card{background:color-mix(in oklab,var(--ds-surface-raised) 95%,transparent);color:var(--ink);border-color:var(--line)}@media(max-width:700px){.feed-layout{height:calc(100dvh - 65px)}.clip-bottom{bottom:calc(102px + env(safe-area-inset-bottom))}.social-rail{bottom:calc(106px + env(safe-area-inset-bottom))}.end-overlay{padding-bottom:calc(220px + env(safe-area-inset-bottom))}.mobile-nav{height:66px;padding:6px 10px;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));max-width:430px;margin-inline:auto;border-radius:999px;background:var(--nav-glass);border:1px solid var(--glass-border);box-shadow:0 8px 32px #00000026,inset 0 1px #ffffff12;-webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%)}.mobile-nav button{min-width:44px;min-height:48px;justify-content:center;border-radius:22px;color:var(--secondary)}.mobile-nav .active{color:var(--ds-accent-text);background:var(--ds-accent-soft)}.mobile-nav .mobile-post{width:44px;min-height:44px;border-radius:50%;background:var(--ds-primary);color:var(--ds-primary-ink)}.explore-page{height:calc(100dvh - 65px);padding-bottom:calc(104px + env(safe-area-inset-bottom))}.toast{bottom:calc(92px + env(safe-area-inset-bottom))}[data-theme=dark] .social-action{color:#fff}[data-theme=dark] .social-action>span{background:#00000040;color:inherit}}@supports not (backdrop-filter: blur(1px)){.mobile-nav{background:var(--raised)}}:root{--glass-fill: var(--ds-glass-regular);--glass-ink: var(--ds-ink);--glass-edge: var(--ds-line);--glass-edge-light: var(--ds-glass-edge);--glass-lens: var(--ds-surface);--glass-active: var(--ds-ink);--glass-lens-edge: var(--ds-line);--glass-filter: var(--ds-glass-blur)}[data-theme=dark]{--glass-lens: var(--ds-surface-raised)}.feed-tabs,.topbar .search-button{background:var(--glass-fill);border:1px solid var(--glass-edge);border-top-color:var(--glass-edge-light);border-radius:999px;box-shadow:var(--ds-shadow-2);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);color:var(--glass-ink)}.feed-tabs{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(2,1fr);width:192px;height:42px;align-self:center;gap:0;padding:1px}.glass-selection{position:absolute;left:0;top:0;pointer-events:none;border-radius:999px;background:var(--glass-lens);border:1px solid var(--glass-lens-edge);border-top-color:var(--glass-edge-light);box-sizing:border-box;box-shadow:none;transition:transform .26s cubic-bezier(.22,1,.36,1);z-index:0}.appearance-settings{display:grid;gap:8px}.install-app-button{width:100%;padding:10px 12px;border:1px solid var(--glass-edge);border-radius:12px;background:var(--subtle);color:var(--ink);font-size:12px}.install-app-hint{color:var(--secondary);font-size:12px;line-height:1.5;margin-top:8px}.feed-tabs>button,.mobile-nav>button{position:relative;z-index:1}.feed-tabs>button{display:flex;align-items:center;justify-content:center;padding:0;min-width:0}.feed-tabs button,[data-theme=dark] .feed-tabs button{color:var(--glass-ink);border-radius:999px;font-size:12px}.feed-tabs button.active:after{display:none}.feed-tabs button.active,[data-theme=dark] .feed-tabs button.active{color:var(--glass-active);font-weight:650}.feed-tabs button:focus-visible,.mobile-nav button:focus-visible{outline:2px solid var(--glass-active);outline-offset:-3px}.topbar .search-button{min-height:44px;padding:10px 16px}@media(max-width:700px){.topbar,[data-theme=dark] .topbar{position:absolute;inset:0 0 auto;height:auto;padding:calc(12px + env(safe-area-inset-top)) 12px 0;gap:8px;z-index:9;background:transparent;border:0;pointer-events:none}.topbar>*{pointer-events:auto}.mobile-brand,.topbar h1,.mobile-nav{background:var(--glass-fill);border:1px solid var(--glass-edge);border-top-color:var(--glass-edge-light);border-radius:999px;box-shadow:0 8px 28px #00000030;-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);color:var(--glass-ink)}.mobile-brand{height:44px;padding:0 12px;font-size:13px;white-space:nowrap;letter-spacing:-.5px;gap:6px;flex-shrink:0}.topbar .feed-tabs{flex:1;width:auto;max-width:180px;min-width:140px;height:40px;margin:0 auto}.feed-tabs button{font-size:11px}.topbar h1{height:44px;display:flex;align-items:center;padding:0 14px;font-size:13px;margin-left:auto}.topbar .search-button{display:grid;place-items:center;width:44px;height:44px;padding:0;flex-shrink:0}.feed-layout{height:100dvh}.clip-top{top:calc(74px + env(safe-area-inset-top))}.explore-page{height:100dvh;padding-top:calc(86px + env(safe-area-inset-top))}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);isolation:isolate;height:52px;max-width:408px;padding:1px;gap:0}.mobile-nav button{width:100%;height:100%;color:var(--glass-ink);border-radius:999px;gap:2px;font-size:10px;font-weight:500;transition:color .18s ease,scale .18s ease}.mobile-nav button:active{scale:.93}.mobile-nav button>svg{width:22px;height:22px;stroke-width:2}.mobile-nav .active{background:none;color:var(--glass-active);font-weight:650}.mobile-nav .active .lucide-house,.mobile-nav .active .lucide-bookmark{fill:currentColor;stroke-width:1.5}.mobile-nav .active .lucide-house path:last-child{stroke:var(--glass-lens)}.mobile-nav .mobile-post{justify-self:center;align-self:center;width:42px;height:42px;min-height:42px;color:var(--glass-ink);background:transparent;border:1px solid var(--glass-edge);border-top-color:var(--glass-edge-light);box-shadow:none}}@media(max-width:359px){.mobile-brand{font-size:11px;padding:0 8px}.mobile-brand .brand-mark{display:none}.topbar{gap:6px}}@supports not (backdrop-filter: blur(1px)){.feed-tabs,.topbar .search-button,.mobile-brand,.mobile-nav,.topbar h1{background:var(--ds-surface-inverse)}}@media(prefers-reduced-transparency:reduce){.feed-tabs,.topbar .search-button,.mobile-brand,.mobile-nav,.topbar h1{background:var(--ds-surface-inverse);backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.glass-selection,.glass-selection *,.mobile-nav button{transition:none}.mobile-nav button:active{scale:1}}.sidebar{overflow-y:auto;overscroll-behavior:contain}.button.small{width:auto;min-height:36px;padding:8px 12px;font-size:13px;gap:6px;border-radius:var(--ds-radius-md)}.button.small>svg:last-child{margin-left:0}.count-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--ds-radius-full);background:var(--ds-primary);color:var(--ds-primary-ink);font-size:11px;font-weight:700;line-height:1}.nav-count{margin-left:auto}.nav-item{padding-block:11px}.social-preview-note{display:flex;align-items:center;gap:8px;margin:0 0 20px;padding:10px 12px;border-radius:var(--ds-radius-md);background:var(--ds-accent-soft);color:var(--ds-accent-text);font-size:var(--ds-text-sm);line-height:var(--ds-leading-snug)}.social-preview-note svg{flex-shrink:0}.social-skeleton{height:220px;border-radius:var(--ds-radius-lg);background:var(--ds-surface-sunken);animation:social-pulse 1.4s ease-in-out infinite}@keyframes social-pulse{50%{opacity:.55}}.keo-avatar{--keo: hsl(var(--keo-hue) 78% 56%);--keo-deep: hsl(var(--keo-hue) 70% 38%);position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:18%;border-radius:50%;background:var(--keo);box-shadow:inset 0 -3px 0 var(--keo-deep)}.keo-eye{width:15%;height:22%;margin-top:-12%;border-radius:50%;background:#fff;box-shadow:inset 0 -1.5px #0000002e}.keo-presence{position:absolute;right:-1px;bottom:-1px;width:30%;height:30%;min-width:9px;min-height:9px;border-radius:50%;border:2px solid var(--ds-surface);background:var(--ds-success)}.keo-presence.playing{background:var(--ds-sky)}.social-page{height:calc(100dvh - 89px);overflow-y:auto;padding:36px 40px 60px;background:var(--ds-surface)}.social-page>*{max-width:760px;margin-inline:auto}.social-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.social-page-header h2{font-family:var(--ds-font-display);font-size:30px;font-weight:800;letter-spacing:var(--ds-display-tracking)}.social-page-header p{margin-top:6px;color:var(--ds-ink-soft);font-size:var(--ds-text-md)}.social-page-header .button{width:auto}.segmented{display:inline-flex;gap:2px;padding:3px;border-radius:var(--ds-radius-full);background:var(--ds-surface-sunken)}.segmented button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 14px;border-radius:var(--ds-radius-full);color:var(--ds-ink-soft);font-size:13px;font-weight:600}.segmented button.active{background:var(--ds-surface);color:var(--ds-ink);box-shadow:var(--ds-shadow-1)}.people-group{margin-top:24px}.people-group .eyebrow{display:block;margin-bottom:8px}.people-list{list-style:none;margin:0;padding:0;border:1px solid var(--ds-line);border-radius:var(--ds-radius-lg);overflow:hidden}.person-row{display:flex;align-items:center;gap:14px;padding:12px 14px}.person-row+.person-row{border-top:1px solid var(--ds-line)}.person-text{min-width:0;flex:1;display:grid;gap:2px}.person-text strong{font-size:var(--ds-text-lg);font-weight:650}.person-text small{display:flex;align-items:center;gap:5px;color:var(--ds-ink-faint);font-size:var(--ds-text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-text small.playing{color:var(--ds-accent-text)}.person-actions{display:flex;align-items:center;gap:6px}.person-actions .icon-button{width:38px;height:38px;border-radius:var(--ds-radius-md);background:var(--ds-surface-sunken)}.find-people{display:grid;gap:8px}.social-search{max-width:none;padding-right:6px}.social-search input{flex:1}.social-hint{color:var(--ds-ink-soft);font-size:var(--ds-text-md)}.social-empty{display:grid;justify-items:center;gap:8px;padding:48px 16px;text-align:center}.social-empty h3{font-family:var(--ds-font-display);font-size:20px;font-weight:800;letter-spacing:var(--ds-display-tracking)}.social-empty p{max-width:34ch;color:var(--ds-ink-soft);font-size:var(--ds-text-md)}.keo-avatar.large-empty{width:72px;height:72px;margin-bottom:6px}.chats-page{height:calc(100dvh - 89px);display:grid;grid-template-columns:minmax(280px,340px) 1fr;background:var(--ds-surface)}.chat-list{border-right:1px solid var(--ds-line);overflow-y:auto;padding:20px 12px}.chat-list-header h2{padding:0 8px 12px;font-family:var(--ds-font-display);font-size:22px;font-weight:800;letter-spacing:var(--ds-display-tracking)}.chat-list .social-preview-note{margin-inline:4px}.chat-list ul{list-style:none;margin:0;padding:0}.chat-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border-radius:var(--ds-radius-md);text-align:left}.chat-row:hover{background:var(--ds-surface-hover)}.chat-row.selected{background:var(--ds-accent-soft)}.chat-row-text{min-width:0;flex:1;display:grid;gap:2px}.chat-row-text strong{display:flex;align-items:center;gap:6px;font-size:var(--ds-text-lg);font-weight:650}.chat-row-text small{color:var(--ds-ink-faint);font-size:var(--ds-text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-kind{padding:1px 6px;border-radius:var(--ds-radius-full);background:var(--ds-surface-sunken);color:var(--ds-ink-soft);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.chat-row-meta{display:grid;justify-items:end;gap:4px}.chat-row-meta small{color:var(--ds-ink-faint);font-size:var(--ds-text-xs)}.group-icon{flex-shrink:0;display:grid;place-items:center;width:40px;height:40px;border-radius:var(--ds-radius-md);background:var(--ds-grape);color:#fff;box-shadow:inset 0 -3px 0 var(--ds-grape-deep)}.group-icon.guild{background:var(--ds-sun);color:var(--ds-primary-ink);box-shadow:inset 0 -3px 0 var(--ds-sun-deep)}.chat-thread{min-width:0;display:flex;flex-direction:column}.chat-thread.empty{justify-content:center}.chat-thread-header{display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid var(--ds-line)}.chat-thread-header div{display:grid;gap:2px}.chat-thread-header strong{font-size:var(--ds-text-lg);font-weight:650}.chat-thread-header small{color:var(--ds-ink-faint);font-size:var(--ds-text-sm)}.chat-thread-header .back{display:none}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:24px;background:var(--ds-surface-side)}.chat-message{max-width:min(72%,460px);align-self:flex-start;display:grid;gap:6px}.chat-message.first{margin-top:10px}.chat-message p{padding:9px 13px;border-radius:18px 18px 18px 6px;background:var(--ds-surface);border:1px solid var(--ds-line);font-size:var(--ds-text-lg);line-height:var(--ds-leading-snug)}.chat-message.mine{align-self:flex-end;justify-items:end}.chat-message.mine p{border-color:transparent;border-radius:18px 18px 6px;background:var(--ds-primary);color:var(--ds-primary-ink)}.chat-author{padding-left:13px;color:var(--ds-ink-faint);font-size:var(--ds-text-xs);font-weight:600}.chat-card{display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:var(--ds-radius-lg);background:var(--ds-surface);border:1px solid var(--ds-line);text-align:left}.chat-card:hover{border-color:var(--ds-accent-line)}.chat-card span:last-child{display:grid;gap:1px}.chat-card strong{font-size:var(--ds-text-md);font-weight:700}.chat-card small{color:var(--ds-ink-faint);font-size:var(--ds-text-xs)}.chat-card-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--ds-radius-md);background:var(--ds-sun);color:var(--ds-primary-ink);box-shadow:inset 0 -3px 0 var(--ds-sun-deep)}.chat-composer{display:flex;gap:8px;padding:14px 24px 18px;border-top:1px solid var(--ds-line)}.chat-composer input{flex:1;min-height:44px;padding:0 16px;border:1px solid var(--ds-line);border-radius:var(--ds-radius-full);background:var(--ds-surface-sunken);color:var(--ds-ink)}.chat-composer input:focus-visible{outline:2px solid var(--ds-accent);outline-offset:0}.chat-composer .button{width:44px;min-height:44px;padding:0;border-radius:50%}.guild-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.guild-card{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--ds-line);border-radius:var(--ds-radius-lg);background:var(--ds-surface)}.guild-card header{display:flex;align-items:center;gap:12px}.guild-card h4{margin:0;font-size:var(--ds-text-lg);font-weight:700}.guild-card header small{display:flex;align-items:center;gap:4px;color:var(--ds-ink-faint);font-size:var(--ds-text-sm)}.guild-crest{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--ds-radius-md);background:hsl(var(--keo-hue) 78% 56%);color:#fff;box-shadow:inset 0 -3px hsl(var(--keo-hue) 70% 38%)}.guild-card>p{color:var(--ds-ink-soft);font-size:var(--ds-text-md)}.guild-card .guild-event{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:var(--ds-radius-md);background:var(--ds-sun);color:var(--ds-primary-ink);font-size:var(--ds-text-sm);font-weight:600}.guild-card footer{margin-top:auto}.notifications,.notification-button{position:relative}.notification-dot{position:absolute;top:7px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--ds-coral);border:2px solid var(--ds-surface)}.notification-panel{position:absolute;z-index:40;top:calc(100% + 10px);right:0;width:min(380px,calc(100vw - 24px));max-height:min(520px,70vh);overflow-y:auto;padding:14px;border:1px solid var(--ds-line);border-radius:var(--ds-radius-xl);background:var(--ds-glass-thick);-webkit-backdrop-filter:var(--ds-glass-blur);backdrop-filter:var(--ds-glass-blur);box-shadow:var(--ds-shadow-4)}.notification-panel header{padding:2px 6px 12px;font-size:var(--ds-text-lg)}.notification-panel .social-preview-note{margin-bottom:8px}.notification-panel ul{list-style:none;margin:0;padding:0}.notification-panel li button{display:flex;align-items:flex-start;gap:12px;width:100%;padding:10px 8px;border-radius:var(--ds-radius-md);text-align:left;font-size:var(--ds-text-md);line-height:var(--ds-leading-snug)}.notification-panel li button:hover{background:var(--ds-surface-hover)}.notification-panel li.unread button{background:var(--ds-accent-soft)}.notification-panel li small{display:block;margin-top:2px;color:var(--ds-ink-faint);font-size:var(--ds-text-xs)}.notification-panel .group-icon{width:34px;height:34px}.profile-hero{display:flex;align-items:center;gap:22px;margin-bottom:20px}.profile-hero-text{flex:1;min-width:0}.profile-hero h2{font-family:var(--ds-font-display);font-size:32px;font-weight:800;letter-spacing:var(--ds-display-tracking)}.profile-hero p{margin-top:4px;color:var(--ds-ink-faint);font-size:var(--ds-text-sm)}.tier{margin-top:14px;max-width:360px}.tier-labels{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.tier-labels strong{color:var(--ds-accent-text);font-family:var(--ds-font-display);font-size:15px;font-weight:800}.tier-labels small{color:var(--ds-ink-faint);font-size:var(--ds-text-xs)}.tier-bar{height:10px;border-radius:var(--ds-radius-full);background:var(--ds-surface-sunken);overflow:hidden}.tier-bar span{display:block;height:100%;border-radius:inherit;background:var(--ds-primary);box-shadow:inset 0 -2px 0 var(--ds-primary-deep)}.record-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 28px}.record-stats div{padding:14px;border-radius:var(--ds-radius-lg);background:var(--ds-surface-sunken)}.record-stats dt{color:var(--ds-ink-soft);font-size:var(--ds-text-xs);font-weight:600}.record-stats dd{margin:4px 0 0;font-family:var(--ds-font-display);font-size:26px;font-weight:800;letter-spacing:var(--ds-display-tracking)}.badge-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.badge-grid li{display:grid;justify-items:start;gap:4px;padding:14px;border:1px solid var(--ds-line);border-radius:var(--ds-radius-lg)}.badge-grid strong{font-size:var(--ds-text-md);font-weight:700}.badge-grid small{color:var(--ds-ink-faint);font-size:var(--ds-text-xs);line-height:var(--ds-leading-snug)}.badge-icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:4px;border-radius:50%;background:var(--ds-sun);color:var(--ds-primary-ink);box-shadow:inset 0 -3px 0 var(--ds-sun-deep)}.badge-grid li.locked{border-style:dashed}.badge-grid li.locked .badge-icon{background:var(--ds-surface-sunken);color:var(--ds-ink-faint);box-shadow:none}.badge-grid li.locked strong{color:var(--ds-ink-soft)}.profile-links{display:grid;gap:8px}.profile-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--ds-line);border-radius:var(--ds-radius-lg);text-align:left}.profile-link:hover{background:var(--ds-surface-hover)}.profile-link span{display:grid;gap:1px;font-weight:650}.profile-link small{color:var(--ds-ink-faint);font-size:var(--ds-text-sm);font-weight:400}.share-friends{display:grid;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--ds-line)}.share-friends ul{list-style:none;margin:0;padding:0;display:flex;gap:10px;overflow-x:auto}.share-friends li button{display:grid;justify-items:center;gap:4px;width:58px}.share-friends li small{color:var(--ds-ink-soft);font-size:var(--ds-text-xs)}.share-friend-avatar{position:relative}.share-picked{position:absolute;right:-2px;top:-2px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:2px solid var(--ds-surface);background:var(--ds-primary);color:var(--ds-primary-ink)}.creator-game.friend-online{margin-top:14px}.creator-game.friend-online>.keo-avatar{display:inline-flex;width:30px;height:30px;border-radius:50%}@media(max-width:899px){.chats-page{grid-template-columns:1fr}.chats-page.has-thread .chat-list,.chats-page:not(.has-thread) .chat-thread{display:none}.chat-thread-header .back{display:grid}}@media(max-width:700px){.topbar .notification-button{display:grid;place-items:center;width:44px;height:44px;margin-left:6px;border-radius:50%;background:var(--glass-fill);border:1px solid var(--glass-edge);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter)}.topbar[data-page=feed] .notifications{display:none}.social-page{height:100dvh;padding:calc(86px + env(safe-area-inset-top)) 16px calc(110px + env(safe-area-inset-bottom))}.chats-page{height:100dvh;padding-top:calc(74px + env(safe-area-inset-top))}.social-page-header{flex-direction:column;align-items:flex-start}.social-page-header h2{font-size:24px}.record-stats{grid-template-columns:repeat(2,1fr)}.profile-hero{gap:16px}.profile-hero h2{font-size:24px}.chat-messages{padding:16px}.chat-composer{padding:10px 12px calc(96px + env(safe-area-inset-bottom))}}.social-form{display:grid;gap:14px}.social-form label{display:grid;gap:6px;font-size:var(--ds-text-sm);font-weight:600;text-align:left}.social-form label small{color:var(--ds-ink-faint);font-weight:400}.social-form input{min-height:44px;padding:0 14px;border:1px solid var(--ds-line);border-radius:var(--ds-radius-md);background:var(--ds-surface-sunken);color:var(--ds-ink)}.guild-actions{display:flex;gap:8px}.party-picker{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:280px;overflow-y:auto}.party-picker label{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--ds-radius-md);font-weight:600}.party-picker label:hover{background:var(--ds-surface-hover)}.party-picker input{min-height:0;width:18px;height:18px;accent-color:var(--ds-primary)}.chat-list-header{display:flex;align-items:center;justify-content:space-between;padding-right:4px}.chat-list-header .button{width:auto}.profile-name-form{display:flex;gap:8px;margin-top:4px}.profile-name-form input{min-height:40px;padding:0 12px;border:1px solid var(--ds-line);border-radius:var(--ds-radius-md);background:var(--ds-surface-sunken);color:var(--ds-ink);font-family:var(--ds-font-display);font-size:20px;font-weight:800}.rename-button{margin-left:8px;color:var(--ds-accent-text);font-size:var(--ds-text-sm);font-weight:600}.sign-in-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px}.sign-in-gate .button{align-self:center;width:auto;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.account-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.account-actions .button{display:inline-flex;align-items:center;gap:8px;text-decoration:none}