@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}:where(html){--shadow-color:220 3% 15%;--shadow-strength:1%;--shadow-strength-3:calc(var(--shadow-strength) + 2%);--shadow-strength-4:calc(var(--shadow-strength) + 3%);--shadow-strength-5:calc(var(--shadow-strength) + 4%);--shadow-strength-6:calc(var(--shadow-strength) + 5%);--shadow-strength-7:calc(var(--shadow-strength) + 6%);--shadow-strength-8:calc(var(--shadow-strength) + 7%);--shadow-strength-10:calc(var(--shadow-strength) + 9%);--inner-shadow-highlight:inset 0 -.5px 0 0 #fff,inset 0 .5px 0 0 rgba(0,0,0,.067);--shadow-1:0 1px 2px -1px hsl(var(--shadow-color)/var(--shadow-strength-10));--shadow-2:0 3px 5px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 7px 14px -5px hsl(var(--shadow-color)/var(--shadow-strength-6));--shadow-3:0 -1px 3px 0 hsl(var(--shadow-color)/var(--shadow-strength-3)),0 1px 2px -5px hsl(var(--shadow-color)/var(--shadow-strength-3)),0 2px 5px -5px hsl(var(--shadow-color)/var(--shadow-strength-5)),0 4px 12px -5px hsl(var(--shadow-color)/var(--shadow-strength-6)),0 12px 15px -5px hsl(var(--shadow-color)/var(--shadow-strength-8));--shadow-4:0 -2px 5px 0 hsl(var(--shadow-color)/var(--shadow-strength-3)),0 1px 1px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 2px 2px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 5px 5px -2px hsl(var(--shadow-color)/var(--shadow-strength-5)),0 9px 9px -2px hsl(var(--shadow-color)/var(--shadow-strength-6)),0 16px 16px -2px hsl(var(--shadow-color)/var(--shadow-strength-7));--shadow-5:0 -1px 2px 0 hsl(var(--shadow-color)/var(--shadow-strength-3)),0 2px 1px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 5px 5px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 10px 10px -2px hsl(var(--shadow-color)/var(--shadow-strength-5)),0 20px 20px -2px hsl(var(--shadow-color)/var(--shadow-strength-6)),0 40px 40px -2px hsl(var(--shadow-color)/var(--shadow-strength-8));--shadow-6:0 -1px 2px 0 hsl(var(--shadow-color)/var(--shadow-strength-3)),0 3px 2px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 7px 5px -2px hsl(var(--shadow-color)/var(--shadow-strength-4)),0 12px 10px -2px hsl(var(--shadow-color)/var(--shadow-strength-5)),0 22px 18px -2px hsl(var(--shadow-color)/var(--shadow-strength-6)),0 41px 33px -2px hsl(var(--shadow-color)/var(--shadow-strength-7)),0 100px 80px -2px hsl(var(--shadow-color)/var(--shadow-strength-8));--inner-shadow-0:inset 0 0 0 1px hsl(var(--shadow-color)/var(--shadow-strength-10));--inner-shadow-1:inset 0 1px 2px 0 hsl(var(--shadow-color)/var(--shadow-strength-10)),var(--inner-shadow-highlight);--inner-shadow-2:inset 0 1px 4px 0 hsl(var(--shadow-color)/var(--shadow-strength-10)),var(--inner-shadow-highlight);--inner-shadow-3:inset 0 2px 8px 0 hsl(var(--shadow-color)/var(--shadow-strength-10)),var(--inner-shadow-highlight);--inner-shadow-4:inset 0 2px 14px 0 hsl(var(--shadow-color)/var(--shadow-strength-10)),var(--inner-shadow-highlight)}@media (prefers-color-scheme:dark){:where(html){--shadow-color:220 40% 2%;--shadow-strength:25%;--inner-shadow-highlight:inset 0 -.5px 0 0 hsla(0,0%,100%,.067),inset 0 .5px 0 0 rgba(0,0,0,.467)}}:root{--bg:#070909;--panel:#101514;--panel-soft:#141a18;--text:#f4f7f6;--muted:#8ea09c;--line:#25322f;--line-soft:#1b2522;--accent:#38ff9c;--accent-text:#74f6b8;--accent-soft:#1f9f68;--danger:#ff4d6d;--dgg-shadow-border:0 0 0 1px rgb(255 255 255/3%) inset;--dgg-shadow-control-border:0 0 0 1px rgb(255 255 255/16%) inset;--dgg-shadow-control-border-hover:0 0 0 1px rgb(255 255 255/18%) inset;--dgg-elevation-raised:0 14px 30px -22px rgb(0 0 0/76%);--dgg-elevation-pill:0 16px 34px -24px rgb(0 0 0/82%);--dgg-elevation-dropdown:0 18px 42px -28px rgb(0 0 0/88%);--dgg-elevation-panel:0 26px 62px -40px rgb(0 0 0/90%);--dgg-elevation-modal:0 34px 82px -48px rgb(0 0 0/94%);--dgg-elevation-primary:var(--dgg-shadow-control-border),0 18px 36px -28px rgb(0 0 0/84%);--dgg-elevation-primary-hover:var(--dgg-shadow-control-border-hover),0 20px 42px -30px rgb(0 0 0/88%);--dgg-focus-ring:0 0 0 3px rgb(56 255 156/8%);--shadow:var(--dgg-elevation-panel);--riot-demo-superellipse-roundness:1.3;--riot-demo-superellipse-radius:calc(10px * var(--riot-demo-superellipse-roundness));--riot-demo-compose-height:38px;--riot-demo-compose-button-inset:6px;--site-font-family:var(--font-inter),Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*,:after,:before{box-sizing:border-box;font-family:inherit}*{scrollbar-color:#2f443d #090c0b;scrollbar-width:thin}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#090c0b}::-webkit-scrollbar-thumb{background:#2f443d;border:2px solid #090c0b;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--accent-soft)}body,html{min-height:100%;margin:0;background:var(--bg);color:var(--text);font-family:var(--site-font-family);font-synthesis-weight:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}body{isolation:isolate}.void-background{background:linear-gradient(180deg,#080f0d 0,#070d0c 34%,var(--bg) 68%,#050606 100%);inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.void-background canvas{display:block;inset:0;opacity:.72;position:absolute}body.video-playback-active{background:#000}body.clip-manager-video-active .void-background canvas,body.clip-manager-video-active .void-background:after,body.clip-manager-video-active .void-background:before,body.video-playback-active .void-background canvas,body.video-playback-active .void-background:after,body.video-playback-active .void-background:before{opacity:0;visibility:hidden}.app-content{min-height:100vh;position:relative;z-index:1}a{color:inherit;text-decoration:none}button,input,optgroup,option,select,textarea{font:inherit}input::file-selector-button,input::placeholder,textarea::placeholder{font:inherit}.button,a.button{align-items:center;background:var(--accent);border:1px solid rgba(56,255,156,.72);border-radius:12px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.03);color:#03100a;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;justify-content:center;min-height:44px;padding:0 18px;text-transform:none;transform-origin:center;transition:background .14s ease,border-color .14s ease,box-shadow .16s ease,color .14s ease,opacity .14s ease,transform .11s cubic-bezier(.2,.8,.2,1)}.button:hover,a.button:hover{background:#69ffb7;transform:scale(1.015)}.button:active,a.button:active{transform:scale(.985);transition-duration:70ms}.button.disabled,a.button.disabled{cursor:not-allowed;opacity:.55}.button.disabled:active,.button.disabled:hover,.button:disabled:active,.button:disabled:hover,a.button.disabled:active,a.button.disabled:hover{transform:none}.button.secondary,a.button.secondary{background:hsla(0,0%,100%,.03);border:0;box-shadow:none;color:hsla(0,0%,100%,.6);transition:all .2s ease}.button.secondary:hover,a.button.secondary:hover{background:hsla(0,0%,100%,.08);color:#fff}.page-shell{min-height:100vh;padding:32px}.clip-page-shell{display:flex;flex-direction:column;height:100dvh;inset:0;min-height:0;overflow:hidden;position:fixed;width:100%}.riot-demo-dashboard-shell{position:relative}body.riot-demo-route [aria-label="Vercel Toolbar"],body.riot-demo-route [class*=vercel-toolbar],body.riot-demo-route [data-vercel-live-feedback],body.riot-demo-route [data-vercel-toolbar],body.riot-demo-route [id*=vercel-toolbar],body.riot-demo-route iframe[src*="vercel.live"],body.riot-demo-route iframe[title*=Vercel],body.riot-demo-route vercel-live-feedback,body.riot-demo-route vercel-toolbar{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.center-stage{align-items:center;display:flex;flex-direction:column;gap:28px;justify-content:center;min-height:100vh;position:relative;text-align:center}.riot-demo-dashboard-note{background:rgba(255,152,49,.11);border:1px solid rgba(255,152,49,.26);border-radius:12px;color:#ffbd7a;font-size:13px;font-weight:800;line-height:1.4;padding:11px 14px;position:absolute;left:50%;text-align:center;top:132px;transform:translateX(-50%);width:fit-content;max-width:calc(100vw - 64px)}.riot-demo-fake-avatar{align-items:center;background:rgba(56,255,156,.13);border:1px solid rgba(56,255,156,.2);border-radius:12px;color:var(--accent-text);display:flex;font-size:18px;font-weight:900;height:42px;justify-content:center;width:42px}.riot-demo-profile-menu{height:44px;min-width:44px;z-index:2}.riot-demo-account-cluster{align-items:flex-start;align-self:center;display:flex;gap:0;justify-self:end;min-height:44px;position:relative}.riot-demo-account-pill{align-items:center;background:rgba(13,17,16,.88);border:1px solid hsla(0,0%,100%,.08);border-radius:999px;box-shadow:var(--dgg-elevation-pill);display:flex;gap:4px;height:44px;min-height:44px;margin-top:0;margin-right:-44px;padding:4px 52px 4px 6px;position:relative;z-index:1}.riot-demo-pill-icon-button{align-items:center;appearance:none;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:var(--riot-demo-superellipse-radius);box-shadow:none;color:hsla(0,0%,100%,.64);display:grid;flex:0 0 34px;font:inherit;height:34px;justify-content:center;line-height:0;padding:0;place-items:center;position:relative;width:34px}.riot-demo-pill-icon-button svg{display:block;flex:0 0 18px;height:18px;margin:0;pointer-events:none;width:18px}.riot-demo-pill-icon-button.active,.riot-demo-pill-icon-button:hover{background:rgba(56,255,156,.1);border-color:rgba(56,255,156,.18);color:var(--accent-text);transform:none}.riot-demo-avatar-badge{right:-7px;top:-9px;z-index:3}.riot-demo-profile-menu .server-rank{display:none}.riot-demo-avatar-button{position:relative;z-index:2}.riot-demo-signout-popover{background:rgba(11,16,14,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.1);border-radius:14px;box-shadow:var(--dgg-elevation-dropdown);display:grid;gap:12px;justify-items:center;max-width:calc(100vw - 32px);padding:14px;position:absolute;right:0;top:calc(100% + 10px);width:max-content;z-index:36}.riot-demo-signout-popover strong{color:hsla(0,0%,100%,.84);font-size:13px;font-weight:850;line-height:1.35;white-space:nowrap}.riot-demo-signout-popover div{display:grid;gap:8px;grid-template-columns:repeat(2,106px);justify-content:center;justify-self:center;width:max-content}.riot-demo-message-badge{align-items:center;background:#ff344d;border:2px solid #060a08;border-radius:999px;color:#fff;display:flex;font-size:10px;font-weight:900;height:19px;justify-content:center;min-width:19px;padding:0 5px;position:absolute;right:-5px;top:-5px}.riot-demo-user-inbox{background:rgba(9,14,12,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid hsla(0,0%,100%,.09);border-radius:18px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.03),0 24px 70px rgba(0,0,0,.42);display:flex;flex-direction:column;height:clamp(360px,100vh - 132px,640px);max-height:min(640px,100vh - 132px);overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:min(390px,100vw - 42px);z-index:30}.riot-demo-user-inbox-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.07);display:flex;justify-content:space-between;padding:12px 12px 12px 16px}.riot-demo-user-inbox-header strong{color:#fff;font-size:15px}.riot-demo-user-inbox-feed{display:flex;flex:1 1 auto;flex-direction:column;gap:0;min-height:0;overflow-x:hidden;overflow-y:auto;padding:14px 14px 18px;scrollbar-gutter:stable;scrollbar-color:hsla(0,0%,100%,.18) rgba(0,0,0,0)}.riot-demo-user-inbox-feed::-webkit-scrollbar{width:8px}.riot-demo-user-inbox-feed::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.14);border-radius:999px}.riot-demo-chat-center>*,.riot-demo-user-inbox-feed>:not(.riot-demo-user-inbox-empty){flex-shrink:0}.riot-demo-user-inbox-empty{align-items:center;color:hsla(0,0%,100%,.48);display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:center;text-align:center}.riot-demo-user-inbox-empty p{font-size:13px;font-weight:750;line-height:1.4;margin:0;max-width:220px}.riot-demo-user-message-row{align-items:flex-start;background:rgba(0,0,0,0);border:0;box-shadow:none;color:inherit;display:flex;flex:0 0 auto;justify-content:flex-start;padding:0;text-align:left;width:100%;margin-top:9px}.riot-demo-user-message-row.own{justify-content:flex-end}.riot-demo-user-message-row.compact{margin-top:1px}.riot-demo-user-message-row.selected,.riot-demo-user-message-row:hover{background:rgba(0,0,0,0);color:inherit;transform:none}.riot-demo-user-message-row:active{transform:none}.riot-demo-user-message-row:hover .riot-demo-chat-bubble{border-color:hsla(0,0%,100%,.11);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.02)}.riot-demo-user-message-row:hover .riot-demo-chat-bubble.own{border-color:rgba(118,255,186,.3)}.riot-demo-user-message-row.selected .riot-demo-chat-bubble{border-color:hsla(0,0%,100%,.14)}.riot-demo-user-message-row.selected .riot-demo-chat-bubble.own{border-color:rgba(118,255,186,.34)}.riot-demo-user-clip-card{align-items:center;display:inline-flex;gap:8px;font-weight:850}.riot-demo-user-clip-card svg{color:currentColor;flex:0 0 auto}.riot-demo-user-inbox-compose{align-items:center;background:hsla(0,0%,100%,.04);border-top:1px solid hsla(0,0%,100%,.07);display:block;flex:0 0 auto;padding:10px}.page-chrome{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.page-return-link{align-items:center;background:hsla(0,0%,100%,.03);border:0;border-radius:12px;box-shadow:none;color:hsla(0,0%,100%,.6);display:inline-flex;font-size:14px;font-weight:700;justify-content:center;min-height:38px;padding:0 14px;transition:background .2s ease,color .2s ease,transform .2s ease;width:max-content}.page-return-link:hover{background:hsla(0,0%,100%,.08);color:#fff;transform:scale(1.015)}.dashboard-topbar{align-items:stretch;background:rgba(0,0,0,0);border-bottom:0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);min-height:82px;padding:12px 32px 0}.dashboard-topbar .profile-menu{align-self:center}.header-tabs{align-self:end;background:rgba(9,14,12,.66);border:1px solid rgba(56,255,156,.12);border-radius:999px;box-shadow:var(--dgg-shadow-border),var(--dgg-elevation-raised);display:flex;gap:3px;justify-content:center;justify-self:center;margin-bottom:6px;max-width:min(100%,520px);padding:2px}.header-tab,.header-tabs{align-items:center;min-width:0}.header-tab{background:rgba(0,0,0,0);border:0;border-radius:999px;box-shadow:none;color:rgba(216,229,224,.72);display:inline-flex;font-size:12px;font-weight:700;margin-bottom:0;min-height:28px;overflow:hidden;padding:0 16px;position:relative;text-transform:none;white-space:nowrap}.header-tab:hover{background:rgba(56,255,156,.06);color:var(--accent-text);transform:none}.header-tab:after{background:rgba(116,246,184,.72);border-radius:999px;bottom:5px;content:"";height:2px;left:20px;opacity:0;position:absolute;right:20px;transition:opacity .14s ease}.header-tab:hover:after{opacity:.42}.header-tab.active{background:linear-gradient(180deg,rgba(56,255,156,.18),rgba(56,255,156,.1));box-shadow:inset 0 0 0 1px rgba(116,246,184,.26),0 0 24px rgba(56,255,156,.1);color:var(--accent-text)}.header-tab.active:after{opacity:0}.header-tab.disabled,.header-tab:disabled{cursor:not-allowed;opacity:.36}.header-tab.disabled:hover,.header-tab:disabled:hover{background:rgba(0,0,0,0);color:rgba(216,229,224,.72);transform:none}.header-tab.disabled:hover:after,.header-tab:disabled:hover:after{opacity:0}.riot-demo-subpage-topbar .page-return-link{align-self:center;justify-self:end}.verification-banner{background:rgba(34,21,8,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,156,56,.18);border-radius:16px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.03),0 18px 54px rgba(0,0,0,.24);color:rgba(255,213,166,.92);font-size:14px;font-weight:700;justify-self:center;margin:8px auto 24px;max-width:min(560px,100%);padding:12px 18px;position:relative;text-align:center;z-index:1}.verification-banner a{color:inherit;text-decoration:underline;text-underline-offset:3px}.verification-banner a:hover{color:#fff}.profile-menu{align-items:center;display:flex;flex-direction:column;gap:4px;justify-self:end;position:relative}.avatar-button{background:#0d1110;border:1px solid var(--line);border-radius:50%;height:44px;min-height:44px;overflow:hidden;padding:0;position:relative;width:44px}.avatar-button:hover{border-color:var(--accent-soft);transform:none}.avatar-button img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.avatar-button span{align-items:center;background:var(--panel);color:var(--text);display:flex;font-weight:700;height:100%;justify-content:center;width:100%}.server-rank{color:var(--muted);font-size:11px;font-weight:700;line-height:1;text-transform:none;visibility:hidden}.profile-dropdown{background:rgba(15,15,15,.75);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;box-shadow:0 18px 60px rgba(0,0,0,.36);display:flex;flex-direction:column;gap:8px;min-width:180px;padding:8px;position:absolute;right:0;top:calc(100% + 10px);z-index:10}.profile-dropdown a,.profile-dropdown button{background:rgba(0,0,0,0);border:0;border-radius:8px;box-shadow:none;color:hsla(0,0%,100%,.7);justify-content:flex-start;min-height:40px;padding:10px 14px;text-align:left;transition:background .2s ease,color .2s ease;width:100%}.profile-dropdown a.button.secondary{background:rgba(0,0,0,0);border:0;box-shadow:none;color:hsla(0,0%,100%,.7)}.profile-dropdown a.button.secondary:hover,.profile-dropdown a:hover,.profile-dropdown button:hover{background:hsla(0,0%,100%,.05);color:#fff;transform:none}.profile-card{align-items:center;background:rgba(7,11,10,.72);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(56,255,156,.08);border-radius:16px;box-shadow:none;display:grid;gap:20px;justify-items:center;margin:0 auto;max-width:420px;padding:24px}.profile-riot-banner{background:rgba(255,130,35,.18);border:1px solid rgba(255,155,72,.44);border-radius:12px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.04),0 18px 48px rgba(0,0,0,.26);color:rgba(255,221,190,.92);font-size:13px;font-weight:800;left:50%;line-height:1.35;max-width:none;padding:11px 14px;pointer-events:none;position:fixed;text-align:center;top:36px;transform:translateX(-50%);white-space:nowrap;width:max-content;z-index:6}.profile-avatar{background:rgba(7,10,9,.74);border:1px solid rgba(56,255,156,.14);border-radius:50%;box-shadow:none;height:96px;overflow:hidden;width:96px}.profile-avatar img,.profile-avatar span{align-items:center;display:flex;height:100%;justify-content:center;object-fit:cover;width:100%}.profile-avatar span{font-size:36px;font-weight:900;color:var(--text)}.profile-details{display:grid;gap:8px;width:100%}.profile-detail{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;display:flex;gap:14px;justify-content:space-between;padding:13px 14px}.profile-detail-copy{display:grid;gap:6px;min-width:0}.profile-detail span{color:var(--muted);font-size:12px;font-weight:700;text-transform:none}.profile-detail strong{color:var(--text);overflow-wrap:anywhere}.profile-detail .profile-action-button{align-items:center;border-radius:10px;display:inline-flex;flex:0 0 56px;font-size:13px;justify-content:center;min-height:36px;min-width:56px;padding:0;white-space:nowrap}.profile-detail .profile-action-button:disabled{background:hsla(0,0%,100%,.05);border-color:rgba(0,0,0,0);box-shadow:none;color:hsla(0,0%,100%,.46);cursor:not-allowed;opacity:1}.tab-shell{margin:0 auto;max-width:980px;width:min(980px,100%)}.tabs{align-items:end;display:flex;gap:4px}.tab{background:#0b0f0e;border:1px solid var(--line);border-bottom:0;border-radius:4px 4px 0 0;min-height:42px;padding:0 18px}.tab,.tab:hover{color:var(--text)}.tab:hover{background:#0d1211;transform:none}.tab.active{background:var(--accent);border-color:rgba(56,255,156,.72);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.03);color:#03100a}.tab-panel{align-items:center;background:linear-gradient(180deg,var(--panel),#0d1110);border:1px solid var(--line);margin-top:-1px;box-shadow:var(--shadow);display:flex;justify-content:center;min-height:min(420px,100vh - 220px);padding:24px}.tab-panel .button{min-width:148px}.dashboard-actions{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 150px);overflow:visible;padding:24px 24px 72px}.dashboard-actions>*{animation:dashboard-tab-content-in .22s cubic-bezier(.2,.8,.2,1) both;transform-origin:center center}.panel-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;overflow:visible;width:min(720px,100%)}.panel-actions .button,.panel-actions button{border-radius:12px;font-size:14px;font-weight:700;min-height:52px;min-width:150px;opacity:1;overflow:hidden;padding:0 24px;white-space:nowrap}.panel-actions .button:hover,.panel-actions button:hover{opacity:1}.panel-actions a.button.secondary,.panel-actions button.secondary{background:hsla(0,0%,100%,.03);border:0;box-shadow:none;color:hsla(0,0%,100%,.6);transition:all .2s ease}.panel-actions a.button.secondary:hover,.panel-actions button.secondary:hover{background:hsla(0,0%,100%,.08);border:0;color:#fff;transform:scale(1.015)}.panel-actions button.secondary:disabled,.panel-actions button.secondary:disabled:hover{background:hsla(0,0%,100%,.03);color:hsla(0,0%,100%,.34);cursor:not-allowed;transform:none}.panel-actions .primary-action{background:linear-gradient(180deg,#3cff9e,#30ed91 52%,#24dc82);border-color:rgba(56,255,156,.6);box-shadow:var(--dgg-elevation-primary);color:#03100a;font-size:15px;min-height:56px;min-width:184px}.panel-actions .compact-primary-action{font-size:14px;min-height:52px;min-width:150px}.panel-actions .primary-action:hover{background:linear-gradient(180deg,#66ffb5,#48f7a4 50%,#2fe68c);box-shadow:var(--dgg-elevation-primary-hover)}.access-closed-panel{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:rgba(7,11,10,.74);border:1px solid rgba(56,255,156,.08);border-radius:16px;box-shadow:0 22px 80px rgba(0,0,0,.34);display:grid;gap:14px;justify-items:center;padding:28px;text-align:center;width:min(360px,100%)}@keyframes dashboard-tab-content-in{0%{opacity:.9;transform:scale(.985)}58%{opacity:1;transform:scale(1.012)}to{opacity:1;transform:scale(1)}}.access-closed-panel h1{color:#fff;font-size:18px;line-height:1;margin:0}.access-closed-panel p{color:hsla(0,0%,100%,.62);font-size:14px;line-height:1.5;margin:0}.access-closed-panel .button{border-radius:12px;min-height:42px;min-width:116px}.under-construction-button:disabled{background:#0b0f0e;color:var(--text-muted);opacity:.58;transform:none}.reels-workspace{display:grid;gap:18px;justify-items:center;width:min(940px,100%)}.reels-actions{min-height:auto;padding:0}.rate-my-player-page-panel,.reel-player-page-panel,.reel-submit-card,.reel-submit-modal{background:rgba(7,11,10,.68);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(56,255,156,.08);border-radius:16px;box-shadow:0 22px 80px rgba(0,0,0,.28);display:grid;gap:16px;padding:18px;width:100%}.reel-submit-card{max-width:720px}.reel-submit-modal{max-height:min(560px,100vh - 56px);overflow:hidden;width:min(680px,100%)}.reels-page-shell{align-content:start;align-items:start;display:grid;gap:24px;min-height:100vh;padding:28px clamp(18px,4vw,56px) 48px;position:relative;z-index:1}.rate-my-player-page-panel,.reel-player-page-panel{justify-items:center;justify-self:center;max-width:980px}.reel-submit-card>strong{font-size:18px}.reel-player-body,.reel-submit-body{display:grid;gap:16px;overflow-y:auto;padding:18px}.reel-player-body{justify-items:center}.reel-submit-row{display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto}.reel-submit-row input{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.07);border-radius:12px;color:var(--text);font:inherit;min-height:52px;outline:none;padding:0 14px;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.reel-submit-row input:focus{background:hsla(0,0%,100%,.06);border-color:rgba(56,255,156,.38);box-shadow:0 0 0 3px rgba(56,255,156,.08)}.reel-submit-row .button{border-radius:12px;min-height:52px}.reel-submit-modal .upload-message,.reels-workspace .upload-message{padding:0}.reel-source-link{color:var(--accent-text);font-size:13px;font-weight:700;overflow-wrap:anywhere}.reel-player-frame{background:rgba(0,0,0,.42);border:1px solid hsla(0,0%,100%,.05);border-radius:14px;display:grid;min-height:420px;overflow:hidden;place-items:center}.reel-video{border:0;height:min(640px,70vh);object-fit:contain;width:min(360px,100%)}.reel-fallback{align-items:center;display:grid;gap:12px;justify-items:center;padding:24px;text-align:center}.reel-fallback small{color:var(--muted);max-width:420px}.reel-player-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.rate-my-player-page-frame,.reel-player-page-frame{align-items:center;display:grid;gap:18px;grid-template-columns:auto minmax(0,1fr) auto;width:100%}.rate-my-player-frame{align-items:center;background:rgba(0,0,0,.42);border:1px solid hsla(0,0%,100%,.05);border-radius:14px;display:flex;height:min(720px,72vh);justify-content:center;min-height:420px;overflow:hidden;padding:16px;width:min(720px,100%)}.rate-my-player-image{border-radius:12px;display:block;max-height:100%;max-width:100%;object-fit:contain}.reel-player-controls span{color:var(--muted);font-size:13px;font-weight:700;min-width:72px;text-align:center}.reel-source-link{justify-self:center}.reel-show-player{justify-content:center;min-height:calc(100vh - 96px)}.reel-show-video-row{align-items:center}.reel-show-frame{aspect-ratio:9/16;background:rgba(8,12,11,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.05);border-radius:16px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.03),0 28px 90px rgba(0,0,0,.38);overflow:hidden;position:relative;width:min(360px,100vw - 220px)}.reel-show-video{background:#000;border:0;cursor:pointer;display:block;height:100%;object-fit:cover;width:100%}.reel-show-frame .reel-fallback{height:100%;min-height:0}.reel-show-controls{gap:6px;margin-top:4px}.reel-show-controls .reel-source-link{color:hsla(0,0%,100%,.52);font-size:12px;text-decoration:none}.reel-show-controls .reel-source-link:hover{color:var(--accent-text)}.card{background:linear-gradient(180deg,var(--panel),#0d1110);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:20px}.card h2,.card h3,.page-title{margin:0 0 10px}.muted{color:var(--muted)}.state-list{display:grid;gap:10px;margin:16px 0 0}.state-row{align-items:center;border:1px solid var(--line);display:flex;justify-content:space-between;padding:12px}.badge{background:#193126;color:var(--accent-text);font-size:12px;font-weight:700;padding:5px 8px;text-transform:none}.badge.locked{background:#33161c;color:var(--danger)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.76);display:flex;inset:0;justify-content:center;padding:28px;position:fixed;z-index:50}.upload-modal{background:#0c1110;border:1px solid rgba(56,255,156,.18);border-radius:8px;box-shadow:0 24px 80px rgba(0,0,0,.46);display:flex;flex-direction:column;max-height:min(660px,100vh - 56px);min-height:min(520px,100vh - 56px);overflow:hidden;width:min(780px,100%)}.verification-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(9,14,12,.74);border:1px solid rgba(56,255,156,.08);border-radius:18px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.03),0 24px 70px rgba(0,0,0,.42);display:grid;overflow:hidden;width:min(360px,100%)}.verification-body{display:grid;gap:18px;justify-items:center;padding:28px;text-align:center}.verification-body p{color:hsla(0,0%,100%,.62);font-size:14px;line-height:1.5;margin:0}.verification-body .button{border-radius:12px}.play-group-header{align-items:center;border-bottom:1px solid rgba(56,255,156,.08);display:flex;justify-content:space-between;min-height:54px;padding:12px 16px 12px 20px}.play-group-header h1{color:#fff;font-size:16px;font-weight:700;line-height:1;margin:0}.play-group-header .icon-button{color:hsla(0,0%,100%,.52)}.play-group-header .icon-button:hover{background:hsla(0,0%,100%,.06);color:#fff}.upload-header{align-items:center;background:rgba(8,12,11,.76);border-bottom:1px solid rgba(56,255,156,.12);display:flex;justify-content:space-between;min-height:46px;padding:9px 16px}.upload-header h1{font-size:14px;font-weight:700;line-height:1;margin:0;text-shadow:0 1px 12px rgba(0,0,0,.62)}.icon-button{background:rgba(0,0,0,0);border:0;box-shadow:none;color:var(--text);font-size:18px;font-weight:500;height:30px;min-height:30px;padding:0 6px}.icon-button:hover{background:rgba(56,255,156,.08);border:0;color:var(--accent-text);transform:none}.upload-dropzone{align-items:center;background:radial-gradient(circle at 50% 36%,rgba(56,255,156,.08),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.02),transparent);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;margin:0;padding:42px 24px;position:relative;text-align:center}.upload-dropzone:before{border:0;content:"";inset:0;pointer-events:none;position:absolute}.upload-dropzone input{height:1px;opacity:0;position:absolute;width:1px}.upload-dropzone strong{font-size:17px;font-weight:700;margin-top:16px;text-shadow:0 1px 16px rgba(0,0,0,.68)}.upload-dropzone span{color:hsla(0,0%,100%,.48);font-size:13px}.upload-dropzone:hover .upload-icon{border-color:rgba(56,255,156,.3);box-shadow:inset 0 0 0 1px rgba(56,255,156,.05);color:var(--accent-text)}.upload-icon{align-items:center;background:radial-gradient(circle at 50% 42%,rgba(56,255,156,.09),transparent 58%),rgba(7,10,9,.74);border:1px solid rgba(56,255,156,.14);border-radius:50%;box-shadow:inset 0 0 0 1px rgba(56,255,156,.04),0 0 24px rgba(56,255,156,.08);color:var(--text);display:flex;height:112px;justify-content:center;line-height:1;position:relative;transition:border-color .2s ease,box-shadow .2s ease,color .2s ease;width:112px}.upload-icon svg,.upload-icon svg *{opacity:1;stroke:#a9b8b4;stroke-opacity:1}.upload-dropzone:hover .upload-icon svg,.upload-dropzone:hover .upload-icon svg *{stroke:var(--accent-text)}.select-file{background:var(--accent);border:1px solid rgba(56,255,156,.6);border-radius:12px;box-shadow:var(--dgg-elevation-primary);color:#03100a!important;display:inline-flex;font-size:14px!important;font-weight:700;margin-top:18px;padding:12px 20px;text-shadow:0 1px 10px hsla(0,0%,100%,.18);transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.upload-dropzone:hover .select-file{background:#69ffb7;box-shadow:var(--dgg-elevation-primary-hover);transform:scale(1.015)}.progress-track{background:#121715;height:4px;width:100%}.progress-track span{background:var(--accent);display:block;height:100%;transition:width .16s ease}.upload-message{color:var(--accent-text);font-size:13px;margin:0;padding:0 24px 18px}.upload-message.error{color:var(--danger)}.upload-manager{background:rgba(12,17,16,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(56,255,156,.16);border-radius:8px;bottom:24px;box-shadow:0 18px 58px rgba(0,0,0,.44);display:flex;flex-direction:column;max-height:min(520px,100vh - 48px);overflow:hidden;position:fixed;right:24px;width:min(390px,100vw - 48px);z-index:80}.upload-manager.collapsed{max-height:58px}.upload-manager-header{align-items:center;background:rgba(8,12,11,.72);border-bottom:1px solid rgba(56,255,156,.12);display:flex;justify-content:space-between;padding:12px 14px}.upload-manager-header strong{font-size:13px;font-weight:700;text-transform:none}.upload-manager-header div{display:flex;gap:8px}.mini-icon-button,.queue-cancel{align-items:center;background:rgba(0,0,0,0);border:0;box-shadow:none;color:var(--text);display:inline-flex;font-size:16px;font-weight:500;height:30px;justify-content:center;min-height:30px;padding:0;width:30px}.mini-icon-button:hover,.queue-cancel:hover{background:rgba(56,255,156,.08);border:0;color:var(--accent-text);transform:none}.upload-manager-body{display:grid;gap:10px;overflow:hidden;padding:10px}.upload-manager-list{display:grid;gap:7px;max-height:250px;overflow-y:auto;padding-right:4px}.upload-manager-row{align-items:center;background:rgba(7,10,9,.66);border:1px solid rgba(56,255,156,.1);display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto 30px;padding:9px}.queue-file{display:grid;gap:3px;min-width:0}.queue-file strong{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-file small,.queue-status{color:var(--muted);font-size:12px;font-style:normal;font-weight:700;text-transform:none}.queue-processing-time{color:hsla(0,0%,100%,.54);font-weight:600}.queue-status.ready,.queue-status.uploaded{color:var(--accent-text)}.queue-status.processing,.queue-status.queued,.queue-status.unprocessed{color:hsla(0,0%,100%,.72)}.queue-status.failed{color:var(--danger)}.queue-status.canceled{color:#8a9490}.mini-progress{background:rgba(0,0,0,.54);grid-column:1/-1;height:3px;width:100%}.mini-progress span{background:var(--accent);display:block;height:100%;transition:width .16s ease}.upload-manager-actions{align-items:center;display:flex;gap:12px}.tool-layout{margin:0 auto;max-width:1200px}.clip-page-shell .tool-layout{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;width:100%}.tool-header{align-items:end;display:flex;justify-content:space-between;margin-bottom:18px}.tool-header h1{font-size:32px;margin:0}.tool-header span{color:var(--muted);font-weight:700;text-transform:none}.clip-grid{display:grid;flex:1 1 auto;gap:18px;grid-template-columns:minmax(320px,430px) minmax(0,1fr);height:clamp(420px,100vh - 150px,716px);max-height:calc(100vh - 150px);min-height:0}.clip-page-shell .clip-grid{height:100%;max-height:none;transform:translateY(-28px)}.clip-list-shell{background:rgba(7,11,10,.68);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(56,255,156,.08);border-radius:16px;box-shadow:0 22px 80px rgba(0,0,0,.28);display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;padding:14px}.clip-list-toolbar{align-items:center;display:flex;gap:10px;min-width:0}.clip-selection-box{align-items:center;cursor:pointer;display:inline-flex;flex:0 0 auto;height:28px;justify-content:center;position:relative;width:28px}.clip-selection-box input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.clip-selection-box span{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.14);border-radius:7px;height:18px;transition:all .16s ease;width:18px}.clip-selection-box:hover span{border-color:rgba(56,255,156,.44)}.clip-selection-box input:checked+span{background:rgba(56,255,156,.16);border-color:rgba(56,255,156,.7);box-shadow:0 0 14px rgba(56,255,156,.16)}.clip-selection-box input:checked+span:after{border-bottom:2px solid var(--accent);border-right:2px solid var(--accent);content:"";display:block;height:8px;margin:2px 0 0 5px;transform:rotate(45deg);width:4px}.clip-selection-box input:disabled+span{cursor:not-allowed;opacity:.36}.clip-group-tabs{align-items:center;align-self:start;background:hsla(0,0%,100%,.03);border:1px solid rgba(56,255,156,.08);border-radius:999px;display:flex;gap:4px;max-width:100%;overflow-x:auto;padding:4px}.clip-bulk-actions{align-items:center;display:flex;gap:7px;margin-left:auto}.clip-bulk-icon{align-items:center;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.07);border-radius:10px;color:var(--accent);display:flex;height:32px;justify-content:center;min-height:0;padding:0;transition:all .16s ease;width:32px}.clip-bulk-icon:hover:not(:disabled){background:rgba(56,255,156,.12);border-color:rgba(56,255,156,.38);transform:none}.clip-bulk-icon.danger{color:#ff6f89}.clip-bulk-icon.danger:hover:not(:disabled){background:rgba(255,77,109,.16);border-color:rgba(255,77,109,.32)}.clip-bulk-icon:disabled{cursor:not-allowed;opacity:.34}.clip-list-message{background:rgba(56,255,156,.08);border:1px solid rgba(56,255,156,.15);border-radius:10px;color:var(--accent);font-size:12px;font-weight:800;line-height:1.35;margin:10px 2px 0;padding:9px 10px}.clip-group-tab{background:rgba(0,0,0,0);border:0;border-radius:999px;color:hsla(0,0%,100%,.58);flex:0 0 auto;min-height:32px;padding:0 16px;transition:all .2s ease}.clip-group-tab:hover{background:hsla(0,0%,100%,.06);color:#fff;transform:none}.clip-group-tab.active{background:rgba(56,255,156,.14);box-shadow:0 0 18px rgba(56,255,156,.14);color:var(--accent)}.clip-preview{background:rgba(7,11,10,.68);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(56,255,156,.08);border-radius:16px;box-shadow:0 22px 80px rgba(0,0,0,.28);height:100%;min-height:0;overflow:visible;padding:18px}.clip-list{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;margin-top:12px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 4px 8px 0;scrollbar-gutter:stable}.clip-list>.muted{align-self:center;margin:auto;text-align:center}.clip-row-shell{align-items:start;display:grid;gap:8px;grid-template-columns:28px minmax(0,1fr);width:100%}.clip-row-shell.personal{grid-template-columns:1fr}.row-selection-box{margin-top:11px}.clip-row{align-items:start;background:rgba(0,0,0,0);border:0;border-radius:12px;box-shadow:none;color:hsla(0,0%,100%,.78);display:grid;gap:8px;justify-content:stretch;justify-items:start;min-height:auto;min-width:0;padding:13px 14px;text-align:left;text-transform:none;transition:all .2s ease;width:100%}.clip-row:hover{background:rgba(56,255,156,.07);box-shadow:0 0 24px rgba(56,255,156,.08);color:#fff;transform:none}.clip-row.active{background:hsla(0,0%,100%,.05);box-shadow:inset 0 0 0 1px rgba(56,255,156,.1),0 0 18px rgba(56,255,156,.06);color:#fff;transform:none}.clip-row span{font-weight:700;overflow-wrap:anywhere}.clip-row small,.clip-row span{display:block;min-width:0;text-align:left;width:100%}.clip-row small{color:var(--muted)}.clip-preview{align-items:stretch;display:flex;flex-direction:column;gap:14px;justify-content:center}.clip-preview>.muted{align-self:center;margin:auto}.clip-preview video{aspect-ratio:16/9;background:#000;max-height:62vh;width:100%}.clip-preview video,.rate-my-preview-frame{border:1px solid hsla(0,0%,100%,.05);border-radius:14px;box-shadow:0 18px 70px rgba(0,0,0,.3)}.rate-my-preview-frame{align-items:center;background:rgba(0,0,0,.36);display:flex;flex:1 1;justify-content:center;min-height:0;overflow:hidden;padding:14px}.rate-my-preview-frame img{border-radius:12px;display:block;max-height:100%;max-width:100%;object-fit:contain}.rate-my-preview .clip-meta-panel{flex:0 0 auto}.reel-manager-preview{justify-content:stretch}.reel-manager-frame{align-items:center;background:rgba(0,0,0,.36);border:1px solid hsla(0,0%,100%,.05);border-radius:14px;box-shadow:0 18px 70px rgba(0,0,0,.3);display:flex;flex:1 1;justify-content:center;min-height:0;overflow:hidden;padding:14px}.reel-manager-frame video{aspect-ratio:9/16;background:#000;border:1px solid hsla(0,0%,100%,.05);border-radius:12px;box-shadow:none;display:block;height:100%;max-height:100%;max-width:min(360px,100%);object-fit:contain;width:auto}.reel-manager-frame .reel-fallback{min-height:320px;width:min(360px,100%)}.reel-manager-preview .clip-meta-panel{flex:0 0 auto}.reel-manager-actions{display:flex;flex-wrap:wrap;justify-content:flex-end}.reel-manager-actions .button{min-height:44px;min-width:112px}.reel-manager-actions .button.secondary{background:hsla(0,0%,100%,.03);box-shadow:none;color:hsla(0,0%,100%,.62)}.reel-manager-actions .button.secondary:hover{background:hsla(0,0%,100%,.08);color:#fff}.owner-upload-list{margin-top:0}.rate-my-owner-actions{display:flex;justify-content:flex-end}.rate-my-owner-actions .button{min-height:44px;min-width:120px}.clip-meta-panel{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:14px;display:grid;gap:14px;padding:14px 14px 18px;position:relative;z-index:2}.clip-meta-panel strong{overflow-wrap:anywhere}.clip-edit-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.clip-edit-grid label,.clip-field{color:var(--muted);display:grid;font-size:12px;font-weight:700;gap:6px;text-transform:none}.clip-edit-grid input,.clip-edit-grid select,.clip-edit-grid textarea,.clip-select-trigger{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.07);border-radius:12px;color:var(--text);font:inherit;min-height:42px;outline:none;padding:10px 12px;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.clip-edit-grid textarea{min-height:86px;resize:vertical}.clip-edit-grid input:focus,.clip-edit-grid select:focus,.clip-edit-grid textarea:focus,.clip-select-trigger:focus{background:hsla(0,0%,100%,.06);border-color:rgba(56,255,156,.38);box-shadow:0 0 0 3px rgba(56,255,156,.08)}.clip-edit-grid option{background:#0b0f0e;color:#fff}.clip-select{position:relative}.clip-select-trigger{align-items:center;display:flex;font-size:14px;font-weight:800;gap:12px;justify-content:space-between;line-height:1;min-width:0;text-align:left;width:100%}.clip-select-trigger svg{color:hsla(0,0%,100%,.62);flex:0 0 auto;margin-left:auto}.clip-select-trigger:hover{background:hsla(0,0%,100%,.06);transform:none}.clip-readonly-value{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;color:hsla(0,0%,100%,.78);display:flex;font-size:14px;font-weight:800;min-height:42px;padding:10px 12px}.clip-select-menu{background:rgba(7,11,10,.88);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(56,255,156,.12);border-radius:12px;box-shadow:0 18px 60px rgba(0,0,0,.38);display:grid;gap:4px;left:0;max-height:240px;overflow-y:auto;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:32}.riot-demo-shell .clip-edit-grid.wide-field .clip-field:nth-last-child(-n+2) .clip-select-menu{bottom:calc(100% + 6px);top:auto}.clip-select-menu button{background:rgba(0,0,0,0);border:0;border-radius:10px;box-shadow:none;color:hsla(0,0%,100%,.78);justify-content:flex-start;min-height:36px;padding:0 10px;text-align:left;transition:all .2s ease;width:100%}.clip-select-menu button.active,.clip-select-menu button:hover{background:rgba(56,255,156,.08);color:#fff;transform:none}.clip-meta-actions{display:grid;gap:10px;grid-template-columns:1fr auto;padding-top:2px}.clip-meta-actions .button:not(.danger-button){background:var(--accent);border-color:rgba(56,255,156,.6);border-radius:12px;box-shadow:var(--dgg-elevation-primary);color:#03100a;font-weight:700;min-height:48px}.clip-meta-actions .button:not(.danger-button):hover{background:#69ffb7;box-shadow:var(--dgg-elevation-primary-hover)}.danger-button{background:hsla(0,0%,100%,.03);border:0;border-radius:12px;box-shadow:none;color:hsla(0,0%,100%,.42);transition:all .2s ease}.danger-button:hover{background:rgba(255,77,109,.16);color:#ff6f89}.wide-field{grid-column:1/-1}.group-modal-backdrop{align-items:center;background:rgba(0,0,0,.42);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:70}.group-modal{background:rgba(7,11,10,.82);gap:16px;padding:16px;width:min(420px,100vw - 48px)}.bulk-confirm-modal,.group-modal{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;box-shadow:var(--dgg-elevation-modal);display:grid}.bulk-confirm-modal{background:rgba(7,11,10,.88);gap:18px;padding:18px;text-align:center;width:min(360px,100vw - 48px)}.bulk-confirm-modal strong{color:var(--text);font-size:16px;line-height:1.35}.bulk-confirm-actions{display:grid;gap:10px;grid-template-columns:1fr 1fr}.bulk-confirm-actions .button{border-radius:12px;min-height:42px}.bulk-confirm-actions .button.secondary{background:hsla(0,0%,100%,.05);border:0;box-shadow:none;color:hsla(0,0%,100%,.7)}.bulk-confirm-actions .button.secondary:hover{background:hsla(0,0%,100%,.09);color:#fff}.group-modal-header{align-items:center;display:flex;justify-content:space-between}.group-modal-header strong{color:var(--text);font-size:18px;font-weight:700}.group-modal-header .icon-button{color:hsla(0,0%,100%,.62)}.group-modal-header .icon-button:hover{background:hsla(0,0%,100%,.05);color:#fff}.group-modal input{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.07);border-radius:12px;color:var(--text);font:inherit;min-height:46px;outline:none;padding:10px 12px;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.group-modal input:focus{background:hsla(0,0%,100%,.06);border-color:rgba(56,255,156,.38);box-shadow:var(--dgg-focus-ring)}.group-modal-actions{display:grid;gap:10px;grid-template-columns:1fr 1fr}.group-modal-actions .button{background:var(--accent);border-color:rgba(56,255,156,.6);border-radius:12px;box-shadow:var(--dgg-elevation-primary);color:#03100a;min-height:44px}.group-modal-actions .button:hover{background:#69ffb7;box-shadow:var(--dgg-elevation-primary-hover)}.group-modal-actions .button.secondary{background:hsla(0,0%,100%,.03);border:0;box-shadow:none;color:hsla(0,0%,100%,.62)}.group-modal-actions .button.secondary:hover{background:hsla(0,0%,100%,.08);color:#fff}.show-shell{background:radial-gradient(circle at 50% -15%,rgba(56,255,156,.04),transparent 30%),rgba(3,4,4,.48);isolation:isolate;min-height:100vh;padding:24px;position:relative}.show-shell>*{position:relative;z-index:1}.show-shell:before{content:"";inset:0;opacity:0;pointer-events:none;position:fixed;z-index:0}body:fullscreen,html:fullscreen{background:var(--bg)}html:fullscreen::backdrop{background:var(--bg)}.show-shell.fullscreen-active,.show-shell:fullscreen{background:radial-gradient(circle at 50% -18%,rgba(56,255,156,.04),transparent 34%),radial-gradient(circle at 50% 118%,rgba(31,159,104,.03),transparent 34%),rgba(3,4,4,.18);display:grid;grid-template-rows:auto minmax(0,1fr);height:100vh;overflow:hidden}.show-shell.fullscreen-active:before,.show-shell:fullscreen:before{background:radial-gradient(ellipse at 50% 50%,transparent 0 58%,rgba(0,0,0,.16) 100%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.18));opacity:1}.show-player{flex-direction:column;gap:10px;justify-content:flex-start;margin-top:0;min-height:calc(100vh - 96px);padding-bottom:32px}.show-player,.show-video-row{align-items:center;display:flex}.show-video-row{gap:18px;justify-content:center;width:100%}.show-video-frame{background:rgba(8,12,11,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.05);border-radius:16px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.03),0 28px 90px rgba(0,0,0,.38);overflow:hidden;position:relative;width:min(1320px,100% - 220px)}.show-video-frame:fullscreen{aspect-ratio:auto;background:#000;border:0;border-radius:0;box-shadow:none;height:100vh;width:100vw}.show-video-frame:fullscreen::backdrop{background:#000}.show-video-stage{aspect-ratio:16/9;background:#000;position:relative;width:100%}.show-video-frame:fullscreen .show-video-stage{aspect-ratio:auto;height:100%}.show-video-frame video{border:0;cursor:pointer;display:block;height:100%;inset:0;object-fit:cover;opacity:0;position:absolute;transition:opacity .12s ease;width:100%}.show-video-frame:fullscreen video{object-fit:contain}.show-video-frame video.show-video-active{opacity:1;z-index:1}.show-video-frame.revealed video.show-video-active{filter:brightness(.34)}.show-video-placeholder{align-items:center;aspect-ratio:16/9;background:#000;color:var(--muted);display:flex;font-weight:700;justify-content:center;text-transform:none;width:100%}.player-rank-toggle{background:rgba(56,255,156,.14);border:1px solid rgba(56,255,156,.28);border-radius:999px;color:var(--accent-text);display:none;font-size:12px;font-weight:900;min-height:34px;padding:0 14px;position:absolute;right:16px;top:16px;transform:none;z-index:6}.player-rank-toggle:hover:not(:disabled){background:rgba(56,255,156,.22);border-color:rgba(56,255,156,.48);transform:none}.player-rank-toggle:disabled{color:hsla(0,0%,100%,.44);cursor:not-allowed;opacity:.58}.show-video-frame:fullscreen .player-rank-toggle{align-items:center;display:flex;justify-content:center;min-height:40px;padding:0 16px;right:22px;top:22px}.rank-reveal{align-items:center;background:radial-gradient(circle at 50% 50%,rgba(56,255,156,.15),rgba(0,0,0,.58) 58%,rgba(0,0,0,.76));display:flex;flex-direction:column;gap:14px;inset:0;justify-content:center;position:absolute;pointer-events:none;text-align:center;text-transform:uppercase;z-index:3}.rank-reveal img{filter:drop-shadow(0 22px 34px rgba(0,0,0,.58));height:clamp(130px,20vw,250px);object-fit:contain;width:clamp(130px,20vw,250px)}.rank-reveal strong{color:var(--accent-text);font-size:clamp(44px,8vw,108px);font-weight:800;letter-spacing:0;line-height:.85;text-shadow:0 0 32px rgba(56,255,156,.3)}.custom-video-controls{align-items:center;background:linear-gradient(0deg,rgba(0,0,0,.58),transparent);bottom:0;display:flex;gap:14px;left:0;padding:30px 18px 16px;position:absolute;right:0;z-index:4}.custom-fullscreen-button,.custom-play-button,.custom-volume-button{align-items:center;background:rgba(0,0,0,0)!important;border:0!important;box-shadow:none!important;color:#fff;cursor:pointer;display:flex;font-size:22px;font-weight:700;height:24px;justify-content:center;line-height:1;min-height:24px;padding:0;transform:none!important;transition:color .14s ease,opacity .14s ease;width:24px}.custom-fullscreen-button:hover,.custom-play-button:hover,.custom-volume-button:hover{background:rgba(0,0,0,0)!important;color:var(--accent-text);opacity:.92;transform:none!important}.custom-fullscreen-button{margin-left:auto;width:32px}.custom-volume-slider{accent-color:var(--accent);align-self:center;appearance:none;background:rgba(0,0,0,0);cursor:pointer;display:block;height:24px;margin-left:-8px;padding:0;transform:translateY(-1px);width:96px}.custom-volume-slider::-webkit-slider-runnable-track{background:hsla(0,0%,100%,.24);border-radius:999px;height:4px}.custom-volume-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);border:0;border-radius:50%;box-shadow:0 0 10px rgba(0,255,150,.34);height:10px;margin-top:-4px;width:10px}.custom-volume-slider::-moz-range-track{background:hsla(0,0%,100%,.24);border-radius:999px;height:4px}.custom-volume-slider::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;box-shadow:0 0 10px rgba(0,255,150,.34);height:10px;width:10px}.custom-progress{background:hsla(0,0%,100%,.24);bottom:0;cursor:pointer;height:4px;left:0;position:absolute;right:0}.custom-progress span{background:var(--accent);display:block;height:100%;transition:width .12s linear}.show-reveal-control{display:flex;justify-content:center;margin-top:-2px;z-index:6}.show-reveal-control .button{background:var(--accent);border-color:rgba(56,255,156,.6);border-radius:12px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.15),0 0 14px rgba(0,255,150,.3);color:#03100a;font-weight:700;min-height:44px;min-width:148px}.show-reveal-control .button:hover{background:#69ffb7;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.18),0 0 18px rgba(0,255,150,.36)}.show-reveal-control .button.disabled{background:hsla(0,0%,100%,.03);border:0;box-shadow:none;color:hsla(0,0%,100%,.6)}.guess-play-shell{padding-top:24px}.guess-play-window{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:rgba(7,11,10,.78);border:1px solid rgba(56,255,156,.09);border-radius:16px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.03),0 24px 80px rgba(0,0,0,.38);display:grid;grid-template-columns:minmax(250px,.82fr) minmax(520px,1.55fr) minmax(280px,.84fr);height:min(760px,100vh - 150px);margin:clamp(-20px,-2vh,-8px) auto 0;overflow:hidden;width:min(1380px,100%)}.guess-play-shell.video-player-open .guess-play-window,.guess-play-shell.video-player-open .page-chrome,.guess-play-shell.video-player-open .upload-message{pointer-events:none;-webkit-user-select:none;user-select:none}.guess-play-shell.video-player-open .guess-play-window{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.guess-play-profile,.guess-play-sidebar,.guess-play-thread{min-width:0}.guess-play-profile,.guess-play-sidebar{background:hsla(0,0%,100%,.02);padding:18px}.guess-play-sidebar{border-right:1px solid hsla(0,0%,100%,.06);display:flex;flex-direction:column;min-height:0}.guess-play-profile{border-left:1px solid hsla(0,0%,100%,.06);display:flex;flex-direction:column;gap:12px}.guess-play-sidebar-title{align-items:center;color:hsla(0,0%,100%,.72);display:flex;font-size:13px;font-weight:800;gap:8px;justify-content:space-between;margin-bottom:14px}.guess-play-sidebar-title span{align-items:center;display:inline-flex;gap:8px}.guess-play-refresh{color:hsla(0,0%,100%,.58)}.guess-play-message-list{display:grid;gap:8px;min-height:0;overflow-y:auto;padding-right:6px;scrollbar-color:hsla(0,0%,100%,.18) rgba(0,0,0,0)}.guess-play-chat-center::-webkit-scrollbar,.guess-play-message-list::-webkit-scrollbar{width:8px}.guess-play-message-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.guess-play-chat-center::-webkit-scrollbar-thumb,.guess-play-message-list::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.14);border-radius:999px}.guess-play-message{align-items:center;background:rgba(0,0,0,0);border:0;border-radius:10px;box-shadow:none;color:inherit;display:flex;justify-content:space-between;min-height:68px;padding:10px;text-align:left;width:100%}.guess-play-message.active,.guess-play-message:hover{background:rgba(56,255,156,.08);transform:none}.guess-play-message span{display:grid;gap:5px;min-width:0}.guess-play-message small,.guess-play-message strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guess-play-message strong{color:#fff;font-size:14px}.guess-play-message em,.guess-play-message small{color:hsla(0,0%,100%,.48);font-size:12px;font-style:normal}.guess-play-thread{display:flex;flex-direction:column}.guess-play-empty-state{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:0;text-align:center}.guess-play-thread-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;gap:12px;padding:18px}.guess-play-avatar{align-items:center;background:rgba(56,255,156,.12);border:1px solid rgba(56,255,156,.18);border-radius:12px;color:var(--accent-text);display:flex;flex:0 0 auto;font-size:20px;font-weight:900;height:46px;justify-content:center;width:46px}.guess-play-thread-header h2,.guess-play-thread-header p{margin:0}.guess-play-thread-header h2{font-size:18px}.guess-play-thread-header p{color:hsla(0,0%,100%,.48);font-size:13px}.guess-play-chat{justify-content:space-between}.guess-play-chat,.guess-play-chat-center{display:flex;flex:1 1;flex-direction:column;min-height:0}.guess-play-chat-center{align-items:stretch;gap:12px;justify-content:flex-start;margin:0 auto;max-width:640px;overflow-y:auto;padding:26px 0;scrollbar-color:hsla(0,0%,100%,.18) rgba(0,0,0,0);width:100%}.guess-play-message-clip-row{align-items:center;display:flex;justify-content:flex-start;width:100%}.guess-play-clip-thumb{align-items:center;aspect-ratio:16/9;background:#050806;border:1px solid hsla(0,0%,100%,.07);border-radius:12px;box-shadow:none;color:#fff;display:flex;justify-content:center;min-height:220px;overflow:hidden;padding:0;position:relative;width:min(520px,100%)}.guess-play-clip-thumb:hover{border-color:rgba(56,255,156,.24);transform:none}.guess-play-clip-preview{background:#050806;height:100%;inset:0;object-fit:cover;pointer-events:none;position:absolute;width:100%}.guess-play-clip-thumb svg{background:rgba(0,0,0,.56);border-radius:999px;color:var(--accent);height:58px;padding:15px;position:relative;width:58px;z-index:1}.guess-play-reply-bar{align-items:center;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.07);border-radius:16px;display:flex;gap:10px;margin:0 auto 26px;max-width:640px;padding:10px 10px 10px 14px;width:100%}.guess-play-reply-bar input{background:rgba(0,0,0,0);border:0;color:hsla(0,0%,100%,.68);flex:1 1;font:inherit;min-width:0;outline:0;padding:8px 0}.guess-play-reply-bar input::placeholder{color:hsla(0,0%,100%,.36)}.guess-play-reply-bar button{align-items:center;background:rgba(56,255,156,.1);border:1px solid rgba(56,255,156,.13);border-radius:999px;color:hsla(0,0%,100%,.36);display:flex;height:36px;justify-content:center;padding:0;width:36px}.guess-play-discord-card{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.06);border-radius:14px;overflow:hidden}.guess-play-discord-banner{height:74px}.guess-play-discord-main{display:grid;gap:4px;padding:0 16px 14px;position:relative}.guess-play-discord-avatar{align-items:center;border:4px solid #121816;border-radius:999px;color:#03100a;display:flex;font-size:24px;font-weight:900;height:58px;justify-content:center;margin-top:-18px;width:58px}.guess-play-discord-main strong{color:#fff;font-size:18px;margin-top:2px;overflow-wrap:anywhere}.guess-play-discord-main span{color:hsla(0,0%,100%,.52);font-size:13px;font-weight:700;overflow-wrap:anywhere}.guess-play-discord-section{border-top:1px solid hsla(0,0%,100%,.06);display:grid;gap:8px;padding:14px 16px}.guess-play-discord-section small{color:hsla(0,0%,100%,.48);font-size:12px;font-weight:900}.guess-play-connection-list{display:grid;gap:8px}.guess-play-connection-list span{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.07);border-radius:10px;color:hsla(0,0%,100%,.78);font-size:13px;font-weight:800;overflow-wrap:anywhere;padding:10px 11px}.guess-player-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(0,0,0,.84);z-index:70}.guess-player-overlay{display:grid;gap:12px;position:relative;width:min(1320px,100vw - 96px)}.guess-player-overlay .show-video-frame{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000;box-shadow:none}.guess-player-overlay .show-video-frame video{transition:none}.guess-player-close{position:absolute;right:-14px;top:-52px}.guess-player-footer{align-items:center;display:grid;gap:8px;justify-content:center}.guess-player-footer .show-controls{margin-top:0}.arrow-button{background:hsla(0,0%,100%,.03);border:0;border-radius:12px;box-shadow:none;color:hsla(0,0%,100%,.6);height:52px;min-height:52px;min-width:52px;padding:0;transition:all .2s ease;width:48px}.arrow-button:hover{background:hsla(0,0%,100%,.08);color:#fff;transform:scale(1.015)}.arrow-button:disabled{cursor:not-allowed;opacity:.35}.arrow-button:disabled:hover{background:hsla(0,0%,100%,.03);color:hsla(0,0%,100%,.6);transform:none}.show-controls{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:8px;min-height:24px;position:relative;z-index:5}.show-controls span{color:var(--muted);font-weight:700}.show-shell.fullscreen-active .show-player,.show-shell:fullscreen .show-player{height:100%;justify-content:center;margin-top:0;min-height:0;padding-bottom:0}.show-shell.fullscreen-active .show-video-row,.show-shell:fullscreen .show-video-row{align-items:center;flex:0 1 auto}.show-shell.fullscreen-active .show-video-frame,.show-shell:fullscreen .show-video-frame{aspect-ratio:16/9;height:min(80vh,100vh - 168px);max-width:calc(100vw - 220px);width:auto}.show-shell.fullscreen-active .show-video-frame video,.show-shell:fullscreen .show-video-frame video{height:100%;object-fit:cover;width:100%}.show-shell.fullscreen-active .reel-show-frame,.show-shell:fullscreen .reel-show-frame{aspect-ratio:9/16;max-height:calc(100vh - 148px);width:min(430px,100vw - 220px)}.show-shell.fullscreen-active .reel-show-video,.show-shell:fullscreen .reel-show-video{height:100%;object-fit:cover;width:100%}.show-shell.fullscreen-active .show-controls,.show-shell:fullscreen .show-controls{margin-top:0}@media(max-width:640px){.clip-page-shell{height:auto;inset:auto;min-height:100dvh;overflow-y:auto;position:relative;width:auto}.clip-page-shell .tool-layout{flex:none}.clip-page-shell .clip-grid{height:auto;transform:none}.page-shell{padding:20px}.profile-riot-banner{font-size:12px;top:76px}.dashboard-topbar{grid-template-columns:minmax(0,1fr) auto;min-height:108px;padding:12px 20px 0;row-gap:14px}.header-tabs{grid-column:1/-1;grid-row:2;justify-self:center;margin-bottom:4px;width:100%}.header-tab{flex:1 1;font-size:11px;min-height:28px;padding:0 10px}.dashboard-actions{min-height:calc(100vh - 170px);padding:20px 0 56px}.panel-actions{gap:12px;width:100%}.panel-actions .button,.panel-actions button{flex:1 1;font-size:13px;min-width:0;min-height:48px;padding:0 12px;width:auto}.panel-actions .primary-action{flex-basis:100%;font-size:14px;min-height:52px;min-width:0;order:-1}.modal-backdrop{padding:12px}.upload-modal{min-height:calc(100vh - 24px)}.upload-manager{bottom:12px;max-height:min(480px,100vh - 24px);right:12px;width:calc(100vw - 24px)}.upload-icon{height:104px;width:104px}.clip-grid{grid-template-columns:1fr}.clip-list,.clip-preview{min-height:360px}.show-video-row{gap:8px}.show-video-frame{width:calc(100% - 88px)}.reel-show-frame{width:min(340px,100% - 88px)}.show-video-placeholder{width:100%}.arrow-button{font-size:28px;height:40px;min-height:40px;width:40px}}@media(prefers-reduced-motion:reduce){.dashboard-actions>*{animation:none}.void-background canvas{opacity:.48}}.riot-demo-shell{display:flex;flex-direction:column;gap:20px}.riot-demo-play-shell{gap:14px;padding-top:32px}.riot-demo-play-shell .riot-demo-window{margin-top:clamp(-56px,-5vh,-34px)}.riot-demo-header{align-items:end;display:flex;justify-content:space-between;margin:0 auto;max-width:1180px;width:100%}.riot-demo-header h1,.riot-demo-header p{margin:0}.riot-demo-header p{color:var(--accent-text);font-size:13px;font-weight:800;margin-bottom:8px}.riot-demo-header h1{font-size:clamp(34px,6vw,70px);letter-spacing:0;line-height:.95}.riot-demo-header span{background:rgba(56,255,156,.1);border:1px solid rgba(56,255,156,.18);border-radius:999px;color:var(--accent-text);font-size:12px;font-weight:800;padding:8px 11px}.riot-demo-window{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:rgba(7,11,10,.78);border:1px solid rgba(56,255,156,.09);border-radius:16px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.03),0 24px 80px rgba(0,0,0,.38);display:grid;grid-template-columns:minmax(250px,.82fr) minmax(520px,1.55fr) minmax(280px,.84fr);height:min(760px,100vh - 150px);margin:0 auto;overflow:hidden;width:min(1380px,100%)}.riot-demo-profile,.riot-demo-sidebar,.riot-demo-thread{min-width:0}.riot-demo-profile,.riot-demo-sidebar{background:hsla(0,0%,100%,.02);padding:18px}.riot-demo-sidebar{border-right:1px solid hsla(0,0%,100%,.06);display:flex;flex-direction:column;min-height:0}.riot-demo-profile{border-left:1px solid hsla(0,0%,100%,.06)}.riot-demo-sidebar-title{align-items:center;color:hsla(0,0%,100%,.72);display:flex;font-size:13px;font-weight:800;gap:8px;justify-content:space-between;margin-bottom:14px}.riot-demo-sidebar-title span{align-items:center;display:inline-flex;gap:8px}.riot-demo-refresh-button{color:hsla(0,0%,100%,.58)}.riot-demo-message-list{display:grid;gap:8px;min-height:0;overflow-y:auto;padding-right:6px;scrollbar-color:hsla(0,0%,100%,.18) rgba(0,0,0,0)}.riot-demo-message-list::-webkit-scrollbar{width:8px}.riot-demo-message-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.riot-demo-message-list::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.14);border-radius:999px}.riot-demo-message{align-items:center;background:rgba(0,0,0,0);border:0;border-radius:10px;box-shadow:none;color:inherit;display:flex;justify-content:space-between;min-height:68px;padding:10px;text-align:left;width:100%}.riot-demo-message.active,.riot-demo-message:hover{background:rgba(56,255,156,.08);transform:none}.riot-demo-message span{display:grid;gap:5px;min-width:0}.riot-demo-message small,.riot-demo-message strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.riot-demo-message strong{color:#fff;font-size:14px}.riot-demo-message em,.riot-demo-message small{color:hsla(0,0%,100%,.48);font-size:12px;font-style:normal}.riot-demo-mini-modal{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(9,14,12,.76);border:1px solid rgba(56,255,156,.09);border-radius:16px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.03),0 24px 70px rgba(0,0,0,.42);display:flex;flex-direction:column;gap:12px;min-height:220px;padding:24px;position:relative;text-align:center;width:min(420px,100%)}.riot-demo-mini-modal .icon-button{position:absolute;right:14px;top:14px}.riot-demo-mini-modal strong{font-size:22px;margin-top:32px}.riot-demo-mini-modal p{color:hsla(0,0%,100%,.58);line-height:1.45;margin:0;max-width:300px}.riot-demo-thread{display:flex;flex-direction:column;min-height:0;overflow:hidden}.riot-demo-thread-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;gap:12px;padding:18px}.riot-demo-avatar{align-items:center;background:rgba(56,255,156,.12);border:1px solid rgba(56,255,156,.18);border-radius:12px;color:var(--accent-text);display:flex;flex:0 0 auto;font-size:20px;font-weight:900;height:46px;justify-content:center;width:46px}.riot-demo-thread-header h2,.riot-demo-thread-header p{margin:0}.riot-demo-thread-header h2{font-size:18px}.riot-demo-thread-header p{color:hsla(0,0%,100%,.48);font-size:13px}.riot-demo-thread-header span{background:rgba(56,255,156,.1);border-radius:999px;color:var(--accent-text);font-size:12px;font-weight:800;margin-left:auto;padding:7px 10px}.riot-demo-chat{overflow:hidden;padding:0}.riot-demo-chat,.riot-demo-chat-center{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;min-height:0}.riot-demo-chat-center{align-items:stretch;gap:0;margin:0 auto;max-width:640px;overflow-x:hidden;overflow-y:auto;padding:26px 0 20px;scrollbar-color:hsla(0,0%,100%,.18) rgba(0,0,0,0);width:100%}.riot-demo-chat-center::-webkit-scrollbar{width:8px}.riot-demo-chat-center::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.14);border-radius:999px}.riot-demo-message-clip-row{align-items:center}.riot-demo-chat-bubble-row,.riot-demo-message-clip-row{display:flex;flex:0 0 auto;justify-content:flex-start;width:100%}.riot-demo-chat-bubble-row{align-items:flex-start;margin-top:9px}.riot-demo-chat-bubble-row.own{justify-content:flex-end}.riot-demo-chat-bubble-row.compact{margin-top:1px}.riot-demo-message-time-header{color:hsla(0,0%,100%,.42);flex:0 0 auto;font-size:11px;font-weight:650;line-height:1.2;margin:18px auto 6px;text-align:center;width:max-content}.riot-demo-chat-center>.riot-demo-message-time-header:first-child,.riot-demo-user-inbox-feed>.riot-demo-message-time-header:first-child{margin-top:0}.riot-demo-message-time-header+.riot-demo-chat-bubble-row,.riot-demo-message-time-header+.riot-demo-user-message-row{margin-top:6px}.riot-demo-message-time-header strong{color:hsla(0,0%,100%,.56);font-weight:900}.riot-demo-message-time-header span{color:hsla(0,0%,100%,.42);font-weight:650}.riot-demo-message-stack{align-items:flex-start;display:flex;flex-direction:column;gap:4px;max-width:min(520px,78%);min-width:0;width:fit-content}.riot-demo-user-inbox .riot-demo-message-stack{max-width:min(292px,78%)}.riot-demo-message-stack.own{align-items:flex-end}.riot-demo-reply-reference{color:hsla(0,0%,100%,.48);display:grid;gap:2px;justify-items:flex-start;max-width:min(360px,100%);padding:0 0 1px 18px;position:relative;text-align:left}.riot-demo-reply-reference:before{border-left:2px solid hsla(0,0%,100%,.24);border-top:2px solid hsla(0,0%,100%,.24);border-top-left-radius:8px;content:"";height:18px;left:2px;position:absolute;top:9px;width:12px}.riot-demo-reply-reference.own{justify-items:flex-end;padding:0 18px 2px 0;text-align:right}.riot-demo-reply-reference.own:before{border-left:0;border-right:2px solid rgba(118,255,186,.32);border-top-color:rgba(118,255,186,.32);border-top-left-radius:0;border-top-right-radius:8px;left:auto;right:2px}.riot-demo-reply-reference span{color:hsla(0,0%,100%,.48);font-size:11px;font-weight:850;line-height:1.2}.riot-demo-reply-reference-bubble{border:1px solid hsla(0,0%,100%,.07);border-radius:12px;color:hsla(0,0%,100%,.62);display:block;font-size:12px;font-weight:800;line-height:1.25;max-width:100%;overflow:hidden;padding:6px 8px;text-overflow:ellipsis;white-space:nowrap}.riot-demo-reply-reference-bubble.staff{background:hsla(0,0%,100%,.05)}.riot-demo-reply-reference-bubble.user{background:rgba(56,255,156,.14);border-color:rgba(118,255,186,.2);color:rgba(210,255,232,.82)}.riot-demo-chat-bubble{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.07);border-radius:14px;color:hsla(0,0%,100%,.82);display:grid;gap:8px;max-width:min(var(--riot-demo-bubble-max-width,520px),100%);min-width:0;padding:8px 10px;text-align:left;overflow-wrap:anywhere;width:fit-content;word-break:normal}.riot-demo-user-inbox .riot-demo-chat-bubble{--riot-demo-bubble-max-width:292px}.riot-demo-chat-bubble.own{background:linear-gradient(180deg,rgba(56,255,156,.96),rgba(41,224,133,.96));border-color:rgba(118,255,186,.42);color:#03100a}.riot-demo-chat-bubble p{color:inherit;font-size:14px;font-weight:750;line-height:1.32;margin:0;overflow-wrap:anywhere;white-space:pre-wrap;word-break:normal}.riot-demo-message-receipt{color:hsla(0,0%,100%,.42);display:block;font-size:11px;font-weight:650;padding:0 6px;text-align:left;width:max-content}.riot-demo-message-receipt strong{color:hsla(0,0%,100%,.5);font-weight:900}.riot-demo-message-receipt span{color:hsla(0,0%,100%,.42);font-weight:650}.riot-demo-message-stack.own .riot-demo-message-receipt{color:hsla(0,0%,100%,.42);text-align:right}.riot-demo-bubble-clip{align-items:center;aspect-ratio:16/9;background:#050806;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;box-shadow:none;color:#fff;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:205px;overflow:hidden;padding:16px;width:min(496px,100%)}.riot-demo-bubble-clip:hover{border-color:rgba(56,255,156,.24);transform:none}.riot-demo-bubble-clip svg{background:rgba(0,0,0,.56);border-radius:999px;color:var(--accent);height:54px;padding:14px;width:54px}.riot-demo-bubble-clip span{color:hsla(0,0%,100%,.82);font-size:14px;font-weight:900}.riot-demo-bubble-clip small{color:hsla(0,0%,100%,.48);font-size:12px;font-weight:800;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.riot-demo-clip-thumb{align-items:center;aspect-ratio:16/9;background:#050806;border:1px solid hsla(0,0%,100%,.07);border-radius:12px;box-shadow:none;color:#fff;display:flex;justify-content:center;min-height:220px;overflow:hidden;padding:0;position:relative;width:min(520px,100%)}.riot-demo-reply-bar{display:block;flex:0 0 auto;margin:0 auto 26px;max-width:640px;padding:0;width:100%}.riot-demo-admin-compose-field{align-items:center;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.07);border-radius:16px;display:flex;gap:10px;min-height:48px;min-width:0;padding:7px 7px 7px 14px;width:100%}.riot-demo-admin-compose-field input{background:rgba(0,0,0,0);border:0;color:hsla(0,0%,100%,.68);flex:1 1 auto;font:inherit;height:32px;min-width:0;outline:0;padding:0}.riot-demo-admin-compose-field input::placeholder{color:hsla(0,0%,100%,.36)}.riot-demo-admin-compose-field button{align-items:center;background:#252b28;border:1px solid #303834;border-radius:12px;color:#9aa39f;display:flex;flex:0 0 auto;height:32px;justify-content:center;padding:0;width:32px}.riot-demo-admin-compose-field button:not(:disabled){background:var(--accent);border-color:var(--accent);color:#03100a}.riot-demo-admin-compose-field button:disabled{cursor:not-allowed}.riot-demo-admin-compose-field button:active,.riot-demo-admin-compose-field button:hover{transform:none}.riot-demo-admin-compose-field button svg{display:block;opacity:1;pointer-events:none;stroke:currentColor}.riot-demo-clip-thumb:hover{border-color:rgba(56,255,156,.24);transform:none}.riot-demo-clip-thumb svg{background:rgba(0,0,0,.56);border-radius:999px;color:var(--accent);height:58px;padding:15px;position:relative;width:58px;z-index:1}.riot-demo-player-backdrop{background:rgba(0,0,0,.84);z-index:70}.riot-demo-player-overlay{position:relative;width:min(1320px,100vw - 96px)}.riot-demo-player-close{position:absolute;right:-14px;top:-52px}.riot-demo-player-stage{align-items:center;color:hsla(0,0%,100%,.62);display:flex;font-size:13px;font-weight:800;justify-content:center}.riot-demo-bubble,.riot-demo-clip-card,.riot-demo-profile-card,.riot-demo-profile-meta{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.06);border-radius:12px}.riot-demo-bubble{max-width:420px;padding:16px}.riot-demo-bubble strong{display:block;margin-bottom:8px}.riot-demo-bubble p{color:hsla(0,0%,100%,.58);font-size:14px;line-height:1.45;margin:0}.riot-demo-clip-preview{align-items:center;aspect-ratio:16/9;background:#020403;border:1px solid rgba(56,255,156,.12);border-radius:12px;color:hsla(0,0%,100%,.62);display:flex;font-size:13px;font-weight:800;justify-content:center;max-width:560px;min-height:220px;overflow:hidden;position:relative}.riot-demo-rank-reveal{align-items:center;background:rgba(56,255,156,.1);border:1px solid rgba(56,255,156,.18);border-radius:12px;display:flex;gap:12px;justify-content:space-between;max-width:420px;padding:14px 16px}.riot-demo-rank-reveal span{color:hsla(0,0%,100%,.54);font-size:12px;font-weight:800}.riot-demo-rank-reveal strong{color:var(--accent-text);font-size:18px}.riot-demo-manage-preview{align-items:center;aspect-ratio:16/9;background:#020403;border:1px solid hsla(0,0%,100%,.05);border-radius:14px;box-shadow:0 18px 70px rgba(0,0,0,.3);color:hsla(0,0%,100%,.62);display:flex;flex:1 1;font-size:13px;font-weight:800;justify-content:center;max-height:62vh;min-height:220px;overflow:hidden;position:relative;width:100%}.riot-demo-clip-card{align-items:center;align-self:stretch;background:linear-gradient(135deg,rgba(56,255,156,.1),rgba(255,255,255,.03)),hsla(0,0%,100%,.04);box-shadow:none;color:#fff;display:flex;gap:12px;justify-content:flex-start;min-height:116px;padding:16px;text-align:left}.riot-demo-clip-card svg{color:var(--accent-text);flex:0 0 auto}.riot-demo-clip-card span{display:grid;gap:6px}.riot-demo-clip-card small{color:hsla(0,0%,100%,.52)}.riot-demo-profile{display:flex;flex-direction:column;gap:12px}.riot-demo-discord-card{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.06);border-radius:14px;overflow:hidden}.riot-demo-discord-banner{height:74px;opacity:1}.riot-demo-discord-main{display:grid;gap:4px;padding:0 16px 14px;position:relative}.riot-demo-discord-avatar{align-items:center;border:4px solid #121816;border-radius:999px;color:#03100a;display:flex;font-size:24px;font-weight:900;height:58px;justify-content:center;margin-top:-18px;width:58px}.riot-demo-discord-main strong{color:#fff;font-size:18px;margin-top:2px}.riot-demo-discord-main span{color:hsla(0,0%,100%,.52);font-size:13px;font-weight:700}.riot-demo-discord-section{border-top:1px solid hsla(0,0%,100%,.06);display:grid;gap:8px;padding:14px 16px}.riot-demo-discord-section small{color:hsla(0,0%,100%,.48);font-size:12px;font-weight:900}.riot-demo-connection-list{display:grid;gap:8px}.riot-demo-connection-list span{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.07);border-radius:10px;color:hsla(0,0%,100%,.78);font-size:13px;font-weight:800;padding:10px 11px}.riot-demo-profile-card{align-items:center;display:flex;gap:12px;padding:14px}.riot-demo-profile-card svg{color:var(--accent-text);flex:0 0 auto}.riot-demo-profile-card div{display:grid;gap:5px}.riot-demo-profile-card span,.riot-demo-profile-meta dt{color:hsla(0,0%,100%,.45);font-size:12px;font-weight:800}.riot-demo-profile-card strong,.riot-demo-profile-meta dd{color:#fff;font-size:14px;font-weight:800;margin:0}.riot-demo-profile-meta{display:grid;gap:0;margin:0;overflow:hidden}.riot-demo-profile-meta div{display:grid;gap:6px;padding:14px}.riot-demo-profile-meta div+div{border-top:1px solid hsla(0,0%,100%,.06)}.upload-metadata-modal{max-height:calc(100vh - 56px);min-height:0;overflow:visible;width:min(560px,100%)}.upload-metadata-body{display:grid;gap:18px;padding:22px}.upload-metadata-file{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.07);border-radius:10px;display:grid;gap:4px;min-width:0;padding:12px 14px}.upload-metadata-field>span,.upload-metadata-file span{color:var(--muted);font-size:12px;font-weight:800}.upload-metadata-file strong{font-size:14px;line-height:1.25;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-metadata-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.clip-autocomplete,.upload-metadata-champion-search,.upload-metadata-field{display:grid;gap:7px;min-width:0;position:relative}.clip-autocomplete input,.upload-metadata-field input{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.07);border-radius:10px;color:var(--text);font-size:13px;font-weight:800;min-height:42px;outline:none;padding:0 12px;width:100%}.clip-autocomplete input:focus,.upload-metadata-field input:focus{background:hsla(0,0%,100%,.06);border-color:rgba(56,255,156,.26)}.upload-metadata-field input[aria-invalid=true]{border-color:rgba(255,77,109,.44)}.clip-suggestion-list,.upload-metadata-select-menu{background:rgba(9,13,12,.97);border:1px solid rgba(56,255,156,.14);border-radius:10px;box-shadow:var(--dgg-elevation-dropdown);display:grid;gap:4px;left:0;max-height:232px;overflow-y:auto;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:58}.clip-suggestion-list button,.upload-metadata-select-menu button{background:rgba(0,0,0,0);border:0;border-radius:8px;box-shadow:none;color:hsla(0,0%,100%,.7);font-size:13px;font-weight:800;justify-content:flex-start;min-height:34px;padding:0 10px;text-align:left}.clip-suggestion-list button:hover,.upload-metadata-select-menu button.active,.upload-metadata-select-menu button:hover{background:rgba(56,255,156,.09);color:var(--accent-text);transform:none}.upload-metadata-select{position:relative}.upload-metadata-select-trigger{align-items:center;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.07);border-radius:10px;box-shadow:none;color:var(--text);display:flex;font-size:13px;font-weight:800;gap:12px;justify-content:space-between;line-height:1;min-height:42px;min-width:0;padding:0 12px;text-align:left;width:100%}.upload-metadata-select-trigger svg{color:hsla(0,0%,100%,.62);flex:0 0 auto;margin-left:auto}.upload-metadata-select-trigger:focus,.upload-metadata-select-trigger:hover{background:hsla(0,0%,100%,.06);border-color:rgba(56,255,156,.26);transform:none}.upload-metadata-actions{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:620px){.upload-metadata-actions,.upload-metadata-grid{grid-template-columns:1fr}}@media(max-width:900px){.riot-demo-header{align-items:start;flex-direction:column;gap:12px}.riot-demo-window{grid-template-columns:1fr}.riot-demo-profile,.riot-demo-sidebar{border:0}}