#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lgl-wrapper{position:relative;overflow:hidden}.lgl-pane{position:absolute;top:0;right:0;bottom:0;left:0}.lgl-pane:not([data-lgl-ready]){background:#ffffff0f;-webkit-backdrop-filter:blur(4px) saturate(140%);backdrop-filter:blur(4px) saturate(140%)}.lgl-svg-defs{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.lgl-svg-bend,.lgl-svg-face,.lgl-svg-edge{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.lgl-svg-bend{z-index:0}.lgl-svg-face{z-index:1;background:#ffffff04;box-shadow:0 1px 10px #0000001a,inset 0 1px #ffffff1f}.lgl-svg-edge{z-index:2;box-shadow:inset 1px 1px 1.5px #ffffff4d,inset -1px -1px 1.5px #ffffff1a}.lgl-engine-svg:hover .lgl-svg-face{background:#ffffff06;box-shadow:0 2px 14px #0000001f,inset 0 1px #ffffff29}.lgl-engine-svg:hover .lgl-svg-edge{box-shadow:inset 1px 1px 1.5px #ffffff61,inset -1px -1px 1.5px #ffffff24}.lgl-content{position:relative;z-index:3;pointer-events:auto;min-width:0;width:100%}.lgl-pane:not([data-lgl-ready]){backdrop-filter:blur(4px) saturate(140%);-webkit-backdrop-filter:blur(4px) saturate(140%);background:#ffffff0f}:root{--gradient-start: #0a0a0a;--gradient-end: #1a1520;--bg-overlay: rgba(0, 0, 0, .6);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--card-bg: rgba(30, 30, 35, .6);--card-bg-hover: rgba(40, 40, 45, .8);--button-bg: linear-gradient(135deg, #4a5568 0%, #5a6c7d 100%);--button-text: #ffffff;--accent: #5a6c7d;--accent-secondary: #6b7c8d;--brand-clip-a: #ff6b35;--brand-clip-b: #ff4444;--border: rgba(90, 108, 125, .3)}header{display:flex;align-items:center}.landing-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;--section-pad-y: 64px;--section-header-max: 860px;--section-header-mb: 28px;--type-kicker: .66rem;--type-title: clamp(1.85rem, 2.6vw, 2.55rem);--type-subtitle: clamp(.92rem, 1.1vw, 1.02rem);--type-body: .95rem;--leading-title: 1.12;--leading-body: 1.7;background:radial-gradient(ellipse at top,rgba(90,108,125,.08) 0%,transparent 50%),radial-gradient(ellipse at bottom,rgba(74,85,104,.06) 0%,transparent 50%),linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);color:var(--text-primary);min-height:100vh;width:100%;overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:0;position:relative}@media (max-width: 1024px){.landing-page{--section-pad-y: 40px;--section-header-mb: 24px;--type-title: clamp(1.6rem, 2.4vw, 2.2rem);--type-subtitle: clamp(.88rem, 1vw, .98rem)}}@media (max-width: 768px){.landing-page{--section-pad-y: 32px;--section-header-mb: 20px;--type-title: clamp(1.45rem, 5vw, 1.85rem);--type-subtitle: .92rem}}@media (max-width: 480px){.landing-page{--section-pad-y: 24px;--section-header-mb: 16px;--type-title: 1.1rem;--type-subtitle: .88rem;--type-body: .9rem}}.landing-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(90,108,125,.02) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(74,85,104,.02) 0%,transparent 50%);pointer-events:none;z-index:0}.landing-page .container{max-width:min(100vw,calc(100vh * 16 / 9));width:100%;margin:0 auto;padding:0 20px;position:relative;z-index:1;box-sizing:border-box}@media (max-width: 480px){.landing-page .container{padding:0 12px}}@media (max-width: 480px){.community-highlights{padding:1.25rem 0}.community-highlights__header{padding:0 12px}.ch-track>.cc{flex:0 0 min(90vw,380px)}}.highlight-types-section,.platform-stats,.server-promo,.landing-page .features-section,.landing-page .how-section,.login-card-section{box-sizing:border-box}.landing-page .section-header{width:100%;max-width:var(--section-header-max);margin:0 auto var(--section-header-mb);padding:0 20px}.landing-page .section-header--center{text-align:center}.landing-page .section-header--inline{display:grid;grid-template-columns:auto minmax(260px,1.2fr) minmax(320px,1fr);align-items:center;column-gap:28px;row-gap:10px}.landing-page .section-header--inline .section-kicker{margin:0;white-space:nowrap}.landing-page .section-header--inline .section-title{margin:0}.landing-page .section-header--inline .section-subtitle{margin:0;max-width:56ch;justify-self:start}@media (max-width: 1024px){.landing-page .section-header--inline{grid-template-columns:auto 1fr;grid-template-areas:"kicker title" "kicker subtitle";align-items:start}.landing-page .section-header--inline .section-kicker{grid-area:kicker;margin-top:6px}.landing-page .section-header--inline .section-title{grid-area:title}.landing-page .section-header--inline .section-subtitle{grid-area:subtitle;margin-top:10px;max-width:68ch}}@media (max-width: 768px){.landing-page .section-header--inline{display:block}.landing-page .section-header--inline .section-kicker{margin-bottom:8px}.landing-page .section-header--inline .section-subtitle{margin-top:12px}}.landing-page .section-header--flush{padding-left:0;padding-right:0}.landing-page .section-kicker{display:block;font-size:var(--type-kicker);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-secondary);opacity:.52;margin-bottom:8px}.landing-page .section-title{font-size:var(--type-title);font-weight:650;letter-spacing:-.015em;line-height:var(--leading-title);color:#ffffffe6;margin:0}.landing-page .section-subtitle{margin:12px auto 0;font-size:var(--type-subtitle);line-height:1.65;color:#ffffffad;opacity:1;max-width:70ch}.highlight-types-section{max-width:min(100vw,calc(100vh * 16 / 9));margin:0 auto;padding:var(--section-pad-y) 0;position:relative;overflow:hidden}.highlight-types-header{margin-bottom:var(--section-header-mb)}.highlight-slider-container{position:relative;width:100%;height:min(380px,50vh);perspective:1500px}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:48px;height:48px;border-radius:50%;background:#141419b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:1.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-user-select:none;user-select:none;opacity:.8}.slider-arrow:hover{background:#1e1e23e6;border-color:#ffffff4d;transform:translateY(-50%) scale(1.08);opacity:1}.slider-arrow-prev{left:20px}.slider-arrow-next{right:20px}.highlight-slider{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.highlight-card{position:absolute;width:560px;height:315px;overflow:hidden;cursor:pointer;transition:all .6s cubic-bezier(.4,0,.2,1);box-shadow:0 18px 50px #00000052}.highlight-card.active{transform:translate(0) scale(1.08) translateZ(0);z-index:10;opacity:1}.highlight-card.prev{transform:translate(-480px) scale(.85) translateZ(-100px);z-index:5;opacity:.6;filter:brightness(.65)}.highlight-card.next{transform:translate(480px) scale(.85) translateZ(-100px);z-index:5;opacity:.6;filter:brightness(.65)}.highlight-card.far-left{transform:translate(-900px) scale(.7) translateZ(-200px);z-index:1;opacity:0;pointer-events:none}.highlight-card.far-right{transform:translate(900px) scale(.7) translateZ(-200px);z-index:1;opacity:0;pointer-events:none}.highlight-card:hover.active{transform:translate(0) scale(1.1) translateZ(0)}.highlight-card-background{position:relative;width:100%;height:100%;display:flex;align-items:flex-end;padding:30px;background:#000}.highlight-card-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.highlight-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000002e,#0000008c 75%,#000000ad);pointer-events:none}.highlight-card-content{width:100%;position:relative;z-index:2;transform:translateY(0);transition:transform .3s ease}.highlight-card-content h3{font-size:1.5rem;font-weight:600;margin-bottom:8px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.highlight-card-content p{font-size:1rem;color:#ffffffe6;line-height:1.5;text-shadow:0 1px 4px rgba(0,0,0,.5)}@media (max-width: 1024px){.highlight-slider-container{height:min(320px,45vh)}.highlight-card{width:480px;height:270px}.highlight-card.prev{transform:translate(-420px) scale(.85) translateZ(-100px)}.highlight-card.next{transform:translate(420px) scale(.85) translateZ(-100px)}}@media (max-width: 768px){.highlight-types-section{padding:var(--section-pad-y) 0}.highlight-types-header h2{font-size:2rem}.highlight-slider-container{height:auto;perspective:none}.slider-arrow{width:36px;height:36px;font-size:1.3rem;top:50%;opacity:.7;display:none}.slider-arrow-prev{left:4px}.slider-arrow-next{right:4px}.highlight-slider-container.ht-scrollable .slider-arrow{display:flex}.highlight-slider{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px var(--ht-pad, 1rem) 8px}.highlight-slider::-webkit-scrollbar{display:none}.highlight-card,.highlight-card.active,.highlight-card.prev,.highlight-card.next,.highlight-card.far-left,.highlight-card.far-right{position:relative;flex:0 0 min(85vw,380px);height:auto;aspect-ratio:16 / 9;width:auto;transform:none!important;opacity:1!important;filter:none!important;pointer-events:auto;z-index:1;scroll-snap-align:center;border-radius:12px;transition:none!important;box-shadow:none}.highlight-card:hover.active{transform:none!important}.highlight-card-background{padding:16px;border-radius:12px;overflow:hidden}.highlight-card-content h3{font-size:1.1rem}.highlight-card-content p{font-size:.85rem}}@media (max-width: 480px){.highlight-card,.highlight-card.active,.highlight-card.prev,.highlight-card.next,.highlight-card.far-left,.highlight-card.far-right{flex:0 0 min(90vw,380px)}.highlight-card-content h3{font-size:1.05rem}.highlight-card-content p{font-size:.85rem}.highlight-card-background{padding:14px}.slider-arrow-prev{left:6px}.slider-arrow-next{right:6px}.highlight-types-header h2{font-size:1.5rem}}.platform-stats{max-width:min(100vw,calc(100vh * 16 / 9));margin:0 auto;padding:var(--section-pad-y) 0}.platform-stats-inner{padding:32px 0 28px;background:#0c0c0e47;border:1px solid rgba(255,255,255,.06)}.platform-stats-header{margin-bottom:var(--section-header-mb)}.platform-stats-title{font-weight:650}.platform-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff0f}.platform-stat-cell{display:flex;flex-direction:column;gap:8px;padding:28px 24px;background:var(--gradient-start)}.stats-number{font-size:3rem;font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--text-primary);font-variant-numeric:tabular-nums}.platform-stat-label{font-size:.85rem;color:var(--text-secondary);opacity:.5;letter-spacing:.01em}@media (max-width: 1024px){.platform-stats-grid{grid-template-columns:repeat(3,1fr)}.stats-number{font-size:2.4rem}}@media (max-width: 768px){.platform-stats{padding:var(--section-pad-y) 16px}.platform-stats-grid{grid-template-columns:repeat(2,1fr)}.stats-number{font-size:2rem}.platform-stats-title{font-size:1.6rem}}@media (max-width: 480px){.platform-stats{padding:var(--section-pad-y) 12px}.platform-stats-grid{grid-template-columns:repeat(2,1fr)}.platform-stat-cell{padding:20px 16px;gap:6px}.stats-number{font-size:1.6rem}.platform-stat-label{font-size:.78rem}}.fade-in-up{opacity:0;transform:translateY(30px);transition:none}.fade-in-up.animate-in{animation:fadeInUp .6s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}header{padding:0;position:fixed;top:0;left:0;right:0;width:100%;height:78px;display:flex;align-items:center;justify-content:center;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:1000;border:none;transition:all .3s ease}header.glass-over-carousel{background:transparent;background-image:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;box-shadow:none;display:flex;align-items:center}header.glass-over-carousel .nav-link{color:#ffffffb8}header.scrolled{background:transparent;background-image:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;display:flex;align-items:center}header .landing-header-surface{width:100%;max-width:min(100vw,calc(100vh * 16 / 9));margin:0 auto;height:78px;padding:0 16px;border-radius:0;box-sizing:border-box;display:flex;align-items:center}header .landing-header-solid{background:#0f0f0feb}header .landing-header-glass .lgl-svg-edge{display:none}header .landing-header-glass .lgl-svg-face{background:linear-gradient(180deg,#ffffff0f,#ffffff05 55%,#ffffff03);box-shadow:none}@media (max-width: 1024px){header,header.glass-over-carousel,header.scrolled{background:var(--bg-primary)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none!important;box-shadow:none!important}header .landing-header-surface,header.glass-over-carousel .landing-header-surface{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none!important;box-shadow:none!important;filter:none!important}header.glass-over-carousel .landing-header-glass .lgl-svg-face,header.glass-over-carousel .landing-header-glass .lgl-svg-edge{display:none!important}header.glass-over-carousel .landing-header-glass .lgl-svg-bend{filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}.header-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:20px;width:100%;box-sizing:border-box}.header-right{margin-left:auto;display:flex;align-items:center;gap:16px}.header-nav{display:flex;align-items:center;gap:24px}.nav-link{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:6px 8px;border-radius:10px;color:#ffffff9e;text-decoration:none;font-size:15px;font-weight:480;letter-spacing:.01em;background:transparent;border:1px solid transparent;-webkit-tap-highlight-color:transparent;transition:color .2s ease,opacity .2s ease;white-space:nowrap}.nav-link:after{content:"";position:absolute;left:8px;right:8px;bottom:3px;height:1px;border-radius:999px;pointer-events:none;background:#ffffff38;opacity:0;transform:scaleX(.6);transition:opacity .22s ease,transform .22s ease}.nav-link:hover{color:#ffffffdb}.nav-link:hover:after{opacity:.9;transform:scaleX(1)}.nav-link:active{opacity:.9}.nav-link:focus-visible{outline:none;color:#ffffffe6;box-shadow:0 0 0 3px #ff6b3529}.nav-link--explore{color:#f97316cc;border-color:#f9731633;background:#f973160f;padding:5px 12px}.nav-link--explore:hover{color:#f97316;background:#f973161f;border-color:#f9731659}.nav-link--explore:after{display:none}@media (max-width: 768px){.header-nav{display:none}header .landing-header-surface{padding:0 12px}}@media (max-width: 480px){header .landing-header-surface{height:48px;padding:0 12px}.header-right{gap:8px}}.header-controls{display:flex;align-items:center;gap:16px}.lang-dropdown{position:relative}.lang-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:var(--text-primary);cursor:pointer;font-size:.85rem;-webkit-tap-highlight-color:transparent;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .16s ease,filter .22s ease}.lang-toggle:hover{background:#ffffff0b;border-color:#ffffff1f}.lang-toggle:active{transform:translateY(0) scale(.98);background:#ffffff17;border-color:#ffffff38}.lang-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px #ff6b3538,0 10px 30px #00000038,inset 0 1px #ffffff1f}.globe-icon{opacity:.7}.lang-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:#141419fa;-webkit-backdrop-filter:blur(6px) saturate(140%);backdrop-filter:blur(6px) saturate(140%);border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 8px 32px #00000080;z-index:1000;animation:dropdownFadeIn .2s ease-out}.lang-dropdown-menu-portal{position:fixed;right:auto;top:0;left:0;transform:translate(-100%);z-index:5000;max-width:calc(100vw - 16px);animation:dropdownFadeInPortal .2s ease-out}@keyframes dropdownFadeInPortal{0%{opacity:0;transform:translate(-100%) translateY(-10px)}to{opacity:1;transform:translate(-100%) translateY(0)}}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lang-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;transition:all .2s ease;text-align:left;justify-content:flex-start}.lang-dropdown-item:hover{background:#ffffff14;color:var(--text-primary)}.lang-dropdown-item.active{background:#5a6c7d33;color:var(--text-primary)}.lang-flag{font-size:.75rem;font-weight:600;line-height:1;flex-shrink:0;letter-spacing:.04em;opacity:.6}.lang-label{flex:1;font-weight:500}.check-icon{stroke:var(--accent);opacity:.9;flex-shrink:0}.login-btn{padding:8px 20px;background:transparent;border:1.5px solid rgba(255,255,255,.3);border-radius:999px;color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:500;-webkit-tap-highlight-color:transparent;transition:color .2s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .16s ease,filter .22s ease;text-decoration:none;display:inline-flex;align-items:center;gap:6px;text-transform:none;letter-spacing:0}.login-btn:hover{background:#ffffff0f;border-color:#ffffff2e;backdrop-filter:saturate(150%);-webkit-backdrop-filter:saturate(150%);transform:translateY(-1px);box-shadow:0 10px 30px #00000038,inset 0 1px #ffffff1f}.login-btn:active{transform:translateY(0) scale(.98);background:#ffffff16;border-color:#ffffff38}.login-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #ff6b3538,0 10px 30px #00000038,inset 0 1px #ffffff1f}.login-btn-google,.login-btn-steam{border-radius:999px}@media (prefers-reduced-motion: reduce){.nav-link,.nav-link:after,.lang-toggle,.login-btn{transition:none!important;transform:none!important}}.login-btn-google{background:#fff;color:#1f1f1f;border-color:#fff}.login-btn-google:hover{background:#f8f8f8;box-shadow:0 2px 12px #fff3}.login-btn-steam{background:linear-gradient(135deg,#1b2838,#2a475e);color:#fff;border-color:#66c0f4}.login-btn-steam:hover{background:linear-gradient(135deg,#2a475e,#1b2838);box-shadow:0 2px 12px #66c0f44d}@media (max-width: 768px){.login-btn{padding:8px 16px;font-size:.85rem}}.logo{font-size:1.2rem;font-weight:600;color:var(--accent);letter-spacing:-.02em;display:flex;align-items:center;gap:10px;margin-right:0}.logo-button{background:transparent;border:none;padding:0;cursor:pointer;text-align:left;color:inherit}.logo-button:focus-visible{outline:none;border-radius:999px;box-shadow:0 0 0 3px #ff6b3538}.brand-name{display:inline-flex;align-items:baseline;gap:0;line-height:1;color:#ffffffeb;margin-left:-20px}.logo-img{width:72px;height:72px;object-fit:contain}@media (max-width: 768px){.logo{font-size:.82rem;gap:18px}.logo-img{width:34px;height:34px}.brand-name{margin-left:0}}@media (max-width: 480px){.logo{font-size:.8rem;gap:18px}.logo-img{width:36px;height:28px}.brand-name{margin-left:0}}@keyframes glow{0%,to{opacity:1}50%{opacity:.8}}.landing-page .hero{text-align:center;padding:0;position:relative;display:none}@media (max-width: 768px){.landing-page .hero{padding:40px 0 30px}}.hero h1{font-size:2.5rem;margin-bottom:20px;line-height:1.3;font-weight:700;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.7);text-shadow:none;background:none;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:transparent}@media (max-width: 768px){.hero h1{font-size:2.2rem}}.hero p{font-size:1.2rem;margin-bottom:32px;opacity:.85;font-weight:400;line-height:1.5;max-width:700px;margin-left:auto;margin-right:auto;letter-spacing:-.01em}@media (max-width: 768px){.hero p{font-size:.95rem}}.landing-page .carousel-container{max-width:100%;width:100%;height:100%;margin:0;padding:0;position:relative}.landing-page .hero-video-carousel{width:100%;max-width:min(100vw,calc(100vh * 16 / 9));max-height:100svh;aspect-ratio:16 / 9;margin:0 auto;overflow:hidden;position:relative;padding-bottom:24px}.landing-page .carousel-header{text-align:left;padding:0 0 16px;margin-bottom:0}.landing-page .carousel-label{font-size:.95rem;font-weight:500;color:var(--text-primary);text-transform:uppercase;letter-spacing:.08em;background:transparent;padding:0;border-radius:0;display:inline-block;border:none;opacity:.7}.landing-page .carousel-video-wrapper{position:relative;width:100%;height:100%;background:var(--card-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:0;overflow:hidden;box-shadow:0 8px 32px #0006;border:none}.carousel-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0006,#0009,#000000b3);display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none}.carousel-overlay-content{text-align:center;max-width:800px;padding:40px;pointer-events:all}.carousel-overlay-title{font-size:clamp(2rem,4.2vw,2.9rem);font-weight:600;color:#fff;letter-spacing:-.015em;margin-top:0;margin-bottom:100px;text-shadow:0 2px 10px rgba(0,0,0,.85),0 10px 35px rgba(0,0,0,.55);line-height:1.18;text-wrap:balance}.rotating-headline{position:relative;display:inline-block}.rotating-headline-line{display:inline-flex;align-items:baseline;justify-content:center;will-change:transform,opacity}.rotating-headline-item{display:inline-flex;align-items:baseline;gap:.35em}.rotating-headline-icon{display:inline-flex;align-items:center;justify-content:center;opacity:.9;width:1em;height:1em;transform:translateY(.05em)}.rotating-headline-icon svg{width:1em;height:1em;opacity:.95}.rotating-headline--stacked .rotating-headline-item{flex-direction:column;align-items:center;gap:.45em}.rotating-headline--stacked .rotating-headline-icon{transform:none}.rotating-headline--stacked .rotating-headline-text{display:inline-block}.rotating-headline-next{position:absolute;left:0;right:0;top:0}.highlight-text-orange{background:linear-gradient(135deg,#6b7c8d,#7a8da0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.carousel-overlay-subtitle{font-size:1.3rem;color:#fffffff2;margin-bottom:32px;text-shadow:0 2px 10px rgba(0,0,0,.8);font-weight:400;max-width:700px;margin-left:auto;margin-right:auto}.carousel-overlay-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 40px;background:transparent;color:#ffffffeb;font-size:.95rem;font-weight:500;text-decoration:none;letter-spacing:.06em;cursor:pointer;border:0;transition:color .25s ease}.carousel-overlay-btn .lgl-content{display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;width:100%}.carousel-overlay-btn-icon{flex:0 0 auto;opacity:.92}.carousel-overlay-btn:hover .carousel-overlay-btn-icon{opacity:1}.carousel-overlay-btn:hover{color:#fff}.carousel-explore-row{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:18px}.carousel-explore-divider{position:relative;width:120px;display:flex;align-items:center;justify-content:center}.carousel-explore-divider:before,.carousel-explore-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.carousel-explore-or{padding:0 10px;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff3}.carousel-explore-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#ffffff8c;font-size:14px;font-weight:500;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .18s,border-color .18s,color .18s;white-space:nowrap}.carousel-explore-btn:hover{background:#ffffff1a;border-color:#ffffff40;color:#ffffffd9}@media (max-width: 1024px){.landing-page .hero-video-carousel{max-height:85svh}.carousel-overlay-title{font-size:2.6rem;margin-top:0;margin-bottom:80px}.carousel-overlay-subtitle{font-size:1.1rem;margin-bottom:24px;max-width:540px}}@media (max-width: 768px){.landing-page .hero-video-carousel{aspect-ratio:4 / 3;max-height:75svh}.carousel-overlay{align-items:center;padding-top:60px}.carousel-overlay-title{font-size:1.75rem;margin-top:0;margin-bottom:40px}.carousel-overlay-subtitle{font-size:.95rem;margin-bottom:20px;max-width:380px}.carousel-overlay-btn{font-size:.95rem;padding:12px 32px}.carousel-overlay-content{padding:20px;max-width:480px}.landing-page .carousel-video-wrapper .slider-arrow{width:36px;height:36px;font-size:1.2rem;opacity:.7}.landing-page .carousel-video-wrapper .slider-arrow-prev{left:10px}.landing-page .carousel-video-wrapper .slider-arrow-next{right:10px}.landing-page .carousel-indicators{bottom:12px;gap:6px;padding:6px 12px}.landing-page .carousel-indicator{width:6px;height:6px}.landing-page .carousel-indicator.active{width:18px}}@media (max-width: 480px){.landing-page .hero-video-carousel{aspect-ratio:1;max-height:70svh}.carousel-overlay{padding-top:50px}.carousel-overlay-title{font-size:1.4rem;margin-bottom:24px;line-height:1.25}.carousel-overlay-subtitle{font-size:.82rem;margin-bottom:16px;max-width:280px}.carousel-overlay-btn{padding:10px 24px;font-size:.85rem}.carousel-overlay-content{padding:12px;max-width:320px}.carousel-explore-row{gap:6px;margin-top:10px}.carousel-explore-divider{width:90px}.carousel-explore-btn{font-size:11px;padding:5px 12px}.landing-page .carousel-video-wrapper .slider-arrow{width:30px;height:30px;font-size:1rem}.landing-page .carousel-video-wrapper .slider-arrow-prev{left:6px}.landing-page .carousel-video-wrapper .slider-arrow-next{right:6px}.landing-page .carousel-indicators{bottom:8px;gap:5px;padding:4px 10px}.landing-page .carousel-indicator{width:5px;height:5px}.landing-page .carousel-indicator.active{width:14px}}.landing-page .carousel-videos{position:relative;width:100%;height:100%;overflow:hidden;background:#000}.landing-page .carousel-video{position:absolute;top:0;left:0;width:100%;height:100%}.landing-page .carousel-video video{width:100%;height:100%;object-fit:cover}.landing-page .carousel-video.active{opacity:1;pointer-events:auto}.landing-page .carousel-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--text-primary)}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:var(--text-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.landing-page .carousel-indicators{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;justify-content:center;gap:8px;padding:8px 16px;z-index:10;background:#0000004d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.landing-page .carousel-indicator{width:8px;height:8px;border-radius:50%;background:#fff6;border:none;cursor:pointer;transition:all .2s ease}.landing-page .carousel-indicator.active{background:var(--accent);width:24px}.landing-page .carousel-indicator:hover:not(.active){background:#fff9}.landing-page .carousel-progress-bar{width:100%;height:3px;background:#ffffff1a;overflow:hidden;margin-top:8px}.landing-page .carousel-progress-fill{height:100%}.landing-page .cta-button{display:inline-flex;align-items:center;gap:12px;padding:18px 48px;font-size:1rem;font-weight:500;background:var(--button-bg);color:var(--button-text);border:none;cursor:pointer;text-decoration:none;transition:all .2s ease;letter-spacing:.01em}@media (max-width: 768px){.landing-page .cta-button{padding:16px 36px;font-size:1rem}}.landing-page .cta-button:hover{transform:translateY(-2px)}.google-icon{width:24px;height:24px}.video-demo{text-align:center;margin:100px 0;animation:fadeInUp 1s ease-out .3s backwards}.video-demo h2{font-size:2rem;margin-bottom:12px;font-weight:600;letter-spacing:-.015em}.video-demo p{font-size:1.1rem;opacity:.7;margin-bottom:48px;font-weight:400}@media (max-width: 768px){.video-demo{margin:60px 0}.video-demo h2{font-size:1.75rem}}.video-showcase{max-width:900px;margin:0 auto}.video-card{background:var(--card-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.08)}.video-card-header{padding:12px 20px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.05)}.video-label{font-size:.85rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;opacity:.7}.video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;background:#000}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.landing-page .features-section{margin:0;padding:var(--section-pad-y) 0}.landing-page .features-panel{--feat-bg: rgba(12, 12, 14, .38);--feat-border: rgba(255, 255, 255, .08);position:relative;border-radius:20px;border:1px solid var(--feat-border);background:var(--feat-bg);overflow:hidden}.landing-page .features-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.06) 0%,transparent 42%),radial-gradient(circle at 80% 100%,rgba(255,255,255,.05) 0%,transparent 40%);pointer-events:none;opacity:.9}.landing-page .features-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px}.landing-page .feature-card{border-radius:16px;background:#0a0a0c8f;border:1px solid rgba(255,255,255,.08);padding:18px 18px 16px;transition:transform .18s ease,background .18s ease,border-color .18s ease}.landing-page .feature-card:hover{transform:translateY(-2px);background:#0a0a0ca3;border-color:#ffffff1f}.landing-page .feature-card-top{display:flex;align-items:center;gap:12px;margin-bottom:10px}.landing-page .feature-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:#ffffffd1;border:1px solid rgba(255,255,255,.12);background:#ffffff08;border-radius:12px}.landing-page .feature-title{font-size:1.05rem;font-weight:650;letter-spacing:-.01em;margin:0;color:#ffffffeb}.landing-page .feature-desc{font-size:.92rem;line-height:1.65;margin:0;color:#ffffffa8}@media (max-width: 1024px){.landing-page .features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.landing-page .features-section{padding:var(--section-pad-y) 0}.landing-page .features-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:10px}}@media (max-width: 480px){.landing-page .features-grid{grid-template-columns:1fr;padding:0 16px;gap:10px}.landing-page .feature-card{padding:16px}.landing-page .feature-title{font-size:.98rem}.landing-page .feature-desc{font-size:.88rem}}.landing-page .how-section{margin:0;padding:var(--section-pad-y) 0;text-align:left;outline:none}.landing-page .how-header{width:100%;margin:0 auto var(--section-header-mb);padding:0 20px}.landing-page .how-slider{position:relative;width:100%;max-width:min(860px,85vw);margin:0 auto;overflow:hidden;border-radius:18px;background:#ffffff05;border:1px solid rgba(255,255,255,.07)}.landing-page .how-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:transform}.landing-page .how-slide{flex:0 0 100%;min-width:0}.landing-page .how-slide-inner{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;padding:48px 32px;overflow:hidden}.landing-page .how-slide-bg-num{position:absolute;right:6%;top:50%;transform:translateY(-50%);font-size:clamp(140px,22vw,280px);font-weight:900;line-height:1;opacity:.06;pointer-events:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.landing-page .how-slide-icon{position:relative;z-index:1;width:120px;height:120px;display:flex;align-items:center;justify-content:center;border-radius:28px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-page .how-slide-icon svg{width:64px;height:64px}.landing-page .how-slide-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.landing-page .how-slide-media img,.landing-page .how-slide-media video{width:100%;height:100%;object-fit:cover;opacity:.45}.landing-page .how-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffffb3;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.landing-page .how-nav:hover{background:#000000b3;color:#fff;border-color:#ffffff40}.landing-page .how-nav--prev{left:14px}.landing-page .how-nav--next{right:14px}.landing-page .how-info-wrap{position:relative;width:100%;max-width:min(860px,85vw);margin:0 auto;min-height:min(120px,15vh);padding:28px 8px 0}.landing-page .how-info{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;gap:20px;padding:28px 8px 0;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .4s ease,transform .4s ease}.landing-page .how-info--active{position:relative;opacity:1;transform:translateY(0);pointer-events:auto}.landing-page .how-info-num{font-size:clamp(42px,6vw,64px);font-weight:800;line-height:1;color:#ffffff40;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:72px}.landing-page .how-info-body{padding-top:4px}.landing-page .how-info-tag{display:inline-block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;color:#ffffff73}.landing-page .how-info-title{font-size:clamp(1.15rem,2.5vw,1.5rem);font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin:0 0 8px}.landing-page .how-info-desc{margin:0;font-size:1rem;line-height:1.7;color:#ffffff8c;max-width:520px}.landing-page .how-dots{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:24px}.landing-page .how-dot{width:10px;height:10px;border-radius:50%;border:none;background:#ffffff26;cursor:pointer;padding:0;transition:background .25s,transform .25s}.landing-page .how-dot:hover{background:#ffffff4d}.landing-page .how-dot--active{background:#fff9;transform:scale(1.25)}.landing-page .how-progress-bar{width:100%;max-width:min(860px,85vw);margin:18px auto 0;height:3px;border-radius:999px;background:#ffffff14;overflow:hidden}.landing-page .how-progress-fill{display:block;height:100%;border-radius:999px;background:#ffffff80;transform-origin:left;animation:howBarFill linear forwards}@keyframes howBarFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width: 768px){.landing-page .how-slide-inner{aspect-ratio:16 / 9;padding:32px 20px}.landing-page .how-slide-icon{width:88px;height:88px;border-radius:20px}.landing-page .how-slide-icon svg{width:48px;height:48px}.landing-page .how-nav{width:34px;height:34px}.landing-page .how-nav--prev{left:8px}.landing-page .how-nav--next{right:8px}.landing-page .how-info{gap:14px;padding:20px 4px 0}.landing-page .how-info-num{font-size:36px;min-width:50px}}@media (max-width: 480px){.landing-page .how-slide-inner{aspect-ratio:4 / 3;padding:24px 16px}.landing-page .how-slide-icon{width:68px;height:68px;border-radius:16px}.landing-page .how-slide-icon svg{width:36px;height:36px}.landing-page .how-nav{width:30px;height:30px}.landing-page .how-nav--prev{left:4px}.landing-page .how-nav--next{right:4px}.landing-page .how-info{flex-direction:column;align-items:flex-start;gap:8px;padding:16px 16px 0}.landing-page .how-info-num{font-size:28px;min-width:auto}.landing-page .how-info-title{font-size:1.1rem}.landing-page .how-info-desc{font-size:.9rem}}.landing-page footer{max-width:min(100vw,calc(100vh * 16 / 9));margin:0 auto;text-align:center;padding:40px 20px;border-top:1px solid rgba(255,255,255,.06)}.landing-page footer p{opacity:.8}@media (max-width: 480px){.landing-page footer{padding:28px 16px}.landing-page footer p{font-size:.85rem}}@media (max-width: 768px){.hero h1{font-size:2.5rem}.hero p{font-size:1.2rem}.logo{font-size:2rem}.landing-page .how-header{flex-direction:column;align-items:center;margin-bottom:18px}}@media (max-width: 480px){.hero h1{font-size:1.8rem}.hero p{font-size:1rem}.logo{font-size:.8rem}}.global-loader{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10000;justify-content:center;align-items:center;flex-direction:column;gap:20px;transition:opacity .3s ease}.c4-bomb{position:relative;width:120px;height:80px;animation:float 2s ease-in-out infinite}.bomb-body{width:100%;height:60px;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:8px;border:2px solid #444;box-shadow:0 4px 12px #00000080}.led-display{position:absolute;top:15px;left:50%;transform:translate(-50%);background:#000;color:#6b7c8d;font-family:Courier New,monospace;font-size:18px;font-weight:500;padding:5px 12px;border-radius:4px;border:1px solid #333;animation:timerBlink 1s ease-in-out infinite}.wires{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;gap:8px}.wire{width:3px;height:30px;border-radius:2px;animation:wireWiggle 3s ease-in-out infinite}.wire-red{background:linear-gradient(180deg,#5a6c7d,#4a5568);animation-delay:0s}.wire-blue{background:linear-gradient(180deg,#36f,#03c);animation-delay:.3s}.wire-green{background:linear-gradient(180deg,#3f3,#0c0);animation-delay:.6s}.loader-text{color:#fff;font-size:18px;font-weight:500;letter-spacing:2px}@keyframes wireWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}.landing-page .explore-teaser{padding:var(--section-pad-y) 0;overflow:hidden}.landing-page .et-inner{max-width:min(100vw,calc(100vh * 16 / 9));margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:center}.landing-page .et-text{display:flex;flex-direction:column;gap:20px}.landing-page .et-title{margin:0}.landing-page .et-subtitle{margin:0;max-width:44ch}.landing-page .et-cta{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:11px 24px;border-radius:10px;background:#f973161f;border:1px solid rgba(249,115,22,.3);color:#f97316;font-size:14px;font-weight:600;cursor:pointer;transition:background .18s,border-color .18s,color .18s}.landing-page .et-cta:hover{background:#f9731633;border-color:#f9731680;color:#fb923c}.landing-page .et-visual{position:relative;overflow:hidden}.landing-page .et-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(ellipse at 40% 50%,rgba(249,115,22,.12) 0%,transparent 65%);pointer-events:none;z-index:0}.landing-page .et-cards{position:relative;z-index:1;display:flex;gap:10px;padding:8px 4px 12px}.landing-page .et-card{flex:0 0 160px;aspect-ratio:16 / 9;border-radius:10px;border:1px solid rgba(255,255,255,.07);border-top:2px solid var(--accent);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 10%,#0d0d12),#0d0d12 70%);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:8px;animation:fadeInUp .5s ease both;box-shadow:0 8px 24px #00000059}.landing-page .et-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 30%,color-mix(in srgb,var(--accent) 8%,transparent) 0%,transparent 55%);pointer-events:none}.landing-page .et-card-top{position:relative;z-index:1}.landing-page .et-badge{display:inline-block;padding:2px 7px;border-radius:4px;background:color-mix(in srgb,var(--accent) 20%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);color:var(--accent);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.landing-page .et-card-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.landing-page .et-map{font-size:9px;color:#ffffff59;font-family:monospace}.landing-page .et-stat{display:flex;align-items:center;gap:3px;font-size:9px;color:#ffffff73}.landing-page .et-stat svg{opacity:.6;flex-shrink:0}.landing-page .et-fade-right{position:absolute;top:0;right:0;bottom:0;width:60px;background:linear-gradient(to right,transparent,var(--gradient-end, #0d0d12));pointer-events:none;z-index:2}@media (max-width: 1024px){.landing-page .et-inner{grid-template-columns:1fr;gap:32px}.landing-page .et-cards{overflow-x:auto;-webkit-overflow-scrolling:touch}.landing-page .et-fade-right{display:none}}@media (max-width: 480px){.landing-page .explore-teaser{padding:var(--section-pad-y) 16px}.landing-page .et-inner{gap:20px;padding:0}.landing-page .et-card{flex:0 0 140px}.landing-page .et-cta{padding:10px 20px;font-size:13px}}.login-card-section{max-width:min(100vw,calc(100vh * 16 / 9));margin:0 auto;padding:var(--section-pad-y) 0;position:relative}.login-card{width:100%;max-width:632px;margin:0 auto;background:#141419e6;border:1px solid rgba(255,255,255,.08);overflow:hidden;position:relative}.login-card-content{padding:40px}.login-card-header{text-align:center;margin-bottom:32px}.login-card-icon{color:var(--accent);margin-bottom:24px}.login-card-header .section-kicker{justify-content:center;margin-bottom:14px}.login-card-header .section-title{font-size:clamp(1.75rem,2.4vw,2.25rem);font-weight:650;letter-spacing:-.02em;line-height:var(--leading-title);color:#ffffffeb;margin:0}.login-card-header .section-subtitle{margin:14px auto 0;font-size:var(--type-subtitle);line-height:1.65;color:var(--text-secondary);opacity:.82;max-width:70ch}.login-buttons-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:32px}.login-card-btn{display:flex;align-items:center;padding:24px 32px;background:#28282899;border:1.5px solid rgba(255,255,255,.1);text-decoration:none;transition:border-color .3s ease;cursor:pointer;position:relative;overflow:hidden}.login-card-btn:hover{border-color:#ffffff4d}.login-card-btn-google{background:#fffffffa}.login-card-btn-google .login-card-btn-content{color:#1f1f1f}.login-card-btn-google .login-card-btn-arrow{stroke:#1f1f1f}.login-card-btn-google:hover{background:#fff}.login-card-btn-steam{background:linear-gradient(135deg,#1b2838,#2a475e);border-color:#66c0f44d}.login-card-btn-steam:hover{border-color:#66c0f499}.login-card-btn-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;margin-right:20px;flex-shrink:0}.login-card-btn-google .login-card-btn-icon{background:#00000008}.login-card-btn-content{flex:1;text-align:left;color:var(--text-primary)}.login-card-btn-title{display:block;font-size:1.125rem;font-weight:600;margin-bottom:4px;letter-spacing:-.01em}.login-card-btn-subtitle{display:block;font-size:.875rem;opacity:.7}.login-card-btn-arrow{flex-shrink:0;opacity:.6}.login-card-btn:hover .login-card-btn-arrow{opacity:1}.login-card-footer{text-align:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.login-card-footer p{font-size:.875rem;color:var(--text-secondary);opacity:.6}@media (max-width: 768px){.login-card-section{padding:var(--section-pad-y) 0}.login-card-content{padding:40px 24px}.login-card-header h2{font-size:1.5rem}.login-card-header p{font-size:.9rem}.login-card-btn{padding:20px}.login-card-btn-icon{width:40px;height:40px;margin-right:16px}.login-card-btn-title{font-size:1rem}.login-card-btn-subtitle{font-size:.8125rem}}@media (max-width: 480px){.login-card-section{padding:var(--section-pad-y) 16px}.login-card-content{padding:28px 16px}.login-card-header h2{font-size:1.3rem}.login-card-header p{font-size:.85rem}.login-card-buttons{flex-direction:column;gap:10px}.login-card-btn{padding:16px}.login-card-btn-icon{width:36px;height:36px;margin-right:12px}.login-card-btn-title{font-size:.95rem}.login-card-btn-subtitle{font-size:.78rem}.login-card-footer{padding-top:16px}.login-card-footer p{font-size:.8rem}}.server-promo{padding:0;position:relative;overflow:hidden}.server-container{width:100%;max-width:min(1280px,100vw);margin:0 auto;position:relative;padding:var(--section-pad-y) 24px}.server-header.section-header{margin-bottom:18px}.cs-browser{border:1px solid rgba(90,108,125,.3);background:#0a0a0cf2;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.cs-browser-titlebar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(180deg,#5a6c7d40,#5a6c7d1a);border-bottom:1px solid rgba(90,108,125,.2)}.cs-browser-title{font-size:.8rem;font-weight:600;color:var(--text-secondary);letter-spacing:.03em}.cs-browser-controls{display:flex;gap:2px}.cs-control{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:#ffffff59;cursor:default;-webkit-user-select:none;user-select:none}.cs-control:hover{color:#fff9}.cs-close:hover{color:#e55}.cs-browser-tabs{display:flex;gap:0;border-bottom:1px solid rgba(90,108,125,.15);background:#5a6c7d0d;overflow-x:auto}.cs-tab{padding:8px 18px;background:transparent;border:none;border-right:1px solid rgba(90,108,125,.1);color:#ffffff59;font-size:.75rem;font-weight:500;cursor:default;white-space:nowrap;transition:color .15s;letter-spacing:.01em}.cs-tab-active{color:var(--text-primary);background:#5a6c7d1f;border-bottom:1px solid var(--accent);margin-bottom:-1px}.cs-table-header{display:grid;grid-template-columns:80px 1fr 140px 100px 70px;padding:6px 12px;background:#5a6c7d14;border-bottom:1px solid rgba(90,108,125,.15)}.cs-table-header .cs-col{font-size:.7rem;font-weight:600;color:#ffffff73;text-transform:uppercase;letter-spacing:.06em;-webkit-user-select:none;user-select:none}.cs-table-body{max-height:min(340px,32vh);min-height:min(200px,20vh);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(90,108,125,.3) transparent}.cs-table-body::-webkit-scrollbar{width:6px}.cs-table-body::-webkit-scrollbar-track{background:transparent}.cs-table-body::-webkit-scrollbar-thumb{background:#5a6c7d4d}.cs-row{display:grid;grid-template-columns:80px 1fr 140px 100px 70px;padding:5px 12px;border-bottom:1px solid rgba(255,255,255,.02);transition:background .1s;cursor:default}.cs-row:hover{background:#5a6c7d0f}.cs-row .cs-col{font-size:.75rem;color:#ffffff4d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.8;font-family:Consolas,Monaco,Courier New,monospace}.cs-row-ours{background:#5a6c7d1f;border-bottom:1px solid rgba(90,108,125,.15);position:sticky;top:0;z-index:1}.cs-row-ours:hover{background:#5a6c7d2e}.cs-row-ours .cs-col{color:#ffffffd9;font-weight:500}.cs-our-tag{color:#7a8da0;font-weight:700;letter-spacing:.02em}.cs-latency-good{color:#7a8da0!important}.cs-latency-offline{color:#f44!important}.cs-col-players{text-align:center}.cs-col-latency{text-align:right}.cs-browser-bottom{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-top:1px solid rgba(90,108,125,.15);background:#5a6c7d0d;gap:12px}.cs-filter-label{display:flex;align-items:center;gap:8px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.75rem;color:#fff6;flex-shrink:0}.cs-filter-icon{font-size:.85rem}.cs-browser-actions{display:flex;gap:6px;flex-shrink:0}.cs-btn{padding:6px 18px;background:#5a6c7d1f;border:1px solid rgba(90,108,125,.25);color:#fff9;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.cs-btn:hover{background:#5a6c7d33;color:#ffffffd9;border-color:#5a6c7d66}.cs-btn-connect{background:#5a6c7d33;border-color:#5a6c7d66;color:var(--text-primary);font-weight:600}.cs-btn-connect:hover{background:#5a6c7d59;border-color:#7a8da080}.cs-browser-features{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.cs-feature-tag{font-size:.75rem;color:#ffffff59;letter-spacing:.01em}@media (max-width: 1024px){.cs-table-header,.cs-row{grid-template-columns:70px 1fr 110px 80px 60px}.cs-table-header .cs-col,.cs-row .cs-col{font-size:.7rem}}@media (max-width: 768px){.server-container{padding:var(--section-pad-y) 16px}.cs-table-header,.cs-row{grid-template-columns:65px 1fr 55px}.cs-col-game,.cs-col-map{display:none}.cs-table-body{max-height:260px;min-height:200px}.cs-browser-bottom{flex-direction:column;align-items:stretch;gap:10px}.cs-filter-label{justify-content:center}.cs-browser-actions{justify-content:center;flex-wrap:wrap}.cs-btn{flex:1;text-align:center;min-width:0}.cs-browser-features{justify-content:center}.cs-tab{padding:6px 12px;font-size:.7rem}}@media (max-width: 480px){.server-container{padding:var(--section-pad-y) 12px}.cs-browser-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.cs-table-header,.cs-row{grid-template-columns:55px 1fr 50px;padding:5px 8px}.cs-table-header .cs-col,.cs-row .cs-col{font-size:.65rem}.cs-table-body{max-height:220px}.cs-browser-bottom{padding:8px 10px}.cs-browser-features{gap:8px}.cs-feature-tag{font-size:.7rem}.cs-btn{padding:5px 12px;font-size:.7rem}}.community-highlights{padding:3rem 4rem 2rem;max-width:1710px;margin:0 auto}.community-highlights__header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.community-highlights__title-group{display:flex;flex-direction:column;gap:.25rem}.community-highlights__title-group .section-kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent, #8b5cf6);font-weight:600}.community-highlights__see-more{display:inline-flex;align-items:center;gap:.35rem;background:none;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap;flex-shrink:0}.community-highlights__see-more:hover{color:#fff;border-color:var(--accent, #8b5cf6)}.ch-viewport{position:relative}.ch-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 0 8px}.ch-track::-webkit-scrollbar{display:none}.ch-track>.cc{flex:0 0 380px;scroll-snap-align:start}.ch-arrow{position:absolute;top:107px;transform:translateY(-50%);z-index:5;width:48px;height:48px;border-radius:50%;background:#141419b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:1.6rem;cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .3s ease;-webkit-user-select:none;user-select:none;opacity:.8}.ch-arrow:hover{background:#1e1e23e6;border-color:#ffffff4d;transform:translateY(-50%) scale(1.08);opacity:1}.ch-arrow--left{left:-24px}.ch-arrow--right{right:-24px}.ch-skeleton .cc-thumb{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:ch-shimmer 1.5s ease-in-out infinite}.skeleton-line{height:12px;border-radius:4px;background:#ffffff0f}.skeleton-line--title{width:70%}.skeleton-line--sub{width:45%;margin-top:4px}@keyframes ch-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.community-highlights{padding:1.5rem 0}.community-highlights__header{align-items:flex-end;padding:0 1rem}.ch-track{padding:4px var(--ch-pad, 1rem) 8px}.ch-track>.cc{flex:0 0 min(85vw,380px);scroll-snap-align:center}.ch-viewport--scrollable .ch-arrow{display:flex}.ch-arrow{width:36px;height:36px;font-size:1.3rem;top:calc(min(85vw,380px)*.28125);opacity:.7}.ch-arrow--left{left:4px}.ch-arrow--right{right:4px}}.ch-hover-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}:root{--gradient-start: #0a0a0a;--gradient-end: #1a1520;--bg-primary: linear-gradient( 135deg, var(--gradient-start) 0%, var(--gradient-end) 100% );--bg-overlay: rgba(0, 0, 0, .6);--bg-secondary: rgba(30, 30, 35, .56);--bg-tertiary: rgba(40, 40, 45, .62);--card-bg: rgba(30, 30, 35, .6);--card-bg-hover: rgba(40, 40, 45, .8);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .55);--border: rgba(90, 108, 125, .3);--accent: #5a6c7d;--accent-hover: #6b7c8d;--shadow: rgba(0, 0, 0, .55);--glow: rgba(90, 108, 125, .35);--button-bg: linear-gradient(135deg, #4a5568 0%, #5a6c7d 100%);--button-text: #ffffff;--brand-clip-a: #ff6b35;--brand-clip-b: #ff4444}*{margin:0;padding:0;box-sizing:border-box}*::selection{background:var(--accent);color:var(--bg-primary)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;margin:0;padding:0;transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:15px;position:relative;overscroll-behavior-y:none;-webkit-text-size-adjust:100%}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(90,108,125,.02) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(74,85,104,.02) 0%,transparent 50%),var(--bg-primary);z-index:-1}.app-shell{display:flex;flex-direction:column;height:100vh;width:100%}.page-root{opacity:1;transition:opacity .16s ease;min-height:100vh}.page-root--out{opacity:0;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{display:flex;flex-direction:column;max-width:1440px;margin:0 auto;height:100%}.main-app-container{height:100vh}header{height:78px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;box-sizing:border-box}.app-shell .app-header{height:78px;padding:0;position:sticky;top:0;z-index:40;background:#0f0f0feb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);flex-shrink:0;display:flex;justify-content:center}.app-shell .app-header-surface{width:100%;max-width:min(100vw,calc(100vh * 16 / 9));height:78px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:0;border:none;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-sizing:border-box;position:relative}.app-header-nav{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px}.app-nav-tab{height:32px;display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid transparent;background:transparent;color:#ffffff73;font-size:13px;font-weight:500;cursor:pointer;transition:color .15s,background .15s,border-color .15s;white-space:nowrap}.app-nav-tab:hover{color:#fffc;background:#ffffff0d}.app-nav-tab--active{color:#fff;background:#ffffff12;border-color:#ffffff1a}.app-nav-tab--active:hover{background:#ffffff1a}.app-nav-tab-icon{width:18px;height:18px;flex-shrink:0}.app-nav-tab-logo{width:36px;height:28px;margin:-5px -4px;object-fit:contain;filter:brightness(0) invert(1) opacity(.45);transition:filter .15s;flex-shrink:0}.app-nav-tab:hover .app-nav-tab-logo{filter:brightness(0) invert(1) opacity(.8)}.app-nav-tab--active .app-nav-tab-logo{filter:brightness(0) invert(1) opacity(1)}.explore-feed-empty{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:420px;text-align:center;gap:16px;overflow:hidden}.efe-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 60%,rgba(249,115,22,.07) 0%,transparent 65%);pointer-events:none}.efe-icon{font-size:48px;line-height:1}.efe-title{font-size:26px;font-weight:700;color:#fff;margin:0}.efe-subtitle{font-size:15px;color:#ffffff73;max-width:38ch;margin:0;line-height:1.6}.app-shell .app-header-left{display:flex;align-items:center;min-width:0}.app-shell .app-header-right{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:nowrap}.app-shell .app-brand{display:flex;align-items:center;gap:12px;padding:0;border:none;background:transparent;color:inherit;cursor:pointer;text-align:left;min-width:0}.app-shell .app-brand-text{display:flex;flex-direction:column;gap:2px;min-width:0}.app-shell .app-login-icon{opacity:.9}.app-login-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:500;color:#ffffffbf;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;text-decoration:none;white-space:nowrap;transition:background .18s,border-color .18s,color .18s;-webkit-tap-highlight-color:transparent}.app-login-btn:hover{background:#ffffff1a;border-color:#ffffff2e;color:#fff}.app-shell .app-page{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;scroll-behavior:smooth}.app-shell .app-page::-webkit-scrollbar{width:6px}.app-shell .app-page::-webkit-scrollbar-track{background:transparent}.app-shell .app-page::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:999px}.app-shell .app-page::-webkit-scrollbar-thumb:hover{background:#ffffff24}.app-shell .app-page{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.app-shell .app-container{padding:0 24px;flex:1 1 auto;overflow:hidden;min-height:0;width:100%;max-width:min(100vw,calc(100vh * 16 / 9));box-sizing:border-box}.app-shell .app-container:has(.explore-feed){overflow:visible;flex:1 0 auto}@media (max-width: 720px){.app-shell .app-header-surface,.app-shell .app-container{padding:0 10px}.beta-header{padding:6px 10px}}.beta-header{display:flex;align-items:center;gap:.75rem;max-width:min(100vw,calc(100vh * 16 / 9));margin:0 auto;padding:6px 24px;border-bottom:1px solid rgba(255,255,255,.04);background:transparent;font-size:12px;color:#ffffff73;flex-shrink:0;width:100%;box-sizing:border-box}.beta-pill{font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:999px;border:1px solid rgba(255,68,68,.4);background:#ff44441a;color:#ffc8c8cc}.beta-text{opacity:.85}.beta-feedback-link{margin-left:auto;background:transparent;border:none;padding:0;font-size:12px;color:#ffb3a399;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}.beta-feedback-link:hover{color:#ffb3a3d9}.header-content{display:flex;align-items:center;gap:1.5rem}header h1{font-size:1.75rem;font-weight:600;margin:0;color:var(--text-primary);letter-spacing:-.02em}.brand-name{display:inline-flex;align-items:baseline;gap:0;line-height:1;margin-left:-20px}.brand-part{color:inherit}.brand-clip{background:linear-gradient(135deg,var(--brand-clip-a),var(--brand-clip-b));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 14px rgba(255,107,53,.12)}.subtitle{color:var(--text-secondary);font-size:.9375rem;margin:0}.app-shell .logo{font-size:1.2rem;font-weight:600;color:var(--accent);letter-spacing:-.02em;display:flex;align-items:center;gap:10px;margin-right:0}.app-shell .logo-button{background:transparent;border:none;padding:0;cursor:pointer;text-align:left;color:inherit}.app-shell .logo-button:focus-visible{outline:none;border-radius:999px;box-shadow:0 0 0 3px #ff6b3538}.app-shell .logo-img{width:72px;height:72px;object-fit:contain}.app-shell .logo .subtitle{margin-left:6px;font-size:13px;font-weight:480;color:#ffffff8c;white-space:nowrap;letter-spacing:.01em}.app-shell .lang-dropdown{position:relative}.app-shell .lang-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:var(--text-primary);cursor:pointer;font-size:.85rem;-webkit-tap-highlight-color:transparent;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .16s ease,filter .22s ease}.app-shell .lang-toggle:hover{background:#ffffff0b;border-color:#ffffff1f}.app-shell .lang-toggle:active{transform:translateY(0) scale(.98);background:#ffffff17;border-color:#ffffff38}.app-shell .lang-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px #ff6b3538,0 10px 30px #00000038,inset 0 1px #ffffff1f}.app-shell .globe-icon{opacity:.7}.app-shell .lang-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:#141419fa;-webkit-backdrop-filter:blur(6px) saturate(140%);backdrop-filter:blur(6px) saturate(140%);border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 8px 32px #00000080;z-index:1000}.app-shell .lang-dropdown-menu-portal{position:fixed;right:auto;top:0;left:0;transform:translate(-100%);z-index:5000;max-width:calc(100vw - 16px)}.app-shell .lang-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;transition:all .2s ease;text-align:left;justify-content:flex-start}.app-shell .lang-dropdown-item:hover{background:#ffffff14;color:var(--text-primary)}.app-shell .lang-dropdown-item.active{background:#5a6c7d33;color:var(--text-primary)}.app-shell .lang-flag{font-size:.75rem;font-weight:600;line-height:1;flex-shrink:0;letter-spacing:.04em;opacity:.6}.app-shell .lang-label{flex:1;font-weight:500}.app-shell .check-icon{stroke:var(--accent);opacity:.9;flex-shrink:0}@media (max-width: 720px){.app-shell .app-header,.app-shell .app-header-surface{height:56px}.app-shell .logo-img{width:44px;height:44px}.app-shell .app-header-right{gap:8px}}.user-info{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;background:#ffffff08;border-radius:999px;border:1px solid rgba(255,255,255,.08);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background .22s ease,border-color .22s ease}.user-info:hover{background:#ffffff0b;border-color:#ffffff1f}.user-avatar{width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(255,255,255,.15);box-shadow:0 0 0 1px #0003}.user-avatar--fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff6b35,#ff4500);color:#fff;font-size:11px;font-weight:700;letter-spacing:.03em;line-height:1;-webkit-user-select:none;user-select:none}.user-name{font-size:13px;font-weight:480;color:#ffffffb8;letter-spacing:.01em}.user-logout-icon{color:#ffffff59;flex-shrink:0;transition:color .18s ease}.user-info:hover .user-logout-icon{color:#f55}.user-info .btn{padding:4px 10px;font-size:12px;font-weight:500;color:#ffffff80;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:6px;letter-spacing:.02em;transition:all .2s ease}.user-info .btn:hover{color:#fffc;border-color:#fff3;background:#ffffff0a;transform:none;box-shadow:none}.user-avatar-btn{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;border-radius:50%;transition:opacity .15s;-webkit-tap-highlight-color:transparent}.user-avatar-btn:hover{opacity:.85}.user-info{position:relative}.lang-selector{display:flex;gap:.5rem;padding:.25rem;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border)}.lang-btn{padding:.375rem .75rem;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.8125rem;font-weight:500;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.lang-btn:hover{color:var(--text-primary);background:var(--bg-primary)}.lang-btn.active{background:var(--button-bg);color:var(--button-text)}.app-shell .main-content{display:grid;grid-template-columns:380px 1fr;gap:14px;flex:1 1 auto;overflow:hidden;min-height:0;padding:10px 0 18px}.app-shell .upload-section,.app-shell .jobs-section{background:#0c0c0e75;border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:0 8px 28px #0003;overflow:hidden}.app-shell .upload-section{padding:18px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.app-shell .jobs-section{display:flex;flex-direction:column;overflow:hidden;min-height:0}.app-shell .upload-box{text-align:center;padding:22px;border:1.5px dashed rgba(90,108,125,.42);border-radius:16px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.035),transparent 55%),#1e1e238c}.app-shell .upload-box:hover{border-color:#6b7c8db3;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.05),transparent 55%),#28282d9e;transform:translateY(-1px);box-shadow:0 18px 55px #00000059}.app-shell .upload-box.dragging{border-color:#6b7c8dd9;border-style:solid;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.06),transparent 55%),#28282dad}.upload-icon{font-size:3.5rem;margin-bottom:1rem;opacity:.6}.upload-mobile-icon{display:none;font-size:1.1rem;line-height:1}.upload-desktop-only{display:block}.upload-box h2{margin-bottom:.75rem;font-size:1.375rem;font-weight:600;color:var(--text-primary)}.upload-box p{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.9375rem;line-height:1.5}.app-shell .url-upload h3{margin-bottom:1rem;color:var(--text-secondary);font-size:.9375rem;font-weight:500}.url-input-group{display:flex;gap:.75rem}.app-shell .url-input-group input{flex:1;padding:.875rem 1rem;background:#00000038;border:1px solid rgba(90,108,125,.35);border-radius:12px;color:var(--text-primary);font-size:.9375rem;transition:all .2s ease}.url-input-group input:focus{outline:none;border-color:var(--accent);background:var(--bg-primary)}.url-input-group input::placeholder{color:var(--text-tertiary)}.btn{padding:.875rem 1.75rem;border:1px solid var(--border);border-radius:12px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#ffffff0f;color:var(--text-primary)}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none;animation:none}@keyframes buttonPulse{0%,to{opacity:.7;box-shadow:0 0 #5a6c7d40}50%{opacity:.9;box-shadow:0 0 20px #5a6c7d59}}.btn-primary{background:var(--button-bg);color:var(--button-text);border-color:var(--accent);font-weight:600;display:inline-flex;align-items:center;justify-content:center}.btn-primary:hover:not(:disabled){transform:translateY(-1px)}.btn-steam{background:linear-gradient(135deg,#1b2838,#2a475e);color:#fff;border-color:#66c0f4;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.btn-steam:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(135deg,#2a475e,#1b2838);box-shadow:0 0 20px #66c0f44d}.btn-danger{background:var(--button-bg);color:#fff;border-color:var(--accent)}.btn-danger:hover:not(:disabled){transform:translateY(-1px)}.btn-secondary{background:transparent}.btn-small{padding:.625rem 1rem;font-size:.875rem}.app-shell .section-header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;flex-shrink:0;border-bottom:1px solid rgba(90,108,125,.22);background:linear-gradient(180deg,#5a6c7d17,#5a6c7d05)}.app-shell .section-header.section-header--inline{display:flex;justify-content:flex-end;align-items:center;padding:10px 14px;border-bottom:none;background:transparent}.app-shell .section-header-main{min-width:0;display:flex;flex-direction:column;gap:4px}.app-shell .section-actions{display:flex;align-items:center;gap:10px}.app-shell .section-title{font-size:1.05rem;font-weight:650;letter-spacing:-.01em;margin:0;color:#ffffffeb}.app-shell .section-subtitle{margin:0;font-size:.9rem;line-height:1.35;color:var(--text-muted)}.app-shell .section-header h2{font-size:1.05rem;font-weight:650;letter-spacing:-.01em;margin:0;color:#ffffffeb}.app-shell .jobs-list{flex:1 1 auto;overflow-y:auto;padding:14px;overscroll-behavior-y:contain;scroll-behavior:smooth}.app-shell .jobs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px;align-items:start}.jobs-list::-webkit-scrollbar{width:6px}.jobs-list::-webkit-scrollbar-track{background:transparent}.jobs-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:999px}.jobs-list::-webkit-scrollbar-thumb:hover{background:#ffffff24}.jobs-list{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.jl-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:14px;flex-shrink:0}.jl-actions{display:flex;align-items:center;gap:10px;min-width:0}.jl-beta{display:flex;align-items:center;gap:10px;padding:4px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;color:#ffffff73;font-size:12px;min-width:0}.jl-beta-text{opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}.jl-beta-link{background:transparent;border:none;padding:0;font-size:12px;color:#ffb3a399;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease;white-space:nowrap}.jl-beta-link:hover{color:#ffb3a3d9}.jl-beta-link:focus-visible{outline:2px solid rgba(255,164,77,.55);outline-offset:3px;border-radius:6px}.jl-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffffff8c;margin:0}.jl-refresh{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;color:#fff6;cursor:pointer;transition:all .2s ease}.jl-refresh:hover{background:#ffffff0f;color:#ffffffb3;border-color:#ffffff1f}.jl-refresh:active{transform:scale(.92)}.jl-refresh--loading{color:#ff6b35;border-color:#ff6b354d;background:#ff6b350f;pointer-events:none}.jl-refresh--loading svg{animation:jl-spin .7s linear infinite}@keyframes jl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.jl-search-wrap{position:absolute;left:calc(50% - 197px);transform:translate(-50%);display:flex;align-items:center;gap:8px}.jl-search{display:flex;align-items:center;gap:8px;width:260px;padding:7px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;transition:all .2s ease}.jl-search:focus-within,.jl-search--active{border-color:#ffa44d59;background:#ffffff0d;box-shadow:0 0 0 2px #ffa44d14}.jl-search-icon{flex-shrink:0;color:#ffffff4d;transition:color .2s}.jl-search:focus-within .jl-search-icon{color:#ffa44db3}.jl-search-input{flex:1;min-width:0;background:none;border:none;outline:none;color:#ffffffe6;font-size:13px;font-family:inherit;line-height:1.4}.jl-search-input::placeholder{color:#ffffff40}.jl-search-clear{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;border:none;background:#ffffff14;color:#ffffff80;cursor:pointer;padding:0;flex-shrink:0;transition:all .15s}.jl-search-clear:hover{background:#ffffff24;color:#fffc}.jl-search-kbd{flex-shrink:0;display:inline-flex;align-items:center;padding:2px 6px;border-radius:5px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#ffffff38;font-size:10px;font-family:inherit;letter-spacing:.03em;line-height:1.5;pointer-events:none;-webkit-user-select:none;user-select:none}.jl-search-count{flex-shrink:0;font-size:11px;color:#ffffff59;white-space:nowrap;font-variant-numeric:tabular-nums}.jl-load-more{display:flex;flex-direction:column;align-items:center;gap:6px;padding:1.5rem 0 .5rem}.jl-load-more-btn{padding:10px 32px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fffc;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.jl-load-more-btn:hover{background:#ffffff14;border-color:#ffffff2e}.jl-load-more-btn--loading{opacity:.6;pointer-events:none}.jl-load-more-count{font-size:11px;color:#ffffff4d;font-variant-numeric:tabular-nums}.empty-state{text-align:center;padding:3rem;color:var(--text-muted)}.jc{position:relative;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.06);background:#111116;cursor:pointer;transition:transform .25s ease-out,box-shadow .25s ease-out,border-color .25s ease;will-change:transform;display:flex;flex-direction:column}.jc:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0000008c,0 2px 8px #00000040;border-color:#ffffff1f}.jc:active{transform:translateY(-1px);transition-duration:.1s}.jc--highlighted{box-shadow:0 0 0 2px #3b82f699,0 8px 24px #3b82f633}.jc-thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:linear-gradient(110deg,#111114 30%,#1a1a1f,#111114 70%);background-size:200% 100%;animation:jc-skeleton 1.5s ease-in-out infinite;flex-shrink:0}.jc-thumb:has(.jc-poster--loaded){animation:none;background:#000}.jc-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000040;opacity:0;transition:opacity .18s ease;pointer-events:none;z-index:2}.jc-thumb:hover .jc-play-overlay{opacity:1}@keyframes jc-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.jc-info{padding:8px 10px 10px;display:flex;flex-direction:column;gap:4px;background:#111116;min-width:0}.jc-info-title{font-size:12px;font-weight:600;color:#ffffffd1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.jc-info-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0}.jc-thumbnail{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#10101a,#1c1c28)}.jc-thumbnail--loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 20%,rgba(255,255,255,.045) 50%,transparent 80%);background-size:200% 100%;animation:jc-shimmer 1.4s ease-in-out infinite;pointer-events:none}@keyframes jc-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.jc-thumbnail--ready{background:#000}.jc-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .3s ease;filter:brightness(1.05) contrast(1.02) saturate(1.05)}.jc-poster--loaded{opacity:1}.jc-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;filter:brightness(.88) contrast(.83) saturate(.85)}.jc-video--visible{opacity:1}.jc-gradient{display:none}.jc-date{font-size:12px;font-weight:600;color:#ffffffbf;text-shadow:0 1px 4px rgba(0,0,0,.7),0 0 2px rgba(0,0,0,.5)}.jc-duration{font-size:11px;font-weight:600;color:#ffffffd9;padding:2px 7px;border-radius:8px;background:#0000006b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.jc-chip{font-size:11px;font-weight:650;color:#ffffffe0;padding:2px 8px;border-radius:999px;background:#00000061;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:0 1px 3px rgba(0,0,0,.65)}.jc-chip--file{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jc-chip--player{background:#ffffff24;border-color:#ffffff1f}.jc-chip--top{background:#ffa44d29;border-color:#ffa44d2e}.jc-chip--team{background:#3b82f624;border-color:#3b82f62e}.jc-chip--map{background:#10b98124;border-color:#10b9812e;color:#10b981f2}.jc-chip--score{background:#fbbf2424;border-color:#fbbf242e;color:#fbbf24f2;font-variant-numeric:tabular-nums}.jc-video-fallback{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,#14141a 30%,#1f2027,#14141a 70%)}.jc-thumb-download{position:absolute;bottom:8px;right:8px;z-index:3;display:flex;gap:5px;opacity:0;transform:translateY(3px);transition:opacity .2s ease,transform .2s ease}.jc:hover .jc-thumb-download{opacity:1;transform:translateY(0)}.jc-corner-btn--primary{background:#ffa44d38;border-color:#ffa44d40;color:#ffc882f2}.jc-corner-btn--primary:hover{background:#ffa44d59;border-color:#ffa44d66}.jc-corner-btn--loading{pointer-events:none;opacity:.7}.jc-btn-spinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(255,200,130,.3);border-top-color:#ffc882f2;border-radius:50%;animation:jc-spin .6s linear infinite}@keyframes jc-spin{to{transform:rotate(360deg)}}.jc-publish-logo{width:26px;height:26px;object-fit:contain;filter:brightness(0) invert(1);opacity:.85}.jc-corner-btn:hover .jc-publish-logo{opacity:1}.jc-corner-btn--published{color:#4ade80;opacity:1!important}.jc-corner-btn--published:hover{color:#22c55e}.jc-expiry{position:absolute;top:8px;right:8px;z-index:2}.jc-expiry .expiration-timer{font-size:9px;padding:2px 6px;border-radius:4px;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff9;white-space:nowrap;margin:0}.jc-corner-actions{position:absolute;top:8px;left:8px;z-index:3;opacity:0;transform:translateY(-2px);transition:opacity .2s ease,transform .2s ease}.jc:hover .jc-corner-actions{opacity:1;transform:translateY(0)}.jc-corner-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#00000059;color:#ffffffd1;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .15s ease,background .15s ease,border-color .15s ease}.jc-corner-btn:hover{transform:translateY(-1px);background:#0000007a;border-color:#ffffff24}.jc-corner-btn:active{transform:translateY(0)}.jc-corner-btn:focus-visible{outline:2px solid rgba(255,164,77,.65);outline-offset:2px}@media (hover: none){.jc-corner-actions{opacity:1;transform:none}}.jc-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 11px;border:none;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap;line-height:1}.jc-btn--icon{gap:0;padding:7px 9px;width:34px;justify-content:center}.jc-btn--primary{background:#ffffffeb;color:#0a0a0c}.jc-btn--primary:hover{background:#fff;transform:translateY(-1px)}.jc-btn--ghost{background:#ffffff1a;color:#ffffffb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.jc-btn--ghost:hover{background:#ffffff2e;color:#fff}.jc-btn--danger{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.jc-btn--danger:hover{background:#ef444440;color:#fff}.jc--status{background:#141418b3;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;cursor:default}.jc--status:hover{transform:none;box-shadow:none;border-color:#ffffff1f}.jc--queued{border-color:#facc1526}.jc--running{border-color:#3b82f633}.jc-thumb--status{animation:none;background:radial-gradient(ellipse at 30% 40%,rgba(59,130,246,.06) 0%,transparent 60%),radial-gradient(ellipse at 70% 60%,rgba(99,102,241,.05) 0%,transparent 55%),linear-gradient(160deg,#0d0d14,#13131f,#0d0d14)}.jc-status-body{position:absolute;top:0;right:0;bottom:0;left:0;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.jc-status-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.jc-status-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.jc-summary-item{font-size:12px;font-weight:650;color:#ffffffc7;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jc-summary-chip{font-size:11px;font-weight:650;color:#fffc;padding:2px 8px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.jc-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.jc-badge--queued{background:#facc151a;color:#fde047;border:1px solid rgba(250,204,21,.15)}.jc-badge--running{background:#3b82f61a;color:#93c5fd;border:1px solid rgba(59,130,246,.2);animation:jc-pulse 2s ease-in-out infinite}.jc-badge--failed{background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.15)}.jc-badge--cancelled{background:#6b72801a;color:#9ca3af;border:1px solid rgba(107,114,128,.15)}@keyframes jc-pulse{0%,to{opacity:1}50%{opacity:.65}}.jc-progress-wrap{display:flex;align-items:center;gap:8px}.jc-progress-track{flex:1;height:4px;background:#ffffff0f;border-radius:999px;overflow:hidden}.jc-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:999px;position:relative}.jc-progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:jc-shine 2s ease-in-out infinite}@keyframes jc-shine{0%{transform:translate(-100%)}to{transform:translate(200%)}}.jc-progress-pct{font-size:11px;font-weight:600;color:#ffffff80;min-width:30px;text-align:right;font-variant-numeric:tabular-nums}.jc-status-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:#ffffff59;margin-top:auto}.jc-error{font-size:11px;padding:6px 8px;border-radius:5px;background:#ef44440f;border:1px solid rgba(239,68,68,.1);color:#fca5a5;font-family:SF Mono,Consolas,monospace;overflow-x:auto;line-height:1.4}.jc-status-actions{display:flex;gap:6px;margin-top:auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50}.modal{width:100%;max-width:420px;background:#1a1a1a;border-radius:14px;border:1px solid var(--border);box-shadow:0 18px 45px #000000b3;padding:1.25rem 1.5rem}.player-modal{max-width:640px}.player-mode-hint{display:flex;gap:.35rem;font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.player-table-wrapper{margin-top:.5rem;border-radius:10px;border:1px solid var(--border);background:var(--bg-tertiary);max-height:260px;overflow:hidden auto}.player-table{width:100%;border-collapse:collapse;font-size:.85rem}.player-table thead{background:#ffffff05}.player-table th,.player-table td{padding:.55rem .75rem;text-align:left}.player-table tbody tr:nth-child(2n){background:#ffffff03}.player-table tbody tr:hover{background:#ffffff0a}.player-table-action-col{text-align:right}.player-table-actions{display:flex;justify-content:flex-end;gap:.4rem}.player-modal-empty{padding:1.25rem;font-size:.9rem;color:var(--text-secondary);text-align:center}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.modal-header h3{margin:0;font-size:1rem;font-weight:600}.modal-close{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;font-size:1.1rem;padding:.1rem .3rem;line-height:1}.modal-close:hover{color:var(--text-primary)}.modal-body{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}.rating-stars{display:flex;gap:.35rem;font-size:1.4rem}.rating-stars span{cursor:pointer;color:var(--text-tertiary);transition:color .15s ease,transform .1s ease}.rating-stars span.active{color:#ffce5c}.rating-stars span:hover{transform:translateY(-1px)}.feedback-text{width:100%;padding:.7rem .8rem;resize:vertical;min-height:80px;max-height:220px;border-radius:10px;border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);font-size:.9rem}.feedback-text::placeholder{color:var(--text-tertiary)}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem}.toast{position:fixed;bottom:1.5rem;right:1.5rem;padding:.875rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);box-shadow:0 4px 16px var(--shadow);transform:translateY(150%);transition:transform .3s ease;z-index:1000;max-width:360px;font-size:.875rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.toast.show{transform:translateY(0)}@keyframes spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}.spinning{animation:spin 1s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 0 8px var(--accent))}@keyframes pulse{0%,to{opacity:1;transform:scale(1);filter:brightness(1)}50%{opacity:.7;transform:scale(1.05);filter:brightness(1.3)}}@media (max-width: 1024px){.app-shell .main-content{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:0;gap:0;overflow:visible}.app-shell .app-container{overflow:visible}.app-shell .upload-section,.app-shell .jobs-section{background:transparent;border:none;border-radius:0;box-shadow:none}.app-shell .upload-section{width:100%;max-height:none;overflow-y:visible;border-bottom:1px solid rgba(255,255,255,.06)}.app-shell .jobs-section{overflow-y:visible;min-height:0}.app-shell .app-header{background:#0f0f0f;backdrop-filter:none;-webkit-backdrop-filter:none}.app-shell .app-header,.app-shell .app-header-surface{height:60px}.app-shell .logo-img{width:48px;height:48px}.app-shell .logo .subtitle{display:none}.app-header-nav{position:fixed;bottom:0;left:0;right:0;top:auto;transform:none;z-index:50;display:flex;justify-content:center;align-items:stretch;gap:0;background:#0f0f0ff7;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-top:1px solid rgba(255,255,255,.06);padding:4px 0 0;padding-bottom:max(4px,env(safe-area-inset-bottom,0px))}.app-nav-tab{flex:1;flex-direction:column;width:auto;height:auto;max-width:140px;gap:2px;padding:6px 12px 5px;border-radius:0;border:none;background:transparent;justify-content:center;align-items:center;position:relative;color:#fff6}.app-nav-tab:hover{background:transparent;color:#fff9}.app-nav-tab-icon{width:22px;height:22px}.app-nav-tab-label{display:block;font-size:10px;font-weight:500;line-height:1;letter-spacing:.01em}.app-nav-tab-logo{width:46px;height:28px;margin:-2px 0;filter:brightness(0) invert(1) opacity(.4)}.app-nav-tab:hover .app-nav-tab-logo{filter:brightness(0) invert(1) opacity(.6)}.app-nav-tab--active{background:transparent;color:#fff;border:none}.app-nav-tab--active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:2.5px;border-radius:0 0 2px 2px;background:var(--accent, #ff6b35)}.app-nav-tab--active:hover{background:transparent}.app-nav-tab--active .app-nav-tab-logo{filter:brightness(0) invert(1) opacity(1)}.app-shell .app-page{padding-bottom:62px}.app-shell .app-header-right{gap:10px}.user-info{padding:4px;gap:6px;border:none;background:transparent}.user-info:hover{background:transparent}.user-name{display:none}.app-shell .lang-toggle{padding:5px 10px;font-size:.82rem}.app-login-btn{padding:6px 12px;font-size:13px}.app-shell .upload-section{padding:12px 10px;gap:12px}.app-shell .upload-box{padding:0;border:none;background:transparent;cursor:default}.app-shell .upload-box:hover{transform:none;box-shadow:none;border-color:transparent;background:transparent}.upload-desktop-only{display:none!important}.upload-mobile-icon{display:inline}.app-shell .upload-box .btn-primary{width:100%;padding:14px;font-size:15px;border-radius:12px;gap:8px}}@media (max-width: 640px){.app-shell .app-header,.app-shell .app-header-surface{height:54px}.app-shell .main-content{padding:0;gap:0}.app-shell .logo-img{width:44px;height:44px}.app-shell .brand-name{font-size:.95rem}.app-shell .logo .subtitle{display:none}.app-nav-tab{padding:6px 10px 5px}.app-nav-tab-icon{width:22px;height:22px}.app-nav-tab-label{display:block;font-size:10px}.user-info{padding:3px;gap:4px;border:none;background:transparent}.user-info:hover{background:transparent}.user-avatar{width:28px;height:28px}.user-name{display:none}.app-shell .lang-toggle{padding:5px 8px;font-size:.8rem}.app-login-btn{padding:6px 10px;font-size:12px}.app-shell .upload-section{padding:8px 10px;gap:8px;overflow-y:visible;max-height:none}.app-shell .upload-box{padding:0;border:none;background:transparent;cursor:default}.app-shell .upload-box:hover{transform:none;box-shadow:none;border-color:transparent;background:transparent}.upload-desktop-only{display:none!important}.upload-mobile-icon{display:inline}.app-shell .upload-box .btn-primary{width:100%;padding:14px;font-size:15px;border-radius:12px;gap:8px}.app-shell .url-upload h3{margin-bottom:8px;font-size:.85rem}.url-input-group{gap:8px}.app-shell .url-input-group input{padding:10px 12px;font-size:14px;border-radius:10px}.url-input-group .btn-secondary{padding:10px 14px;font-size:13px;white-space:nowrap}header{padding:0;height:54px}header h1{font-size:1.25rem}.app-shell .section-header{padding:12px}.app-shell .jobs-list{padding:10px}.app-shell .jobs-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.jl-beta-text{display:none}.jl-beta{gap:8px;padding:3px 8px}.jl-beta-link{font-size:11px}.jc-overlay{padding:6px 8px}.jc-btn{padding:4px 8px;font-size:10px}.jc-btn--icon{width:30px;padding:4px 6px}.jc-chip{font-size:10px;padding:2px 6px}.jc-chip--file{max-width:150px}.jc-status-body{padding:10px;gap:8px}.jc-status-actions{padding:0 10px 10px}}@media (max-width: 400px){.app-shell .app-header,.app-shell .app-header-surface{height:48px}.app-shell .logo-img{width:38px;height:38px}.app-shell .brand-name{font-size:.85rem}.app-nav-tab{padding:5px 8px 4px}.app-nav-tab-icon{width:20px;height:20px}.app-nav-tab-logo{width:22px;height:18px}.app-nav-tab-label{font-size:9px}.user-avatar{width:24px;height:24px}.app-shell .upload-section{padding:8px 10px;gap:8px}.app-shell .jobs-grid{grid-template-columns:1fr}}#nprogress .bar{background:linear-gradient(90deg,#ff4500,#ff6b35,#ff9f43)!important;height:4px!important;z-index:999999!important}#nprogress .peg{box-shadow:0 0 12px #ff4500,0 0 6px #ff9f43!important}#nprogress .spinner{display:none!important}.loader-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.c4-bomb{position:relative;animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bomb-body{width:120px;height:80px;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:8px;position:relative;box-shadow:0 0 20px #ff44444d,0 0 40px #ff44441a,inset 0 2px 4px #ffffff1a;border:2px solid #333}.bomb-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000;padding:8px 16px;border-radius:4px;border:1px solid #444;box-shadow:inset 0 0 10px #ff44444d}.bomb-timer{font-family:Courier New,monospace;font-size:18px;font-weight:700;color:#f44;letter-spacing:2px;animation:timerBlink 1s ease-in-out infinite;text-shadow:0 0 10px rgba(255,68,68,.8)}@keyframes timerBlink{0%,to{opacity:1}50%{opacity:.3}}.bomb-wire{position:absolute;width:3px;height:30px;bottom:-30px;border-radius:2px;animation:wireWiggle 3s ease-in-out infinite}.bomb-wire.red{background:linear-gradient(to bottom,red,#c00);left:25%;animation-delay:0s}.bomb-wire.blue{background:linear-gradient(to bottom,#06f,#04c);left:50%;transform:translate(-50%);animation-delay:.3s}.bomb-wire.green{background:linear-gradient(to bottom,#0f0,#0c0);right:25%;animation-delay:.6s}@keyframes wireWiggle{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-2px) rotate(-2deg)}75%{transform:translate(2px) rotate(2deg)}}.loader-text{font-size:18px;font-weight:500;color:var(--text-primary);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.advanced-options{margin-top:1.5rem;border-radius:12px;background:var(--bg-secondary);border:1px solid var(--border);overflow:hidden}.advanced-toggle{width:100%;padding:1rem 1.25rem;background:transparent;border:none;color:var(--text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.advanced-toggle:hover{color:var(--text-primary);background:#ffffff08}.advanced-toggle .arrow{transition:transform .3s ease;font-size:.75rem;opacity:.6}.advanced-toggle .arrow.expanded{transform:rotate(180deg)}.advanced-content{padding:1.5rem 1.25rem;border-top:1px solid var(--border);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.options-section{margin-bottom:1.5rem}.options-section:last-of-type{margin-bottom:1rem}.section-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.section-title .icon{font-size:1rem}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:8px;cursor:pointer;transition:background .2s ease;margin-bottom:.5rem}.checkbox-label:hover{background:#ffffff08}.checkbox-label input[type=checkbox]{margin-top:.125rem;width:18px;height:18px;cursor:pointer;accent-color:var(--accent)}.checkbox-text{display:flex;flex-direction:column;gap:.25rem;flex:1}.label-main{font-size:.9375rem;color:var(--text-primary);font-weight:500}.label-hint{font-size:.8125rem;color:var(--text-tertiary);line-height:1.4}.select-group{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem}.select-label{display:flex;flex-direction:column;gap:.5rem}.select-label span{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.select-label select{padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.select-label select:hover{border-color:#ff444480}.select-label select:focus{outline:none;border-color:var(--accent)}.slider-group{margin-top:.75rem}.slider-label{display:flex;flex-direction:column;gap:.5rem}.slider-label-text{font-size:.8125rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.slider-label-text strong{color:var(--accent)}.slider{width:100%;height:6px;border-radius:3px;background:var(--bg-tertiary);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;transition:transform .2s ease}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:none;transition:transform .2s ease}.slider::-moz-range-thumb:hover{transform:scale(1.2)}.options-hint{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ff44440d;border:1px solid rgba(255,68,68,.2);border-radius:8px;font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.hint-icon{font-size:1.25rem;flex-shrink:0}.voice-modal{background:#1a1a1a;border-radius:16px;border:1px solid var(--border);max-width:800px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideUp .3s ease}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.voice-modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.voice-modal-header h2{font-size:1.5rem;font-weight:600}.close-btn{width:32px;height:32px;border-radius:8px;border:none;background:#ffffff0d;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#f443;color:var(--text-primary)}.step-indicator{padding:1.5rem 2rem;border-bottom:1px solid var(--border);background:#0003}.steps{display:flex;justify-content:space-between;align-items:center;position:relative}.steps:before{content:"";position:absolute;top:16px;left:32px;right:32px;height:2px;background:#ffffff1a;z-index:0}.step{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;z-index:1;font-size:.8125rem;color:var(--text-tertiary)}.step.active{color:var(--accent)}.step-number{width:32px;height:32px;border-radius:50%;background:var(--bg-tertiary);border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .3s ease}.step.active .step-number{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 20px #ff444480}.voice-modal-content{flex:1;overflow-y:auto;padding:2rem}.step-content{animation:fadeIn .3s ease}.step-title{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.enhancement-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.enhancement-card{position:relative;padding:1.5rem;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center}.enhancement-card:hover{transform:translateY(-2px);border-color:#ff444480;background:#ff44440d}.enhancement-card.selected{border-color:var(--accent);background:#ff44441a}.card-icon{font-size:3rem;margin-bottom:1rem}.enhancement-card h4{font-size:1rem;margin-bottom:.5rem;color:var(--text-primary)}.enhancement-card p{font-size:.875rem;color:var(--text-tertiary);line-height:1.4}.card-checkmark{position:absolute;top:.75rem;right:.75rem;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.voice-modal-footer{padding:1.5rem 2rem;border-top:1px solid var(--border);display:flex;gap:1rem;justify-content:space-between}.btn-large{padding:1rem 2rem;font-size:1rem}.btn-icon{margin-right:.5rem}.voice-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border)}.voice-tab{flex:1;padding:.875rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:.9375rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.voice-tab:hover{color:var(--text-primary);background:#ffffff08}.voice-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-icon{font-size:1.125rem}.preset-voices{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.voice-card{position:relative;display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease}.voice-card:hover{border-color:#ff444480;transform:translateY(-2px)}.voice-card.selected{border-color:var(--accent);background:#ff44441a}.voice-avatar{position:relative;width:50px;height:50px;border-radius:50%;overflow:hidden;background:var(--bg-primary);flex-shrink:0}.voice-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--text-secondary)}.voice-info{flex:1}.voice-name{font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.voice-tags{display:flex;gap:.5rem;flex-wrap:wrap}.voice-tag{font-size:.75rem;padding:.125rem .5rem;background:#ff444426;border-radius:4px;color:var(--text-secondary)}.play-preview-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:1rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.play-preview-btn:hover{transform:scale(1.1);box-shadow:0 0 20px #ff444480}.voice-recorder{display:flex;flex-direction:column;gap:1.5rem;align-items:center;padding:2rem}.recorder-visual{width:100%;max-width:500px}.waveform{height:150px;background:var(--bg-tertiary);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:4px;padding:1rem;margin-bottom:1rem}.wave-bar{width:4px;background:var(--accent);border-radius:2px;transition:height .1s ease;animation:wavePulse .8s ease-in-out infinite}@keyframes wavePulse{0%,to{opacity:.5}50%{opacity:1}}.recording-complete,.recording-idle{font-size:1.125rem;color:var(--text-secondary)}.recording-timer{text-align:center;font-size:1.5rem;font-weight:600;color:var(--accent)}.recorder-controls,.recorder-actions{display:flex;gap:1rem}.recorder-hints{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:500px}.hint{padding:.75rem 1rem;background:#ff44440d;border:1px solid rgba(255,68,68,.2);border-radius:8px;font-size:.875rem;color:var(--text-secondary)}.settings-grid{display:flex;flex-direction:column;gap:1.5rem}.setting-group{display:flex;flex-direction:column;gap:.75rem}.setting-group.full-width{grid-column:1 / -1}.setting-label{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.radio-group{display:flex;flex-direction:column;gap:.5rem}.radio-label{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease}.radio-label:hover{border-color:#ff444480}.radio-label input[type=radio]{margin-top:.125rem;width:18px;height:18px;cursor:pointer;accent-color:var(--accent)}.radio-label input[type=radio]:checked+.radio-text{color:var(--accent)}.radio-text{display:flex;align-items:flex-start;gap:.75rem;flex:1}.radio-icon{font-size:1.25rem}.radio-text span{display:flex;flex-direction:column;gap:.25rem}.radio-text strong{font-size:.9375rem}.radio-text small{font-size:.8125rem;color:var(--text-tertiary)}.setting-select{padding:.875rem 2.5rem .875rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--text-primary);font-size:.9375rem;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23ff4444' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.setting-select:hover{background:#ffffff14;border-color:#ff444480}.sliders-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.slider-control{display:flex;flex-direction:column;gap:.5rem}.generation-progress{display:flex;flex-direction:column;align-items:center;padding:2rem}.progress-container{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%}.progress-circle{position:relative;width:120px;height:120px}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-percentage{font-size:1.75rem;font-weight:700;color:var(--accent)}.progress-steps{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:400px}.progress-step{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-tertiary);border-radius:8px;transition:all .2s ease}.progress-step.active{background:#ff44441a;border:1px solid var(--accent)}.progress-step.completed{opacity:.6}.step-indicator{width:24px;height:24px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0}.progress-step.active .step-indicator{border-color:var(--accent);color:var(--accent)}.progress-step.completed .step-indicator{background:var(--accent);border-color:var(--accent);color:#fff}.step-label{font-size:.9375rem;color:var(--text-secondary)}.progress-step.active .step-label{color:var(--text-primary);font-weight:500}.time-estimate{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:#ff44440d;border:1px solid rgba(255,68,68,.2);border-radius:8px;font-size:.9375rem;color:var(--text-secondary)}.estimate-icon{font-size:1.25rem}.enhancement-result{display:flex;flex-direction:column;gap:1.5rem}.result-header{text-align:center}.success-icon{font-size:2rem;margin-right:.5rem}.video-comparison{display:flex;flex-direction:column;gap:1rem}.comparison-tabs{display:flex;gap:.5rem;justify-content:center}.comparison-tab{padding:.75rem 1.5rem;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.comparison-tab:hover{border-color:#ff444480}.comparison-tab.active{background:#ff44441a;border-color:var(--accent);color:var(--accent)}.comparison-video{border-radius:12px;overflow:hidden;background:#000}.preview-video{width:100%;display:block}.result-actions{display:flex;flex-direction:column;gap:1rem}.secondary-actions{display:flex;gap:1rem}.share-options{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;background:#ff44440d;border-radius:8px}.share-label{font-size:.9375rem;color:var(--text-secondary)}.share-buttons{display:flex;gap:.5rem}.share-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--bg-tertiary);font-size:1.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.share-btn:hover{background:var(--accent);border-color:var(--accent);transform:scale(1.1)}.upload-box-small{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:var(--bg-tertiary);border:2px dashed var(--border);border-radius:12px;text-align:center;transition:all .2s ease}.upload-box-small:hover{border-color:#ff444480}.upload-box-small .upload-icon{font-size:3rem;margin-bottom:1rem}.upload-box-small h4{margin-bottom:.5rem;font-size:1.125rem}.upload-box-small p{margin-bottom:1.5rem;color:var(--text-tertiary);font-size:.875rem}@keyframes progress-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.progress-bar-fill{background:linear-gradient(90deg,var(--accent) 0%,rgba(255,255,255,.25) 50%,var(--accent) 100%);background-size:200% 100%;animation:progress-shimmer 1.8s ease-in-out infinite}.upload-success{margin-top:1rem;padding:1rem;background:#00ff001a;border:1px solid rgba(0,255,0,.3);border-radius:8px;color:#90ee90;text-align:center}.upload-settings-modal{background:#1a1a1a;border-radius:16px;border:1px solid var(--border);max-width:700px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideUp .3s ease}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.upload-steps{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1.5rem;position:relative;background:#ffffff05;border-bottom:1px solid var(--border)}.upload-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:2;flex:1;position:relative}.step-circle{width:48px;height:48px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;color:var(--text-tertiary);transition:all .3s ease}.step-circle svg{width:22px;height:22px;stroke-width:2.5}.upload-step.active .step-circle{background:var(--button-bg);border-color:var(--accent);color:#fff;box-shadow:0 0 20px var(--glow);transform:scale(1.1)}.upload-step.active .step-circle svg{stroke-width:2.5}.upload-step.completed .step-circle{background:#22c55e33;border-color:#22c55e;color:#22c55e}.upload-step.completed .step-circle svg{stroke-width:3}.step-label{font-size:.8rem;color:var(--text-tertiary);font-weight:500;text-align:center;transition:color .3s ease;max-width:120px}.upload-step.active .step-label{color:var(--text-primary)}.upload-step.completed .step-label{color:var(--text-secondary)}.step-progress-line{position:absolute;top:50%;left:0;height:2px;background:var(--accent);transform:translateY(-50%);transition:width .5s cubic-bezier(.4,0,.2,1);z-index:1}.upload-file-info{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;background:#ff44440d;border:1px solid rgba(255,68,68,.15);border-radius:12px;margin:1.5rem 2rem 0}.file-icon{width:40px;height:40px;color:var(--accent);flex-shrink:0}.file-details{flex:1;min-width:0}.file-name{font-weight:600;color:var(--text-primary);font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-hint{font-size:.875rem;color:var(--text-tertiary);margin-top:.25rem}.files-list-container{margin:1.5rem 2rem 0;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.files-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08)}.files-icon{width:20px;height:20px;color:var(--accent);flex-shrink:0}.files-count{font-weight:600;color:var(--text-primary);font-size:.9rem}.files-list{padding:.5rem;max-height:240px;overflow-y:auto}.files-list::-webkit-scrollbar{width:6px}.files-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.files-list::-webkit-scrollbar-thumb{background:#ff44444d;border-radius:3px}.files-list::-webkit-scrollbar-thumb:hover{background:#ff444480}.file-card{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;margin-bottom:.5rem;transition:all .2s ease}.file-card:last-child{margin-bottom:0}.file-card:hover{background:#ffffff0d;border-color:#f443;transform:translate(2px)}.file-card-icon{width:32px;height:32px;flex-shrink:0;color:var(--accent)}.file-card-icon svg{width:100%;height:100%}.file-card-info{flex:1;min-width:0}.file-card-name{font-weight:500;color:var(--text-primary);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.file-card-size{font-size:.8rem;color:var(--text-tertiary)}.file-card-remove{width:28px;height:28px;border:none;background:#ffffff0d;border-radius:6px;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-card-remove svg{width:14px;height:14px}.file-card-remove:hover{background:#ef444426;color:#ef4444;transform:scale(1.1)}.upload-step-content{flex:1;overflow-y:auto;padding:2rem}.settings-group{animation:fadeIn .3s ease}.settings-group h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.step-description{color:var(--text-tertiary);font-size:.9rem;margin-bottom:1.5rem;line-height:1.5}.setting-item{margin-bottom:1.5rem}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .2s ease}.checkbox-label:hover{background:#ffffff0d;border-color:#ff44444d}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:6px;background:transparent;transition:all .2s ease;flex-shrink:0;position:relative;margin-top:2px}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:var(--button-bg);border-color:var(--accent)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.75rem;font-weight:700}.label-content{flex:1}.label-title{font-weight:600;color:var(--text-primary);margin-bottom:.25rem;font-size:.95rem}.label-hint{font-size:.85rem;color:var(--text-tertiary);line-height:1.4}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.setting-label{display:block;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem}.setting-label strong{color:var(--accent)}.setting-select{width:100%;padding:.75rem 2.5rem .75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23ff4444' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.setting-select option{background:#1a1a1a;color:var(--text-primary);padding:.75rem 1rem}.setting-select option:hover{background:#ff44441a}.setting-select option:checked{background:linear-gradient(135deg,#f44,#ff6b35);color:#fff}.setting-select:hover{background:#ffffff14;border-color:#ff44444d}.setting-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ff44441a}.volume-slider{width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:.75rem 0}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--button-bg);cursor:pointer;box-shadow:0 2px 8px #f446;transition:transform .2s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--button-bg);cursor:pointer;border:none;box-shadow:0 2px 8px #f446;transition:transform .2s ease}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}.slider-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-tertiary);margin-top:.25rem}.settings-summary{display:flex;flex-direction:column;gap:1.5rem}.summary-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.25rem}.summary-title{font-weight:600;color:var(--text-primary);margin-bottom:1rem;font-size:1rem;display:flex;align-items:center;gap:.5rem}.summary-title:before{content:"";width:4px;height:1rem;background:var(--button-bg);border-radius:2px}.summary-items{display:flex;flex-direction:column;gap:.75rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.summary-item:last-child{border-bottom:none}.summary-label{color:var(--text-tertiary);font-size:.9rem}.summary-value{font-weight:600;color:var(--text-primary);font-size:.9rem}.summary-value.enabled{color:#22c55e}.summary-value.disabled{color:var(--text-tertiary)}.modal-footer{padding:1.5rem 2rem;border-top:1px solid var(--border);display:flex;gap:1rem;justify-content:flex-end;background:#ffffff05;flex-shrink:0}.modal-footer .btn{min-width:120px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.upload-settings-modal{max-width:95%;max-height:95vh}.upload-steps{padding:1.5rem 1rem 1rem}.step-circle{width:40px;height:40px;font-size:.875rem}.step-circle svg{width:18px;height:18px}.step-label{font-size:.7rem;max-width:80px}.upload-step-content{padding:1.5rem 1rem}.files-list-container{margin:1rem}.files-list{max-height:180px}.file-card{padding:.75rem}.file-card-name{font-size:.85rem}.settings-row{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%}}.player-modal-v2{max-width:780px;width:95%;max-height:90vh;overflow-y:auto;overflow-x:hidden;background:linear-gradient(145deg,#1a1a1a,#151515);border-radius:20px;border:1px solid rgba(255,68,68,.15);box-shadow:0 25px 60px #000c,0 0 0 1px #ffffff08}.player-modal-v2::-webkit-scrollbar{width:8px}.player-modal-v2::-webkit-scrollbar-track{background:#0003;border-radius:10px}.player-modal-v2::-webkit-scrollbar-thumb{background:#ff44444d;border-radius:10px}.player-modal-v2::-webkit-scrollbar-thumb:hover{background:#ff444480}.modal-header-v2{padding:1.25rem 1.5rem;background:linear-gradient(135deg,rgba(255,68,68,.08) 0%,transparent 100%);border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;position:relative}.modal-header-content h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.modal-map-bar{display:flex;align-items:center;gap:.85rem;padding:.6rem;border-radius:12px;background:#ffffff06;border:1p x solid rgba(255,255,255,.06)}.modal-map-thumb{width:100px;height:64px;border-radius:8px;object-fit:cover;flex-shrink:0;display:block}.modal-map-thumb--placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff0a;font-size:1.5rem}.modal-map-meta{display:flex;flex-direction:column;gap:.2rem;min-width:0}.modal-map-name{font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.modal-map-file{font-size:.75rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-controls-row{display:flex;flex-direction:column;gap:.75rem}.modal-control-group{display:flex;align-items:center;gap:.85rem;padding:.65rem .85rem;background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:10px;height:58px;box-sizing:border-box}.modal-control-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.modal-control-group .music-upload-wrapper{flex:1;min-width:0}.modal-control-group .audio-upload-card{padding:.35rem .6rem;border:1.5px dashed rgba(255,255,255,.1);background:#ffffff04;box-shadow:none;border-radius:8px;gap:.6rem;transition:all .2s ease}.modal-control-group .audio-upload-card:hover{border-color:#f9731666;background:#f973160a;transform:none;box-shadow:0 0 12px #f973160f}.modal-control-group .highlights-buttons{flex:1}.map-preview-container{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000004d}.map-preview-image{width:100%;height:auto;display:block;object-fit:cover}.map-preview-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.5) 60%,transparent 100%);padding:1.5rem 1.25rem 1rem}.map-name{font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6);letter-spacing:-.01em}.modal-close-v2{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--text-tertiary);cursor:pointer;font-size:1.25rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;position:absolute;top:8px;right:8px}.modal-close-v2:hover{background:#ff444426;border-color:#ff44444d;color:var(--accent);transform:rotate(90deg)}.modal-body-v2{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1.1rem;min-height:400px}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mode-btn{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#ffffff05;border:2px solid rgba(255,255,255,.08);border-radius:14px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:left}.mode-btn:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px)}.mode-btn.active{background:linear-gradient(135deg,#ff444426,#ff444414);border-color:#ff444480;box-shadow:0 0 20px #f443,inset 0 1px #ffffff1a}.mode-icon{font-size:2rem;line-height:1;filter:grayscale(.3);transition:filter .2s ease}.mode-btn.active .mode-icon{filter:grayscale(0)}.mode-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.mode-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.mode-desc{font-size:.8rem;color:var(--text-tertiary);line-height:1.4}.mode-btn.active .mode-desc{color:var(--text-secondary)}.highlights-selector{display:flex;align-items:flex-start;flex-wrap:wrap;gap:.75rem 1rem;padding:.75rem 1rem;background:#ffffff05;border-radius:8px;margin-bottom:.75rem}.highlights-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}.highlights-buttons{display:flex;gap:.5rem;flex:1}.highlight-count-btn{flex:1;padding:.5rem;background:#ffffff08;border:1.5px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-secondary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s ease;min-width:44px}.highlight-count-btn:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-1px)}.highlight-count-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 15px #ff44444d}.music-select-wrapper{display:flex;gap:.5rem;flex:1;align-items:center}.music-select-modern{flex:1;padding:.5rem 2.5rem .5rem .75rem;background:#ffffff08;border:1.5px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-primary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .15s ease;min-height:44px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.music-select-modern:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-1px)}.music-select-modern:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ff44441a}.music-select-modern option{background:#1a1a2e;color:#fff;padding:.75rem;font-weight:500}.music-select-modern option:disabled{color:#fff6}.music-play-button{padding:.5rem 1rem;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.15);border-radius:6px;color:var(--text-secondary);font-size:1.1rem;cursor:pointer;transition:all .15s ease;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.music-play-button:hover{background:#ffffff1a;border-color:#ffffff4d;color:var(--text-primary);transform:translateY(-1px)}.music-play-button.playing{background:var(--accent);border-color:var(--accent);color:#fff;animation:pulse 1.5s ease-in-out infinite}.music-upload-label{display:inline-flex;align-items:center;gap:.5rem;margin-left:1rem;font-size:.85rem;color:#e5e7eb;cursor:pointer}.music-upload-label input[type=file]{display:none}.music-upload-status{margin-left:.25rem;font-size:.8rem;color:#a5b4fc}.music-upload-wrapper{display:flex;flex-direction:column;gap:.6rem;flex:1;min-width:0}.audio-upload-card{position:relative;display:flex;align-items:center;gap:.9rem;padding:.75rem .9rem;border-radius:10px;border:1.2px solid rgba(255,255,255,.14);background:radial-gradient(circle at 0% 0%,#f8fafc0a,#0f172af5);box-shadow:0 6px 18px #0009;cursor:pointer;overflow:hidden}.audio-upload-card:hover{border-color:#ffffff47;transform:translateY(-1px);box-shadow:0 10px 24px #000000d9}.audio-upload-card input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.audio-upload-icon{width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:.85rem;background:linear-gradient(135deg,#f97316,#ef4444);box-shadow:0 0 0 1px #ffffff14,0 0 10px #f9731659;flex-shrink:0}.audio-upload-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.audio-upload-title{font-size:.8rem;font-weight:600;color:#e5e7eb;line-height:1.15}.audio-upload-subtitle{font-size:.68rem;color:#6b7280;line-height:1.15}.audio-upload-browse{margin-left:auto;padding:.25rem .7rem;font-size:.7rem;font-weight:600;color:#ffffff80;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:6px;letter-spacing:.02em;white-space:nowrap;flex-shrink:0;transition:all .2s ease;pointer-events:none}.audio-upload-card:hover .audio-upload-browse{color:#f97316e6;background:#f973161a;border-color:#f9731640}.music-upload-status-row{display:none}.audio-upload-card--uploading{pointer-events:none}.audio-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:#0a0a148c;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.audio-upload-spinner{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.15);border-top-color:#f97316;animation:audio-spin .7s linear infinite}@keyframes audio-spin{to{transform:rotate(360deg)}}.audio-upload-selected{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .75rem;border-radius:8px;min-width:0;overflow:hidden}.audio-upload-track-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.audio-upload-track-name{font-size:.88rem;font-weight:600;color:#e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-upload-track-meta{font-size:.75rem;color:#9ca3af}.audio-upload-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.audio-upload-delete{width:32px;height:32px;border-radius:999px;border:1px solid rgba(148,163,184,.55);background:#0f172ae6;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-size:.8rem;cursor:pointer;transition:all .15s ease}.audio-upload-delete:hover{border-color:#ef4444cc;color:#fecaca;background:#7f1d1dd9}.required-label{color:var(--accent);font-weight:700;margin-left:.25rem}.music-tracks-grid,.music-track-card,.track-header,.track-name,.track-info,.track-duration,.track-bpm,.track-play-btn{display:none}.music-selector{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#8b5cf614;border-radius:8px;margin-bottom:.75rem;border:1px solid rgba(139,92,246,.2)}.music-label{font-size:.8rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}.optional-label{font-size:.7rem;font-weight:400;color:#fff6;font-style:italic;text-transform:none;letter-spacing:normal}.music-select{flex:1;padding:.5rem .75rem;background:#0000004d;border:1.5px solid rgba(139,92,246,.3);border-radius:6px;color:#fff;font-size:.85rem;cursor:pointer;transition:all .2s ease}.music-select:hover{border-color:#8b5cf680;background:#0006}.music-select:focus{outline:none;border-color:#8b5cf6cc;box-shadow:0 0 0 3px #8b5cf61a}.music-select option{background:#1a1a2e;color:#fff;padding:.5rem}.team-filter{display:flex;flex-direction:column;gap:.75rem}.team-filter .filter-all{width:100%}.team-filter label{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.filter-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.filter-btn{padding:.85rem 1rem;background:#ffffff08;border:1.5px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:#ffffff0f;border-color:#fff3}.filter-btn.active{background:#ff44441f;border-color:#f446;color:var(--text-primary);box-shadow:0 0 15px #ff444426}.filter-btn.filter-a.active{background:#44aaff1f;border-color:#4af6;box-shadow:0 0 15px #44aaff26}.filter-btn.filter-b.active{background:#ffa5441f;border-color:#ffa54466;box-shadow:0 0 15px #ffa54426}.team-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.team-column{display:flex;flex-direction:column;gap:.5rem}.team-column-header{display:flex;align-items:center;height:68px;gap:.75rem;padding:1rem;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .2s ease}.team-column-header:hover{background:#ffffff0f;border-color:#fff3}.team-column-header.active{border-color:#f446;box-shadow:0 0 15px #ff444426}.team-column-header.filter-a.active{background:#44aaff1f;border-color:#4af6;box-shadow:0 0 15px #44aaff26}.team-column-header.filter-b.active{background:#ffa5441f;border-color:#ffa54466;box-shadow:0 0 15px #ffa54426}.team-icon{font-size:1.5rem;flex-shrink:0}.team-header-info{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.team-name{font-size:.95rem;font-weight:600;color:var(--text-primary)}.team-count{font-size:.75rem;color:var(--text-tertiary)}.team-players{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto;padding-right:.25rem}.selection-hint{margin-top:.75rem;font-size:.8125rem;color:var(--text-tertiary);text-align:center;font-style:italic}.player-list-v2{min-height:300px;max-height:400px;overflow-y:auto}.player-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.85rem}.player-card{position:relative;padding:.75rem;background:#ffffff05;border:2px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:row;align-items:center;gap:.75rem;height:64px;box-sizing:border-box;width:100%;text-align:left;flex-shrink:0}.player-avatar-placeholder{width:40px;height:40px;border-radius:8px;flex-shrink:0;background:#ffffff0d;border:2px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#ffffff40}.player-avatar{width:40px;height:40px;border-radius:8px;flex-shrink:0;object-fit:cover;border:2px solid rgba(255,255,255,.1)}.player-info{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.player-card:hover{background:#ffffff0d;border-color:#ffffff26;box-shadow:0 8px 20px #0000004d}@media (hover: none) and (pointer: coarse){.player-card:hover{transform:none}.player-card:active{transform:scale(.98);background:#ffffff14}.team-column-header:active,.filter-btn:active{transform:scale(.98)}}.player-card.selected{background:linear-gradient(135deg,#ff444426,#ff444414);border-color:#f449;box-shadow:0 0 25px #ff444440,inset 0 1px #ffffff1a}.player-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.player-slot{font-size:.7rem;font-weight:600;color:var(--text-tertiary);background:#ffffff0d;padding:.2rem .4rem;border-radius:4px}.player-team{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .4rem;border-radius:4px}.player-team.a{background:#44aaff26;color:#6bb8ff}.player-team.b{background:#ffa54426;color:#ffb670}.player-team.unknown{background:#96969626;color:#aaa}.player-name{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.player-check{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;background:var(--accent);border-radius:50%;color:#fff;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #f449}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:.75rem}.empty-icon{font-size:2rem;opacity:.2}.empty-state p{color:#ffffff4d;font-size:13px}.modal-footer-v2{padding:1.5rem 2rem;background:#ffffff05;border-top:1px solid rgba(255,255,255,.06);display:flex;gap:1rem;justify-content:flex-end}.btn-secondary-v2,.btn-primary-v2{padding:.85rem 1.75rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-secondary-v2{background:#ffffff0d;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1)}.btn-secondary-v2:hover{background:#ffffff14;border-color:#fff3}.btn-primary-v2{background:linear-gradient(135deg,#f44,#ff6b35);color:#fff;box-shadow:0 4px 15px #ff44444d}.btn-primary-v2:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f446}.btn-primary-v2:disabled{opacity:.4;cursor:not-allowed}.player-list-v2::-webkit-scrollbar{width:8px}.player-list-v2::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.player-list-v2::-webkit-scrollbar-thumb{background:#ff44444d;border-radius:10px}.player-list-v2::-webkit-scrollbar-thumb:hover{background:#ff444480}@media (max-width: 768px){.player-modal-v2{max-width:95%;max-height:90vh;margin:1rem}.modal-map-bar{gap:.5rem}.modal-map-thumb{width:80px;height:52px}.modal-controls-row{flex-direction:column;gap:.75rem}.map-preview-container{border-radius:8px}.map-preview-overlay{padding:1rem .85rem .75rem}.map-name{font-size:1.1rem}.modal-body-v2{padding:1rem 1.25rem;gap:1rem}.mode-toggle,.filter-buttons{grid-template-columns:1fr}.filter-btn{padding:.75rem .85rem;font-size:.85rem}.team-columns{grid-template-columns:1fr;gap:1rem}.team-column-header{padding:.85rem;gap:.6rem}.team-icon{font-size:1.25rem}.team-name{font-size:.875rem}.team-count{font-size:.7rem}.team-players{max-height:300px}.player-card{padding:.75rem;gap:.6rem;flex-direction:column;align-items:flex-start}.player-avatar{width:36px;height:36px;border-radius:6px}.player-info{width:100%}.player-name{font-size:.8rem}.player-slot,.player-team{font-size:.65rem;padding:.15rem .35rem}.player-check{top:.4rem;right:.4rem;width:20px;height:20px;font-size:.7rem}.modal-footer-v2{padding:1rem 1.25rem;flex-direction:column-reverse}.btn-secondary-v2,.btn-primary-v2{width:100%}}@media (min-width: 769px) and (max-width: 1024px){.player-modal-v2{max-width:85%}.modal-body-v2{padding:1.75rem}.team-columns{gap:1.25rem}.player-card{padding:.8rem}.map-name{font-size:1.35rem}}@media (max-width: 480px){.player-modal-v2{max-width:100%;max-height:95vh;margin:.5rem;border-radius:12px}.modal-header-v2{padding:.85rem 1rem}.modal-header-content h3,.map-name{font-size:1rem}.map-preview-overlay{padding:.75rem .7rem .6rem}.modal-body-v2{padding:.85rem 1rem;gap:.85rem}.filter-btn{padding:.65rem .75rem;font-size:.8rem}.team-column-header{padding:.75rem}.team-icon{font-size:1.1rem}.team-name{font-size:.825rem}.team-players{max-height:250px}.player-card{padding:.65rem}.player-avatar{width:32px;height:32px}.modal-footer-v2{padding:.85rem 1rem}.btn-secondary-v2,.btn-primary-v2{padding:.75rem 1rem;font-size:.85rem}}.explore-feed{display:flex;flex-direction:column;gap:0;padding:0 0 48px;min-height:60vh}.ef-toolbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:26px 0;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:22px;background:#0c0c0e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.ef-toolbar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ef-sort-tabs{display:flex;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:999px;overflow:hidden;padding:2px;gap:2px}.ef-sort-tab{display:flex;align-items:center;gap:5px;padding:5px 13px;font-size:12.5px;font-weight:500;color:#ffffff73;background:transparent;border:none;border-radius:999px;cursor:pointer;transition:color .15s,background .15s;white-space:nowrap;line-height:1}.ef-sort-tab-icon{display:flex;align-items:center;opacity:.7}.ef-sort-tab:hover{color:#ffffffd9;background:#ffffff0f}.ef-sort-tab--active{color:#fff;background:#f9731633}.ef-sort-tab--active .ef-sort-tab-icon{opacity:1}.fd-wrap{position:relative}.fd-toggle{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#ffffffa6;cursor:pointer;font-size:12.5px;font-family:inherit;white-space:nowrap;transition:background .18s,border-color .18s,color .15s;-webkit-tap-highlight-color:transparent}.fd-toggle:hover{background:#ffffff0f;border-color:#ffffff24;color:#ffffffd9}.fd-toggle--active{background:#f973161a;border-color:#f973164d;color:#f97316}.fd-toggle--active:hover{background:#f9731626;border-color:#f9731666}.fd-icon{display:flex;align-items:center;opacity:.55}.fd-toggle--active .fd-icon{opacity:.9}.fd-label{font-weight:500}.fd-chevron{color:#ffffff4d;transition:transform .18s;flex-shrink:0}.fd-toggle--active .fd-chevron{color:#f97316b3}.fd-chevron--open{transform:rotate(180deg)}.fd-menu{position:fixed;z-index:6000;min-width:160px;background:#14141ef7;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 10px 40px #0000008c;overflow:hidden;animation:fd-appear .14s ease}@keyframes fd-appear{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.fd-item{display:flex;align-items:center;gap:9px;width:100%;padding:9px 14px;background:transparent;border:none;color:#fff9;cursor:pointer;font-size:13px;font-family:inherit;text-align:left;transition:background .14s,color .14s}.fd-item:hover{background:#ffffff12;color:#fffffff2}.fd-item--active{background:#f973161a;color:#f97316}.fd-item--active:hover{background:#f9731626}.fd-item-icon{opacity:.6;display:flex;align-items:center}.fd-check{margin-left:auto;flex-shrink:0;color:#f97316;opacity:.8}.ef-search-wrap{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px}.ef-search{display:flex;align-items:center;gap:8px;width:260px;padding:7px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;transition:all .2s ease}.ef-search:focus-within,.ef-search--active{border-color:#ffa44d59;background:#ffffff0d;box-shadow:0 0 0 2px #ffa44d14}.ef-search-icon{flex-shrink:0;color:#ffffff4d;transition:color .2s}.ef-search:focus-within .ef-search-icon{color:#ffa44db3}.ef-search-input{flex:1;min-width:0;background:none;border:none;outline:none;color:#ffffffe6;font-size:13px;font-family:inherit;line-height:1.4}.ef-search-input::placeholder{color:#ffffff40}.ef-search-clear{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;border:none;background:#ffffff14;color:#ffffff80;cursor:pointer;padding:0;flex-shrink:0;transition:all .15s}.ef-search-clear:hover{background:#ffffff24;color:#fffc}.ef-count{font-size:12px;color:#ffffff4d;margin:0 0 14px}.ef-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:46px 16px}.ef-load-more-row{display:flex;justify-content:center;padding:28px 0 0}.ef-load-more{padding:9px 28px;font-size:14px;font-weight:500;color:#ffffffb3;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:20px;cursor:pointer;transition:background .15s,color .15s}.ef-load-more:hover{background:#ffffff1a;color:#fff}.ef-loading-row{display:flex;justify-content:center;padding:32px 0}.ef-loading-row--initial{flex:1;align-items:center;min-height:40vh}.ef-spinner{display:inline-block;width:22px;height:22px;border:2px solid rgba(255,255,255,.1);border-top-color:#f97316b3;border-radius:50%;animation:ef-spin .7s linear infinite}.ef-spinner--large{width:36px;height:36px;border-width:3px}@keyframes ef-spin{to{transform:rotate(360deg)}}.ef-clear-filters{padding:8px 20px;font-size:13px;color:#fff9;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:16px;cursor:pointer;transition:background .15s;margin-top:4px}.ef-clear-filters:hover{background:#ffffff1a;color:#fff}.cc{display:flex;flex-direction:column;background:transparent;border:none;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .15s}.cc:hover{transform:translateY(-2px)}.cc:focus-visible{outline:2px solid rgba(249,115,22,.6);outline-offset:2px}@keyframes cc-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cc--enter{animation:cc-enter .32s ease both}.ef-sentinel{height:1px;margin-top:8px}.cc-thumb{position:relative;aspect-ratio:16 / 9;background:#0006;overflow:hidden;border-radius:12px}.cc-thumb-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.cc:hover .cc-thumb-img{transform:scale(1.04)}.cc-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff3}.cc-thumb-overlay{position:absolute;top:6px;left:6px;right:6px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.cc-badge{font-size:10px;font-weight:700;letter-spacing:.04em;padding:2px 7px;border-radius:5px;line-height:1.5}.cc-duration{font-size:10px;font-weight:600;color:#ffffffd9;background:#0000008c;padding:2px 6px;border-radius:5px}.cc-play-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .18s;background:#00000040}.cc:hover .cc-play-icon{opacity:1}.cc-info{padding:10px 4px 8px;display:flex;flex-direction:column;gap:0px;flex:1}.cc-title{font-size:14px;font-weight:600;color:#fff;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cc-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:16px}.cc-meta-left{display:flex;align-items:center;gap:6px}.cc-meta-map{font-size:12px;color:#ffffff80;text-transform:capitalize}.cc-meta-score{font-size:12px;color:#fff6;font-variant-numeric:tabular-nums}.cc-meta-time{font-size:12px;color:#ffffff59;margin-left:auto}.cc-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:2px}.cc-views{display:flex;align-items:center;gap:4px;font-size:12px;color:#fff6}.cc-like{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:#fff6;background:transparent;border:none;cursor:pointer;padding:2px 4px;border-radius:6px;transition:color .15s,background .15s;line-height:1}.cc-like:hover:not(:disabled){color:#f87171;background:#ef44441a}.cc-like--active{color:#f87171!important}.cc-like--active:hover:not(:disabled){background:#ef44442e}.cc-like--loading{opacity:.5}.cc-like:disabled{cursor:default}.cc-share{display:flex;align-items:center;background:transparent;border:none;cursor:pointer;padding:2px 4px;border-radius:6px;color:#fff6;transition:color .15s,background .15s;line-height:1}.cc-share:hover{color:#ffffffbf;background:#ffffff14}.cc-share--copied{color:#34d399!important}.cc-achievement-overlay{position:absolute;bottom:6px;left:6px;pointer-events:none;z-index:2}.cb-row{display:flex;gap:4px;flex-wrap:wrap}.cb-row--full{gap:6px;margin-top:8px}.cb-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:6px;font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.cb-row--compact .cb-pill{padding:2px 5px;font-size:0;border-radius:5px;background:#00000073!important;border-color:transparent!important}.cb-row--compact .cb-pill svg{width:11px;height:11px}.cb-row--full .cb-pill{padding:3px 8px;font-size:11px}.cb-label{font-size:11px}@keyframes cmi-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cmi-slide-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cmi-heart-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.25)}65%{transform:translate(-50%,-50%) scale(.92)}to{opacity:0;transform:translate(-50%,-50%) scale(1.05)}}.cmi-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000d1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:52px 68px 20px;animation:cmi-fade-in .18s ease}.cmi-close-outer{position:fixed;top:16px;right:16px;z-index:1001;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#ffffffb3;cursor:pointer;transition:background .15s,color .15s,transform .15s}.cmi-close-outer:hover{background:#ffffff29;color:#fff;transform:scale(1.08)}.cmi-dialog-wrap{position:relative;width:100%;max-width:1100px;flex-shrink:0}.cmi-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#ffffff17;border:1px solid rgba(255,255,255,.14);border-radius:50%;color:#ffffffbf;cursor:pointer;transition:background .14s,color .14s,transform .14s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.cmi-nav--prev{left:-52px}.cmi-nav--next{right:-52px}.cmi-nav:hover{background:#ffffff2e;color:#fff;transform:translateY(-50%) scale(1.1)}@media (max-width: 1220px){.cmi-nav--prev{left:-44px}.cmi-nav--next{right:-44px}}@media (max-width: 1140px){.cmi-nav{width:32px;height:32px}.cmi-nav--prev{left:-40px}.cmi-nav--next{right:-40px}}.cmi{position:relative;display:flex;width:100%;max-width:1100px;height:min(calc(88vh - 64px),660px);background:#111116;border:1px solid rgba(255,255,255,.09);border-radius:18px;overflow:hidden;animation:cmi-slide-in .22s ease;box-shadow:0 32px 100px #000000b8}.cmi-video-wrap{flex:0 0 62%;position:relative;display:flex;background:#000;border-right:1px solid rgba(255,255,255,.07);overflow:hidden}.cmi-video{width:100%;height:100%;display:block;object-fit:contain}.cmi-panel{flex:1 1 0;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#13131a}.cmi-header{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.cmi-avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0;letter-spacing:-.02em;-webkit-user-select:none;user-select:none;overflow:hidden}.cmi-user-info{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:2px}.cmi-user-name{font-size:13px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmi-time{font-size:11px;color:#ffffff4d}.cmi-meta{flex-shrink:0;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.cmi-title{font-size:13px;font-weight:600;color:#ffffffd9;line-height:1.4;margin:0 0 8px;word-break:break-word;overflow-wrap:break-word}.cmi-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cmi-tag{font-size:10px;font-weight:600;letter-spacing:.04em;padding:2px 8px;border-radius:5px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffff73;text-transform:uppercase}.cmi-tag--type{background:#f973161f;border-color:#f9731647;color:#f97316}.cmi-tag--map{background:#3b82f61a;border-color:#3b82f640;color:#60a5fa}.cmi-tag--player{background:#8b5cf61a;border-color:#8b5cf640;color:#a78bfa}.cmi-score{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px}.cmi-score-team{color:#ffffffb3;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.cmi-score-sep{color:#f97316;font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0}.cmi-actions{flex-shrink:0;display:flex;align-items:center;gap:14px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.cmi-like-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:#fff9;cursor:pointer;font-size:13px;font-family:inherit;padding:4px 0;transition:color .15s,transform .1s}.cmi-like-btn:hover:not(:disabled){color:#f87171;transform:scale(1.05)}.cmi-like-btn:disabled{opacity:.35;cursor:default}.cmi-like-btn--active{color:#f87171}.cmi-like-btn--active svg{filter:drop-shadow(0 0 4px rgba(248,113,113,.5))}.cmi-comments-count{display:flex;align-items:center;gap:6px;font-size:13px;color:#fff6}.cmi-views-count{display:flex;align-items:center;gap:5px;font-size:13px;color:#ffffff59}.cmi-share-btn{margin-left:auto;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:50%;color:#ffffff73;cursor:pointer;transition:color .15s,background .12s,transform .12s}.cmi-share-btn:hover{color:#fff;background:#ffffff14;transform:scale(1.1)}.cmi-share-btn--copied{color:#34d399}.cmi-share-btn--copied:hover{color:#34d399;background:#34d3991a}.cmi-comments{flex:1 1 0;overflow-y:auto;display:flex;flex-direction:column;gap:0;padding:4px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.cmi-comments::-webkit-scrollbar{width:4px}.cmi-comments::-webkit-scrollbar-track{background:transparent}.cmi-comments::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.cmi-thread+.cmi-thread{margin-top:2px}.cmi-comment{display:flex;align-items:flex-start;gap:10px;padding:8px 16px;transition:background .15s}.cmi-comment:hover{background:#ffffff06}.cmi-comment-body{flex:1;min-width:0;font-size:13px;line-height:1.45;color:#ffffffd1}.cmi-comment-header-row{display:flex;align-items:baseline;gap:6px;margin-bottom:1px}.cmi-comment-author{font-weight:600;font-size:12.5px;color:#fff;white-space:nowrap}.cmi-comment-time{font-size:10.5px;color:#ffffff47;white-space:nowrap}.cmi-comment-edited{color:#fff3;font-style:italic}.cmi-comment-text{word-break:break-word;margin:2px 0 0;padding:0}.cmi-comment--reply{padding-left:0}.cmi-thread-replies{margin-left:54px}.cmi-thread-toggle{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:#3ea6ff;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;padding:6px 10px;border-radius:16px;transition:background .12s}.cmi-thread-toggle:hover{background:#3ea6ff1a}.cmi-thread-arrow{transition:transform .18s ease}.cmi-thread-arrow--open{transform:rotate(180deg)}.cmi-thread-list{animation:cmi-replies-in .15s ease}@keyframes cmi-replies-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cmi-comment-footer{display:flex;align-items:center;gap:4px;margin-top:2px;flex-wrap:wrap}.cmi-comment-actions{display:flex;align-items:center;gap:2px}.cmi-comment-action-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:#fff6;font-size:11px;font-family:inherit;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:14px;transition:color .12s,background .12s;line-height:1}.cmi-comment-action-btn svg{opacity:.55}.cmi-comment-action-btn:hover{color:#ffffffd9;background:#ffffff0f}.cmi-comment-action-btn:hover svg{opacity:.9}.cmi-comment-action-btn--danger:hover{color:#ef4444;background:#ef444414}.cmi-comment-action-btn--emoji{font-size:13px;line-height:1;padding:3px 6px}.cmi-reaction-trigger-wrap{position:relative}.cmi-reaction-picker{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);display:flex;gap:2px;background:#1e1e28;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:4px 6px;box-shadow:0 8px 24px #00000080;z-index:10;animation:cmi-fade-in .1s ease;white-space:nowrap}.cmi-reaction-pick{background:none;border:none;font-size:16px;cursor:pointer;padding:2px 4px;border-radius:6px;transition:transform .1s,background .1s;line-height:1}.cmi-reaction-pick:hover{transform:scale(1.3);background:#ffffff14}.cmi-comment-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.cmi-reaction-badge{display:inline-flex;align-items:center;gap:3px;font-size:11px;padding:1px 6px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#fff9;cursor:pointer;transition:background .1s,border-color .1s;line-height:1.4}.cmi-reaction-badge:hover{background:#ffffff1a}.cmi-reaction-badge--mine{border-color:#f9731666;background:#f973161a;color:#f97316}.cmi-comment-edit-wrap{margin-top:4px}.cmi-comment-edit-input{width:100%;padding:4px 8px;font-size:12.5px;font-family:inherit;color:#fff;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;outline:none;transition:border-color .12s}.cmi-comment-edit-input:focus{border-color:#f9731680}.cmi-comment-edit-actions{display:flex;gap:6px;margin-top:4px}.cmi-comment-edit-btn{font-size:11px;font-family:inherit;font-weight:600;border:none;border-radius:4px;padding:2px 10px;cursor:pointer;transition:background .1s}.cmi-comment-edit-btn--cancel{background:#ffffff0f;color:#ffffff80}.cmi-comment-edit-btn--cancel:hover{background:#ffffff1a}.cmi-comment-edit-btn--save{background:#f9731633;color:#f97316}.cmi-comment-edit-btn--save:hover:not(:disabled){background:#f9731659}.cmi-comment-edit-btn--save:disabled{opacity:.4;cursor:default}.cmi-reply-indicator{display:flex;align-items:center;justify-content:space-between;padding:6px 12px 0;font-size:11px;color:#fff6}.cmi-reply-indicator strong{color:#f97316;font-weight:600}.cmi-reply-cancel{background:none;border:none;color:#ffffff4d;font-size:16px;cursor:pointer;padding:0 4px;line-height:1;transition:color .1s}.cmi-reply-cancel:hover{color:#ffffffb3}.cmi-comment-form{flex-shrink:0;border-top:1px solid rgba(255,255,255,.06);position:relative}.cmi-comment-input-wrap{display:flex;align-items:center;gap:6px;padding:10px 12px 14px}.cmi-emoji-btn{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:17px;background:transparent;border:none;border-radius:6px;cursor:pointer;opacity:.45;transition:opacity .12s,background .12s;line-height:1}.cmi-emoji-btn:hover{opacity:1;background:#ffffff12}.cmi-comment-input{flex:1 1 0;min-width:0;padding:6px 0;font-size:13px;font-family:inherit;color:#fff;background:transparent;border:none;outline:none}.cmi-comment-input::placeholder{color:#ffffff47}.cmi-comment-send{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:15px;background:none;border:none;color:#f97316;cursor:pointer;border-radius:6px;opacity:.85;transition:opacity .12s,background .12s,transform .1s}.cmi-comment-send:hover:not(:disabled){opacity:1;background:#f973161a;transform:scale(1.1)}.cmi-comment-send:disabled{opacity:.25;cursor:default}.cmi-emoji-picker{position:absolute;bottom:calc(100% + 4px);left:12px;right:12px;background:#1e1e28;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:4px;box-shadow:0 12px 40px #0000008c;z-index:10;animation:cmi-fade-in .12s ease}.cmi-emoji-row{display:flex;gap:2px}.cmi-emoji-item{flex:1;aspect-ratio:1;font-size:18px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:background .1s,transform .1s;line-height:1}.cmi-emoji-item:hover{background:#ffffff1a;transform:scale(1.2)}.cmi-video-wrap video::-webkit-media-controls-panel{background:linear-gradient(#0000,#000000a6)}.cmi-video-wrap video{accent-color:#f97316}.cmi-plyr-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;--plyr-color-main: #5a6c7d;--plyr-video-background: #000;--plyr-video-controls-background: linear-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, .82) );--plyr-video-control-color: rgba(255, 255, 255, .85);--plyr-video-control-color-hover: #ffffff;--plyr-video-control-background-hover: rgba(90, 108, 125, .55);--plyr-range-fill-background: #5a6c7d;--plyr-range-thumb-background: #ffffff;--plyr-range-thumb-shadow: 0 1px 3px rgba(0, 0, 0, .4);--plyr-range-thumb-active-shadow-width: 4px;--plyr-range-track-height: 4px;--plyr-range-thumb-height: 14px;--plyr-video-range-track-background: rgba(255, 255, 255, .2);--plyr-video-range-thumb-active-shadow-color: rgba(90, 108, 125, .5);--plyr-video-progress-buffered-background: rgba(255, 255, 255, .15);--plyr-tooltip-background: rgba(20, 20, 25, .92);--plyr-tooltip-color: #ffffff;--plyr-tooltip-radius: 6px;--plyr-tooltip-shadow: 0 4px 14px rgba(0, 0, 0, .5);--plyr-font-family: inherit;--plyr-control-spacing: 10px;--plyr-control-radius: 6px;--plyr-menu-background: rgba(20, 20, 25, .95);--plyr-menu-color: rgba(255, 255, 255, .85);--plyr-menu-shadow: 0 6px 24px rgba(0, 0, 0, .6);--plyr-menu-radius: 8px;--plyr-menu-border-color: rgba(255, 255, 255, .08);--plyr-menu-border-shadow-color: transparent;--plyr-menu-item-arrow-color: rgba(255, 255, 255, .5);--plyr-badge-background: rgba(90, 108, 125, .4);--plyr-badge-text-color: #ffffff;--plyr-badge-border-radius: 4px;--plyr-focus-visible-color: rgba(90, 108, 125, .6);position:relative}.cmi-plyr-inner{width:100%;height:100%}.cmi-plyr-wrap .plyr{width:100%;height:100%;border-radius:0}.cmi-plyr-wrap .plyr__video-wrapper{height:100%}.cmi-plyr-wrap .plyr video{width:100%;height:100%;object-fit:contain}.cmi-plyr-wrap .plyr__menu__container{background:#141419f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08)}.cmi-plyr-wrap .plyr__menu__container label,.cmi-plyr-wrap .plyr__menu__container [role=menuitemradio]{color:#ffffffd9}.cmi-plyr-wrap .plyr__menu__container [role=menuitemradio]:after{background:#5a6c7d}.cmi-plyr-wrap .plyr__menu__container [role=menuitemradio][aria-checked=true]:before{background:#5a6c7d}.cmi-plyr-wrap .plyr__progress input[type=range]::-webkit-slider-runnable-track{transition:height .15s}.cmi-plyr-wrap .plyr:hover .plyr__progress input[type=range]::-webkit-slider-runnable-track{height:6px}.cmi-plyr-wrap .plyr__volume input[type=range]{color:#5a6c7d}.plyr-poster-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;background:#000;pointer-events:none;transition:opacity .38s ease-out;will-change:opacity}.plyr-poster-overlay--hidden{opacity:0}.plyr-poster-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:.7}.plyr-poster-spinner{position:relative;z-index:1;width:44px;height:44px;border:3px solid rgba(255,255,255,.12);border-top-color:#f97316d9;border-radius:50%;animation:ef-spin .7s linear infinite}.plyr-buffering-spinner{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none}@media (hover: none) and (pointer: coarse){.cc:hover,.cc:hover .cc-thumb-img{transform:none}.cc:hover .cc-play-icon{opacity:0}.cc .cc-play-icon{opacity:.7;background:#00000026}.cc:active{transform:scale(.97);transition:transform .1s ease}.ef-sort-tab:active,.fd-toggle:active{transform:scale(.95);transition:transform .1s}.cc-like:active:not(:disabled){transform:scale(1.2);transition:transform .1s}.cc,.ef-sort-tab,.fd-toggle,.cc-like,.ef-search-clear,.cmi-nav,.cmi-close-outer,.cmi-like-btn,.cmi-share-btn{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.app-shell .app-page{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-behavior:smooth}.cc-like{min-width:44px;min-height:44px;padding:8px;justify-content:center}.cmi-comment-action-btn{min-height:36px;padding:6px 12px}.cmi-share-btn{width:40px;height:40px}}@media (max-width: 768px){.ef-toolbar{padding:16px 0;gap:10px;margin-bottom:16px}.ef-search-wrap{position:static;transform:none;width:100%}.ef-search{width:100%}.ef-search-input{width:100%;font-size:16px}.ef-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px 12px}.cmi-backdrop{padding:0;gap:0;justify-content:flex-end;align-items:stretch}.cmi-dialog-wrap{max-width:100%;width:100%}.cmi{flex-direction:column;max-width:100%;width:100%;height:calc(100vh - env(safe-area-inset-top,0px));height:calc(100dvh - env(safe-area-inset-top,0px));border-radius:0;border:none;animation:cmi-slide-up-mobile .3s cubic-bezier(.32,.72,0,1)}@keyframes cmi-slide-up-mobile{0%{transform:translateY(100%);opacity:.7}to{transform:translateY(0);opacity:1}}.cmi-video-wrap{flex:0 0 auto;max-height:40vh;aspect-ratio:16 / 9;border-right:none;border-bottom:1px solid rgba(255,255,255,.07)}.cmi-panel{flex:1 1 0;min-height:0;padding-bottom:env(safe-area-inset-bottom,0px)}.cmi-nav{width:36px;height:36px;background:#00000080;border-color:#fff3}.cmi-nav--prev{left:8px}.cmi-nav--next{right:8px}.cmi-close-outer{top:max(8px,env(safe-area-inset-top,8px));right:8px;width:36px;height:36px;background:#00000080;border-color:#fff3}.cmi-composer{padding-bottom:max(10px,env(safe-area-inset-bottom,10px))}}@media (max-width: 640px){.ef-toolbar{flex-direction:column;align-items:stretch;gap:10px;padding:12px 0;margin-bottom:12px}.ef-toolbar-left{gap:8px;width:100%;justify-content:flex-start}.ef-sort-tabs{flex-shrink:0}.ef-sort-tab{padding:7px 14px;font-size:13px}.fd-toggle{padding:8px 12px;font-size:13px}.ef-search{padding:10px 14px;border-radius:12px}.ef-grid{grid-template-columns:1fr;gap:20px 0}.cc-info{padding:8px 2px 6px}.cc-title{font-size:13px;-webkit-line-clamp:2}.cc-meta-map,.cc-meta-score,.cc-meta-time,.cc-views,.cc-like{font-size:11px}.cc-badge,.cc-duration{font-size:9px;padding:1px 5px}.explore-feed-empty{min-height:340px;padding:20px}.efe-icon{font-size:40px}.efe-title{font-size:20px}.efe-subtitle{font-size:13px}.cmi{border-radius:0;height:100vh;height:100dvh}.cmi-video-wrap{max-height:35vh}.cmi-header,.cmi-meta{padding:10px 14px}.cmi-actions{padding:8px 14px;gap:12px}.cmi-comment{padding:6px 14px}.cmi-tag{font-size:9px;padding:2px 6px}.user-name{display:none}.user-info{padding:4px;gap:6px}}@media (max-width: 480px){.app-shell .app-container,.app-shell .app-header-surface{padding:0 8px}.ef-toolbar{padding:10px 0;margin-bottom:8px;gap:8px}.ef-toolbar-left{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;gap:6px;padding-bottom:2px}.ef-toolbar-left::-webkit-scrollbar{display:none}.ef-sort-tabs{padding:2px;gap:1px}.ef-sort-tab{padding:6px 10px;font-size:12px;gap:4px}.ef-sort-tab-icon svg{width:11px;height:11px}.fd-toggle{padding:6px 10px;font-size:12px;gap:4px}.fd-label{max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ef-search{padding:9px 12px}.ef-search-input{font-size:16px}.ef-grid{grid-template-columns:1fr;gap:16px 0}.cc-thumb{border-radius:10px}.ef-count{font-size:11px;margin-bottom:10px}.cmi-video-wrap{max-height:32vh}.cmi-user-name{font-size:12px}.cmi-time{font-size:10px}.cmi-title{font-size:12px;margin-bottom:6px}.cmi-like-btn,.cmi-comments-count,.cmi-views-count,.cmi-comment-body{font-size:12px}.cmi-comment-author{font-size:11.5px}}@media (max-width: 390px){.app-shell .app-container{padding:0 6px}.ef-sort-tab{padding:6px 8px;font-size:11px}.ef-grid{grid-template-columns:1fr;gap:14px 0}.cc-info{padding:6px 1px 4px}.cc-title{font-size:12px;-webkit-line-clamp:1}.cc-meta{gap:4px}.cc-meta-map,.cc-meta-time{font-size:10px}.cc-footer{padding-top:1px}.cc-views,.cc-like{font-size:10px}.cc-like svg,.cc-views svg{width:10px;height:10px}.cmi-header{padding:8px 10px;gap:8px}.cmi-avatar{width:28px!important;height:28px!important;font-size:11px!important}.cmi-meta{padding:8px 10px}.cmi-actions{padding:6px 10px;gap:10px}.cmi-comment{padding:5px 10px;gap:8px}}.fd-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5999;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fd-sheet-fade-in .2s ease;-webkit-tap-highlight-color:transparent}@keyframes fd-sheet-fade-in{0%{opacity:0}to{opacity:1}}.fd-sheet{position:fixed;bottom:0;left:0;right:0;z-index:6000;background:#1a1a22;border-radius:20px 20px 0 0;box-shadow:0 -10px 40px #00000080;max-height:70vh;overscroll-behavior:contain;animation:fd-sheet-slide-up .3s cubic-bezier(.32,.72,0,1);padding-bottom:env(safe-area-inset-bottom,0px);-webkit-tap-highlight-color:transparent}@keyframes fd-sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.fd-sheet-handle{width:36px;height:4px;background:#fff3;border-radius:2px;margin:10px auto 6px}.fd-sheet-title{font-size:15px;font-weight:700;color:#ffffffd9;text-align:center;padding:4px 16px 12px;border-bottom:1px solid rgba(255,255,255,.06);letter-spacing:-.01em}.fd-sheet-items{overflow-y:auto;overscroll-behavior:contain;padding:6px 0;max-height:calc(70vh - 80px);-webkit-overflow-scrolling:touch}.fd-sheet-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 20px;background:transparent;border:none;color:#ffffffb3;cursor:pointer;font-size:15px;font-family:inherit;text-align:left;transition:background .12s;-webkit-tap-highlight-color:transparent}.fd-sheet-item:active{background:#ffffff0d}.fd-sheet-item--active{color:#f97316;font-weight:600}.fd-sheet-item .fd-check{margin-left:auto}@media (max-height: 500px) and (orientation: landscape){.cmi{flex-direction:row;height:100vh;height:100dvh}.cmi-video-wrap{flex:0 0 55%;max-height:none;border-right:1px solid rgba(255,255,255,.07);border-bottom:none}.cmi-panel{flex:1 1 0}.ef-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@supports (padding: env(safe-area-inset-top)){@media (max-width: 768px){.app-shell .app-header{padding-top:env(safe-area-inset-top,0px)}.explore-feed{padding-bottom:max(72px,calc(env(safe-area-inset-bottom,0px) + 62px))}}}@media (prefers-reduced-motion: reduce){.cc--enter,.cmi,.fd-sheet,.fd-menu,.sv-overlay,.scomm-sheet{animation:none}.sc-info,.sc-actions{transition:none}}.sv-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000;animation:sv-fade-in .2s ease}@keyframes sv-fade-in{0%{opacity:0}to{opacity:1}}.sv-close{position:fixed;top:max(12px,env(safe-area-inset-top,12px));left:10px;z-index:1010;width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding-right:2px;background:#00000059;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#ffffffe6;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);-webkit-tap-highlight-color:transparent;transition:background .15s,transform .15s}.sv-close:active{transform:scale(.92)}.sv-counter{position:fixed;top:max(18px,calc(env(safe-area-inset-top,12px) + 6px));right:16px;z-index:1010;font-size:12px;font-weight:600;color:#ffffff80;background:#0006;padding:4px 10px;border-radius:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none;font-variant-numeric:tabular-nums}.sv-scroll{width:100%;height:100vh;height:100dvh;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-y}.sv-scroll::-webkit-scrollbar{display:none}.sv-slide{width:100%;height:100vh;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;position:relative;contain:layout style paint}.sv-placeholder-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:.45;pointer-events:none}.sc-card{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.sc-video-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;--plyr-color-main: #f97316;--plyr-video-background: #000;--plyr-video-controls-background: linear-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, .75) );--plyr-video-control-color: rgba(255, 255, 255, .9);--plyr-video-control-color-hover: #fff;--plyr-video-control-background-hover: rgba(255, 255, 255, .15);--plyr-range-fill-background: #f97316;--plyr-range-thumb-background: #fff;--plyr-range-track-height: 3px;--plyr-range-thumb-height: 14px;--plyr-video-range-track-background: rgba(255, 255, 255, .25);--plyr-tooltip-background: rgba(0, 0, 0, .85);--plyr-tooltip-color: #fff;--plyr-font-family: inherit;--plyr-control-spacing: 8px;--plyr-menu-background: rgba(15, 15, 20, .95);--plyr-menu-color: rgba(255, 255, 255, .9);--plyr-menu-shadow: 0 6px 24px rgba(0, 0, 0, .65);--plyr-menu-radius: 10px;--plyr-badge-background: rgba(249, 115, 22, .3);--plyr-badge-text-color: #fff}.sc-video-wrap .cmi-plyr-wrap,.sc-video-wrap .cmi-plyr-wrap .plyr{width:100%;height:100%}.sc-video-wrap .cmi-plyr-wrap .plyr__video-wrapper{height:100%;padding-bottom:0!important}.sc-video-wrap .cmi-plyr-wrap .plyr video{width:100%;height:100%;object-fit:contain}.sc-video-wrap .plyr__controls{z-index:5;padding-bottom:max(10px,env(safe-area-inset-bottom,10px))}.sc-video-wrap .plyr__control{padding:8px}.sc-video-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none}.sc-video-loader-spinner{width:44px;height:44px;border:3px solid rgba(255,255,255,.12);border-top-color:#f97316cc;border-radius:50%;animation:ef-spin .7s linear infinite}.sc-tap-icon{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:sc-tap-flash .55s ease-out forwards}.sc-tap-icon svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}@keyframes sc-tap-flash{0%{opacity:.9;transform:scale(.8)}40%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.sc-actions{position:absolute;right:10px;bottom:140px;z-index:4;display:flex;flex-direction:column;align-items:center;gap:18px;pointer-events:auto;opacity:0;transform:translate(8px);transition:opacity .22s ease .06s,transform .22s ease .06s}.sc-card--active .sc-actions{opacity:1;transform:translate(0)}.sc-action-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:#ffffffe6;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s;padding:4px}.sc-action-btn:active{transform:scale(1.2)}.sc-action-btn--static{cursor:default}.sc-action-btn--liked{color:#f87171}.sc-action-btn--copied{color:#34d399}.sc-action-btn svg{filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.sc-action-count{font-size:11px;font-weight:600;color:#ffffffd9;text-shadow:0 1px 3px rgba(0,0,0,.6);line-height:1}.sc-action-btn--liked svg{animation:sc-like-pop .35s cubic-bezier(.17,.89,.32,1.49)}@keyframes sc-like-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.sc-info{position:absolute;bottom:46px;left:0;right:70px;z-index:3;padding:14px 14px 10px;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease}.sc-card--active .sc-info{opacity:1;transform:translateY(0)}.sc-info>*{pointer-events:auto}.sc-author{display:flex;align-items:center;gap:8px;margin-bottom:6px}.sc-avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden;-webkit-user-select:none;user-select:none;border:2px solid rgba(255,255,255,.4);box-shadow:0 1px 4px #0006}.sc-author-name{font-size:14px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}.sc-time{font-size:11px;color:#ffffff8c}.sc-title{font-size:14px;font-weight:500;color:#fffffff2;line-height:1.4;margin:0 0 6px;text-shadow:0 1px 4px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sc-tags{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow:hidden}.sc-info .cb-row{margin-top:6px}.sc-tag{font-size:11px;font-weight:700;letter-spacing:.04em;padding:2px 8px;border-radius:6px;line-height:1.5;white-space:nowrap;flex-shrink:0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.sc-tag--map{color:#ffffffbf;text-transform:capitalize;background:#ffffff14;border:1px solid rgba(255,255,255,.15)}.sc-tag--score{color:#fff9;font-variant-numeric:tabular-nums;background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.sc-tag--player{background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:#a78bfa}.scomm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:scomm-fade-in .15s ease;-webkit-tap-highlight-color:transparent}@keyframes scomm-fade-in{0%{opacity:0}to{opacity:1}}.scomm-sheet{position:fixed;bottom:0;left:0;right:0;z-index:1051;background:#1a1a22;border-radius:20px 20px 0 0;box-shadow:0 -8px 40px #0009;height:65vh;max-height:65vh;display:flex;flex-direction:column;overflow:hidden;animation:scomm-slide-up .3s cubic-bezier(.32,.72,0,1);padding-bottom:env(safe-area-inset-bottom,0px)}@keyframes scomm-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.scomm-handle-bar{display:flex;justify-content:center;padding:10px 0 4px;flex-shrink:0}.scomm-handle{width:36px;height:4px;background:#fff3;border-radius:2px}.scomm-header{display:flex;align-items:center;gap:8px;padding:6px 16px 10px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.scomm-header-title{font-size:15px;font-weight:700;color:#ffffffe6}.scomm-header-count{font-size:13px;color:#ffffff59}.scomm-close{margin-left:auto;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:none;border-radius:50%;color:#ffffff80;cursor:pointer;font-size:16px;-webkit-tap-highlight-color:transparent}.scomm-close:active{background:#ffffff1f}.scomm-list{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:8px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.scomm-list::-webkit-scrollbar{width:3px}.scomm-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.scomm-empty{padding:40px 20px;text-align:center;color:#ffffff4d;font-size:13px}.scomm-thread+.scomm-thread{margin-top:2px}.scomm-comment{display:flex;align-items:flex-start;gap:10px;padding:8px 16px}.scomm-comment--reply{padding-left:0}.scomm-avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden;-webkit-user-select:none;user-select:none}.scomm-comment-body{flex:1;min-width:0}.scomm-comment-top{display:flex;align-items:baseline;gap:6px;margin-bottom:2px}.scomm-comment-author{font-size:12.5px;font-weight:600;color:#fff}.scomm-comment-time{font-size:10.5px;color:#ffffff4d}.scomm-comment-text{font-size:13px;color:#ffffffd1;line-height:1.45;margin:0;word-break:break-word}.scomm-reactions{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.scomm-reaction{font-size:11px;padding:2px 6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#fff9;cursor:pointer}.scomm-reaction--mine{background:#f973161f;border-color:#f9731640;color:#f97316}.scomm-comment-actions{display:flex;align-items:center;gap:4px;margin-top:4px}.scomm-action-btn{background:none;border:none;color:#fff6;font-size:11px;font-weight:600;font-family:inherit;cursor:pointer;padding:4px 8px;border-radius:12px;-webkit-tap-highlight-color:transparent;transition:background .12s}.scomm-action-btn:active{background:#ffffff0f}.scomm-action-btn--danger{color:#ef444499}.scomm-reaction-wrap{position:relative}.scomm-quick-reactions{position:absolute;bottom:100%;left:50%;transform:translate(-50%);display:flex;gap:2px;background:#14141cf2;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:4px 6px;box-shadow:0 4px 16px #00000080;z-index:10}.scomm-quick-pick{font-size:18px;background:none;border:none;cursor:pointer;padding:3px;border-radius:6px;transition:transform .1s;line-height:1}.scomm-quick-pick:active{transform:scale(1.3)}.scomm-replies{margin-left:38px}.scomm-replies-toggle{background:none;border:none;color:#3ea6ff;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;padding:6px 10px;border-radius:14px;-webkit-tap-highlight-color:transparent}.scomm-replies-toggle:active{background:#3ea6ff1a}.scomm-form{flex-shrink:0;border-top:1px solid rgba(255,255,255,.06);padding:8px 12px;padding-bottom:max(8px,env(safe-area-inset-bottom,8px));position:relative}.scomm-reply-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 0 6px;font-size:11px;color:#ffffff73}.scomm-reply-bar button{background:none;border:none;color:#fff6;cursor:pointer;font-size:16px;padding:2px 6px}.scomm-input-row{display:flex;align-items:center;gap:6px;position:relative}.scomm-emoji-btn{flex-shrink:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:18px;cursor:pointer;border-radius:50%;opacity:.5;-webkit-tap-highlight-color:transparent}.scomm-emoji-btn:active{opacity:1;background:#ffffff0f}.scomm-input{flex:1;min-width:0;padding:8px 12px;font-size:14px;font-family:inherit;color:#fff;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:20px;outline:none;transition:border-color .15s}.scomm-input::placeholder{color:#ffffff40}.scomm-input:focus{border-color:#f9731666}.scomm-send{flex-shrink:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#f97316;font-size:16px;cursor:pointer;border-radius:50%;opacity:.85;-webkit-tap-highlight-color:transparent;transition:opacity .12s}.scomm-send:disabled{opacity:.25;cursor:default}.scomm-send:active:not(:disabled){opacity:1;background:#f973161a}.scomm-login-hint{text-align:center;padding:12px;font-size:12px;color:#ffffff4d;border-top:1px solid rgba(255,255,255,.06)}.scomm-emoji-picker{position:absolute;bottom:calc(100% + 6px);left:0;right:0;background:#1e1e28;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:8px;display:flex;flex-direction:column;gap:4px;box-shadow:0 -8px 30px #00000080;z-index:10}.scomm-emoji-row{display:flex;gap:2px}.scomm-emoji-item{flex:1;aspect-ratio:1;font-size:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;line-height:1}.scomm-emoji-item:active{background:#ffffff1a;transform:scale(1.15)}@media (min-width: 641px) and (max-width: 1024px){.sc-actions{right:16px;bottom:160px;gap:22px}.sc-action-btn svg{width:30px;height:30px}.sc-action-count{font-size:12px}.sc-author-name,.sc-title{font-size:15px}.scomm-sheet{max-width:600px;left:auto;right:0;border-radius:20px 0 0;max-height:70vh}}@media (max-width: 390px){.sc-actions{right:6px;bottom:120px;gap:14px}.sc-action-btn svg{width:22px;height:22px}.sc-action-count{font-size:10px}.sc-info{right:56px;padding:10px 10px 8px;bottom:42px}.sc-author-name,.sc-title{font-size:13px}}@media (max-height: 500px) and (orientation: landscape){.sc-actions{bottom:80px;gap:12px}.sc-action-btn svg{width:20px;height:20px}.sc-info{bottom:40px;padding:10px 10px 8px}}.cdm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#000000b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;animation:cm-fade-in .15s ease}.cdm{position:relative;background:#1a1a1f;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:32px 28px 24px;max-width:340px;width:100%;text-align:center;box-shadow:0 24px 60px #0009;animation:cm-slide-up .18s ease}.cdm-icon{width:52px;height:52px;border-radius:50%;background:#ef44441f;border:1px solid rgba(239,68,68,.2);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#f87171}.cdm-title{font-size:17px;font-weight:700;color:#fff;margin:0 0 8px;letter-spacing:-.01em}.cdm-desc{font-size:13px;color:#ffffff73;margin:0 0 24px;line-height:1.55}.cdm-actions{display:flex;gap:10px}.cdm-btn{flex:1;padding:11px 16px;font-size:14px;font-weight:600;border-radius:10px;border:none;cursor:pointer;font-family:inherit;transition:opacity .15s,transform .1s}.cdm-btn--cancel{background:#ffffff12;color:#ffffffa6;border:1px solid rgba(255,255,255,.1)}.cdm-btn--cancel:hover{background:#ffffff1c;color:#fff}.cdm-btn--delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.cdm-btn--delete:hover{opacity:.88;transform:translateY(-1px)}.cdm-btn--delete:active{transform:translateY(0)}.pm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#000000b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;animation:cm-fade-in .15s ease}.pm{position:relative;background:#0d0d14;border:1px solid rgba(255,255,255,.09);border-radius:20px;width:100%;max-width:440px;padding:36px 32px 30px;box-shadow:0 28px 80px #000000a6;animation:cm-slide-in .2s ease}.pm-close{position:absolute;top:14px;right:14px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:50%;color:#fff6;cursor:pointer;transition:background .15s,color .15s}.pm-close:hover{background:#ffffff1c;color:#fff}.pm-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:28px}.pm-icon-wrap{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#f973161f;border:1px solid rgba(249,115,22,.2);color:#f97316;margin-bottom:18px}.pm-icon-logo{width:30px;height:30px;object-fit:contain;filter:brightness(0) saturate(100%) invert(55%) sepia(80%) saturate(600%) hue-rotate(355deg) brightness(105%)}.pm-btn-logo{width:32px;height:23px;margin-bottom:-4px;object-fit:contain;filter:brightness(0) invert(1);flex-shrink:0;vertical-align:middle}.pm-form{display:flex;flex-direction:column;gap:16px}.pm-title{font-size:20px;font-weight:800;color:#fff;margin:0 0 8px;letter-spacing:-.01em;text-transform:uppercase}.pm-desc{font-size:13px;color:#ffffff6b;margin:0;line-height:1.55;max-width:300px}.pm-field{display:flex;flex-direction:column;gap:7px}.pm-label{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#ffffff61}.pm-input{padding:10px 13px;font-size:14px;color:#fff;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;transition:border-color .15s,box-shadow .15s;font-family:inherit}.pm-input::placeholder{color:#fff3}.pm-input:focus{outline:none;border-color:#f9731673;box-shadow:0 0 0 3px #f9731614}.pm-input:disabled{opacity:.45}.pm-error{font-size:12px;color:#f87171;padding:7px 11px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:8px;margin:0}.pm-retention-info{display:flex;gap:10px;padding:10px 12px;background:#4ade800f;border:1px solid rgba(74,222,128,.15);border-radius:10px}.pm-retention-icon{flex-shrink:0;margin-top:1px;color:#4ade80;opacity:.8}.pm-retention-title{font-size:12px;font-weight:600;color:#4ade80;margin:0 0 3px}.pm-retention-desc{font-size:11px;line-height:1.5;color:#ffffff80;margin:0}.pm-actions{display:flex;gap:10px;margin-top:6px}.pm-btn-cancel{flex:0 0 auto;padding:10px 18px;font-size:13px;font-weight:500;color:#ffffff73;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:background .15s,color .15s;font-family:inherit}.pm-btn-cancel:hover{background:#ffffff0f;color:#ffffffbf}.pm-btn-cancel:disabled{opacity:.35;cursor:default}.pm-btn-publish{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 24px;font-size:15px;font-weight:700;color:#fff;background:linear-gradient(135deg,#f97316,#ea6a08);border:none;border-radius:10px;cursor:pointer;transition:opacity .15s,transform .1s;font-family:inherit;letter-spacing:.01em}.pm-btn-publish:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.pm-btn-publish:active:not(:disabled){transform:translateY(0)}.pm-btn-publish:disabled{opacity:.4;cursor:default;transform:none}.pm-spinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ef-spin .6s linear infinite}.pm-success{display:flex;flex-direction:column;align-items:center;gap:14px;padding:16px 0 8px;text-align:center}.pm-success-icon-wrap{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#4ade80}.pm-success-title{font-size:15px;font-weight:600;color:#ffffffd9;margin:0;line-height:1.4}.pm-processing{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 0 12px;text-align:center}.pm-processing-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#5a6c7d;border-radius:50%;animation:ef-spin .8s linear infinite}.pm-processing-title{font-size:15px;font-weight:600;color:#ffffffd9;margin:0;line-height:1.4}.pm-processing-desc{font-size:12px;color:#fff6;margin:0;line-height:1.4}.lm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;animation:cm-fade-in .15s ease}.lm{position:relative;width:100%;max-width:500px;background:#0d0d14;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:36px 32px 28px;box-shadow:0 28px 80px #000000a6;animation:cm-slide-in .2s ease}.lm-close{position:absolute;top:14px;right:14px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:50%;color:#ffffff73;cursor:pointer;transition:background .15s,color .15s}.lm-close:hover{background:#ffffff1a;color:#fff}.lm-header{text-align:center;margin-bottom:28px}.lm-kicker{display:block;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d;margin-bottom:10px}.lm-title{font-size:22px;font-weight:800;color:#fff;margin:0 0 8px;line-height:1.2;text-transform:uppercase;letter-spacing:-.01em}.lm-subtitle{font-size:13px;color:#ffffff73;margin:0;line-height:1.5}.lm-footer{margin-top:20px;text-align:center}.lm-footer p{font-size:11px;color:#ffffff38;margin:0}