*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#e8e8e9;background:#08090b;margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit}.site-header{z-index:15;background:linear-gradient(90deg,#08080c 0%,#0a0c12 55%,#07070a 100%);border-bottom:1px solid #27212a;height:100px;position:relative}.header-inner{align-items:center;gap:clamp(14px,1.7vw,32px);width:100%;height:100%;padding:0 clamp(20px,4.25vw,76px) 0 clamp(12px,2.1vw,38px);display:flex}.site-logo{cursor:pointer;background:0 0;border:0;flex:0 0 clamp(210px,19.2vw,340px);align-self:stretch;align-items:center;padding:0;display:flex}.site-logo img{object-fit:contain;width:100%;height:auto;max-height:100%}.main-nav{white-space:nowrap;align-items:stretch;gap:clamp(10px,1.7vw,32px);height:100%;display:flex}.main-nav>button,.nav-category-wrap>button{color:#a4a4ab;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:12px;height:100%;padding:0 clamp(4px,.4vw,9px);font-size:clamp(12px,1.05vw,18px);font-weight:700;display:flex;position:relative}.main-nav>button:hover,.nav-category-wrap>button:hover,.main-nav>button.active{color:#fff}.main-nav>button.active:after{content:"";background:#e9164b;height:3px;position:absolute;bottom:15px;left:3px;right:3px;box-shadow:0 0 10px #ed174c}.nav-category-wrap{height:100%;position:relative}.category-menu{z-index:20;background:#121118;border:1px solid #49323e;border-radius:4px;min-width:205px;max-height:360px;padding:8px;position:absolute;top:calc(100% - 8px);left:0;overflow-y:auto;box-shadow:0 15px 35px #000c}.category-menu button{text-align:left;color:#ddd;cursor:pointer;background:0 0;border:0;width:100%;padding:10px;font-size:12px;display:block}.category-menu button:hover{background:#3b1727}.header-right{align-items:center;gap:clamp(14px,2.6vw,46px);min-width:0;margin-left:auto;display:flex}.social-links{align-items:center;gap:clamp(10px,1.25vw,23px);display:flex}.social-links a{color:#d4d4d8;justify-content:center;align-items:center;display:flex}.social-links a:hover{color:#f43e65}.social-links svg{width:23px;height:23px}.header-search{background:#090a0e;border:1px solid #55525c;border-radius:6px;align-items:center;width:clamp(160px,12.8vw,228px);height:47px;display:flex}.header-search:focus-within{border-color:#d32d54}.header-search input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0 0 0 14px;font-size:15px}.header-search input::placeholder{color:#898991}.header-search button{color:#b6b6bf;cursor:pointer;background:0 0;border:0;padding:10px;display:flex}.header-search button:hover{color:#fff}.mobile-menu-toggle{color:#eee;cursor:pointer;background:0 0;border:0;display:none}.hero{background:#08090b;width:100%;position:relative;overflow:hidden}.hero-art{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}@media (max-width:1280px){.header-inner{gap:14px;padding-right:25px}.site-logo{flex-basis:230px}.main-nav{gap:9px}.social-links{gap:11px}.header-right{gap:15px}.header-search{width:170px}}@media (max-width:1000px){.site-header{height:78px}.site-logo{flex-basis:220px}.social-links{display:none}.main-nav>button,.nav-category-wrap>button{font-size:12px}}@media (max-width:740px){.site-header{height:70px}.header-inner{gap:12px;padding:0 14px}.site-logo{flex:0 200px;min-width:140px}.mobile-menu-toggle{order:3;margin-left:0;display:flex}.header-right{margin-left:auto}.header-search{width:clamp(120px,30vw,210px);height:39px}.header-search input{padding-left:8px;font-size:12px}.main-nav{background:#0d0c12;border-bottom:1px solid #44202d;flex-direction:column;gap:0;height:auto;padding:10px 16px;display:none;position:absolute;top:70px;left:0;right:0}.main-nav.is-open{display:flex}.main-nav>button,.nav-category-wrap>button{justify-content:flex-start;width:100%;height:46px;font-size:14px}.nav-category-wrap{height:auto}.category-menu{max-height:230px;position:static}.main-nav>button.active:after{width:100px;bottom:0;left:0;right:auto}}.catalogue{background:radial-gradient(at 0 20%,#26081055,#0000 42%),linear-gradient(#080a0d,#08090b 65%);min-height:300px;padding:0 max(4.35vw,20px) 58px;position:relative}.catalogue:before{content:"";pointer-events:none;background:linear-gradient(90deg,#490a171a,#0000 20% 85%,#25040d1c);position:absolute;inset:0}.catalogue>*{position:relative}.catalogue-top{justify-content:space-between;align-items:center;gap:15px;padding:0 0 20px;display:flex}.catalogue-top h2{letter-spacing:1px;border-left:4px solid #e81b4c;margin:0;padding-left:14px;font-size:clamp(16px,1.25vw,22px);font-weight:700}.catalogue-actions{align-items:center;gap:18px;display:flex}.count{color:#9999a1;font-size:12px}.all-button{color:#e5e5e6;cursor:pointer;background:#0a0a0dc9;border:1px solid #4a454a;border-radius:5px;padding:9px 16px;font-size:12px}.all-button:hover{border-color:#ed2553}.all-button span{margin-left:10px}.video-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 1.3vw;display:grid}.video-card{text-align:left;min-width:0;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.thumbnail{aspect-ratio:16/8;background:#101923;border:1px solid #4c4a50;border-radius:6px;width:100%;position:relative;overflow:hidden}.thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .22s;display:block}.video-card:hover .thumbnail img{transform:scale(1.035)}.video-card:hover strong{color:#ff5275}.duration{color:#fff;background:#060709df;border-radius:3px;padding:3px 6px;font-size:clamp(10px,.85vw,14px);position:absolute;bottom:5px;right:5px}.play-hover{opacity:0;background:#0007;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.video-card:hover .play-hover{opacity:1}.video-card strong{white-space:nowrap;text-overflow:ellipsis;margin:8px 2px 6px;font-size:clamp(12px,.95vw,16px);display:block;overflow:hidden}.metadata{color:#92949a;flex-wrap:wrap;gap:14px;margin-left:2px;font-size:clamp(10px,.76vw,13px);display:flex}.metadata span{align-items:center;gap:5px;display:flex}.status{color:#ddd;background:#141016;border:1px solid #43363e;border-radius:6px;margin:10px 0 30px;padding:22px}.status.error{color:#ff8a9f}.active-filter{color:#bdbec2;margin-bottom:15px}.active-filter button{color:#f35b7b;cursor:pointer;background:0 0;border:0}.pagination{justify-content:center;align-items:center;gap:24px;margin-top:38px;display:flex}.pagination button{color:#fff;cursor:pointer;background:#141116;border:1px solid #51464e;border-radius:5px;align-items:center;gap:5px;padding:9px 14px;display:flex}.pagination button:disabled{opacity:.35;cursor:default}footer{text-align:center;color:#7c7d84;letter-spacing:2px;padding:25px 10px 35px;font-size:12px}footer span{color:#b41938}footer a{color:#a4a4aa;text-decoration:none}.veil{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000d;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.search-panel,.player-panel{background:#111318;border:1px solid #493b43;border-radius:9px;width:min(950px,100%);max-height:92vh;padding:25px;position:relative;overflow:auto;box-shadow:0 20px 80px #000b}.search-panel{max-width:590px}.close{color:#fff;cursor:pointer;background:#28282e;border:0;border-radius:5px;padding:7px;position:absolute;top:12px;right:12px}.search-panel h2,.player-panel h2{align-items:center;gap:10px;margin:0 0 22px;padding-right:38px;font-size:21px;display:flex}.search-panel form{gap:10px;display:flex}.search-panel input{color:#fff;background:#090a0d;border:1px solid #5a454e;border-radius:5px;flex:1;min-width:0;padding:12px;font-size:15px}.search-panel form button,.twitch-link{color:#fff;cursor:pointer;background:#ad1337;border:0;border-radius:5px;padding:12px 16px;text-decoration:none}.search-panel p{color:#999;font-size:13px}.player-wrap{aspect-ratio:16/9;background:#000}.player-wrap iframe{border:0;width:100%;height:100%}.player-info{color:#a9a9b0;flex-wrap:wrap;gap:20px;margin:17px 0;font-size:13px;display:flex}.player-info span{align-items:center;gap:5px;display:flex}.twitch-link{align-items:center;gap:8px;font-size:13px;display:inline-flex}@media (max-width:1100px){.video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px}.thumbnail{aspect-ratio:16/9}}@media (max-width:680px){.catalogue{padding:14px 14px 42px}.catalogue-top{padding-bottom:16px}.catalogue-top h2{font-size:15px}.all-button{padding:7px 8px;font-size:10px}.count{display:none}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.video-card strong{font-size:12px}.metadata{gap:5px;font-size:10px}.thumbnail{aspect-ratio:16/9}.player-panel,.search-panel{padding:17px}.player-panel h2{font-size:16px}}.date-filters{color:#a9a9b1;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 22px;font-size:12px;display:flex}.date-filters label{align-items:center;gap:8px;display:flex}.date-filters input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f5f6;background:#151419;border:1px solid #53444b;border-radius:4px;padding:8px}.date-filters button{color:#ded5d8;cursor:pointer;background:0 0;border:1px solid #56464e;border-radius:4px;padding:8px}.chapter-badge{color:#f1819a;margin:0 0 5px;font-size:11px;display:inline-block}.chapter-list{border:1px solid #3c3039;border-radius:6px;margin:18px 0 10px;overflow:hidden}.chapter-list h3{letter-spacing:1px;background:#21151c;margin:0;padding:13px 14px;font-size:13px}.chapter-warning{color:#d6a4a8;margin:0;padding:10px 14px;font-size:12px}.chapter-item{text-align:left;color:#ddd;cursor:pointer;background:#151318;border:0;border-top:1px solid #30262d;align-items:center;gap:18px;width:100%;padding:13px 14px;display:flex}.chapter-item span:nth-child(2){flex:1}.chapter-item:hover,.chapter-item.active{background:#351823}.chapter-time{font-variant-numeric:tabular-nums;color:#f58da7;font-size:12px}@media (max-width:680px){.date-filters{gap:8px}.date-filters input{max-width:140px}}.video-entry{flex-direction:column;min-width:0;display:flex}.video-entry .video-card{flex:1;width:100%}.tracker-link{color:#c6a4a7;letter-spacing:.07em;align-self:flex-start;align-items:center;margin:8px 0 0;font-size:10px;font-weight:700;text-decoration:none;display:inline-flex}.tracker-link:hover{color:#fff;text-decoration:underline}.tracker-player-link{margin:12px 0}.clip-tabs{gap:10px;margin:0 0 25px;display:flex}.clip-tabs button{color:#ccc;cursor:pointer;letter-spacing:.08em;background:#17151b;border:1px solid #51404a;border-radius:5px;padding:10px 19px;font-size:12px;font-weight:700}.clip-tabs button.active,.clip-tabs button:hover{color:#fff;background:#89122f;border-color:#e12855}.hero-shell{isolation:isolate;background:#08090b;position:relative}.hero-shell .site-header{z-index:30;background:linear-gradient(#05060af0,#05060aad 62%,#05060a1f);border-bottom:1px solid #ffffff14;position:absolute;top:0;left:0;right:0;overflow:visible}.hero-shell .header-inner{overflow:visible}.hero-shell .site-logo{z-index:32;position:relative;overflow:visible}.hero-shell .site-logo img{object-fit:contain;filter:drop-shadow(0 3px 4px #0008);max-height:none;position:relative}.hero-shell .hero{z-index:0}.video-grid .video-entry{flex-direction:column;min-width:0;display:flex}.video-grid .video-card{flex-direction:column;flex:1;align-items:stretch;width:100%;min-width:0;display:flex}.video-grid .video-card .metadata{min-height:19px;margin-top:0}.video-grid .video-card .chapter-badge{white-space:nowrap;text-overflow:ellipsis;color:#ef819b;height:16px;margin:3px 2px 0;font-size:11px;line-height:16px;display:block;overflow:hidden}.video-grid .video-card strong{flex:none}@media (max-width:740px){.hero-shell .site-header{background:linear-gradient(#05060af7,#05060ab3 78%,#05060a38)}.hero-shell .main-nav.is-open{background:#0b0a10f7}}.video-grid .video-card .chapter-badge{visibility:visible;flex:none;height:19px;min-height:19px;margin:3px 2px 0;line-height:19px;display:block}.video-grid .video-card .chapter-badge.no-chapters{visibility:hidden}.video-grid .video-card .metadata{min-height:19px}.video-grid .video-card strong{min-height:1.35em;line-height:1.35}.hero-shell{position:relative;overflow:visible}.hero-shell .site-header{box-shadow:none;background:linear-gradient(#040509e3 0%,#0405097a 64%,#0000 100%);border-bottom-color:#0000}.hero-shell .site-logo{align-self:flex-start;min-height:100px;overflow:visible}.hero-shell .site-logo img{object-fit:contain;width:100%;height:auto;max-height:none}.hero-shell .hero{overflow:visible}.hero-shell .hero-art{width:100%;height:auto;display:block}@media (max-width:740px){.hero-shell .site-logo{min-height:70px}.hero-shell .site-header{background:linear-gradient(#040509f0,#0405099e 70%,#0000)}}.hero-shell .header-inner{justify-content:center;padding-left:clamp(16px,3vw,48px);padding-right:clamp(16px,3vw,48px);position:relative}.hero-shell .main-nav{justify-content:center;gap:clamp(12px,1.6vw,30px);margin:0 auto}.hero-shell .header-right{gap:clamp(12px,1.5vw,24px);height:100%;margin:0;position:absolute;top:0;right:clamp(16px,3vw,48px)}.hero-shell .social-links a{width:28px;height:32px;transition:color .15s,transform .15s}.hero-shell .social-links a:hover{transform:translateY(-2px)}@media (max-width:1400px){.hero-shell .header-inner{justify-content:flex-start}.hero-shell .main-nav{gap:clamp(8px,1vw,16px);margin-left:0;margin-right:auto}.hero-shell .header-right{margin-left:auto;position:static}.hero-shell .header-search{width:clamp(145px,12vw,190px)}}@media (max-width:1000px){.hero-shell .header-inner{justify-content:center}.hero-shell .main-nav{margin-left:auto;margin-right:auto}.hero-shell .header-right{position:absolute;right:20px}.hero-shell .social-links{display:none}}@media (max-width:740px){.hero-shell .header-inner{justify-content:space-between;padding:0 14px}.hero-shell .mobile-menu-toggle{order:0;margin-right:auto}.hero-shell .main-nav{justify-content:flex-start;margin:0}.hero-shell .header-right{height:auto;margin-left:auto;position:static}.hero-shell .header-search{width:clamp(145px,45vw,230px)}}.replay-section{margin:0 0 15px}.replay-toolbar{color:#e5dce0;letter-spacing:.07em;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;font-size:12px;font-weight:700;display:flex}.replay-toolbar>span,.replay-toolbar button{align-items:center;gap:8px;display:inline-flex}.replay-toolbar button{color:#fff;cursor:pointer;background:#2a1420;border:1px solid #663545;border-radius:5px;padding:8px 11px}.replay-toolbar button:hover{background:#6e1d38}.replay-layout{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.replay-layout.with-chat{grid-template-columns:minmax(0,1.9fr) minmax(245px,1fr)}.replay-video{aspect-ratio:16/9;background:#050505;min-width:0;position:relative}.replay-embed{width:100%;height:100%}.replay-embed iframe{border:0;width:100%;height:100%}.replay-error{color:#f6a2b7;text-align:center;background:#09090b;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.replay-chat{aspect-ratio:1;background:#0b0b10;border:1px solid #49313b;border-radius:5px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.replay-chat-heading,.replay-chat-footer{color:#e3c7d0;background:#1b1119;flex:none;padding:10px 12px;font-size:11px;font-weight:700}.replay-chat-heading{justify-content:space-between;gap:8px;display:flex}.replay-chat-heading span{color:#d888a0;font-variant-numeric:tabular-nums}.replay-chat-footer{color:#a995a0;background:#131015;font-weight:400}.replay-chat-messages{scrollbar-color:#5e263a #141117;overflow-wrap:anywhere;flex:1;min-height:0;padding:10px;overflow-y:auto}.replay-chat-message{color:#e1dfe2;margin:0 0 4px;font-size:12px;line-height:1.65}.replay-chat-time{color:#77747b;font-size:10px}.replay-chat-empty{color:#a29aa2;font-size:12px;line-height:1.6}.player-panel:has(.replay-section){width:min(1240px,100%)}@media (max-width:780px){.replay-layout.with-chat{grid-template-columns:minmax(0,1fr)}.replay-chat{aspect-ratio:auto;height:250px}.replay-chat-messages{height:180px}}.hero-shell .site-header{box-shadow:none!important;border-bottom:none!important}.replay-section+.chapter-list{margin-top:26px}.player-panel .chapter-list{clear:both;margin-top:26px;margin-bottom:18px}.player-panel .chapter-list h3{border-bottom:1px solid #3c3039}.player-panel .chapter-item{min-height:46px}@media (min-width:900px) and (min-height:700px){.player-panel:has(.replay-section){scrollbar-width:thin;scrollbar-color:#603244 #111318;width:min(1240px,100%);max-height:96vh}.replay-layout:not(.with-chat){max-width:min(100%,170.667vh - 435.556px);margin-inline:auto}}.replay-video:has(#archive-quality){aspect-ratio:auto}.replay-video:has(#archive-quality) video{aspect-ratio:16/9;display:block;height:auto!important}.replay-video:has(#archive-quality) .replay-embed{height:auto}.replay-video:has(#archive-quality) #archive-quality{max-width:180px}.player-panel::-webkit-scrollbar{width:6px}.player-panel::-webkit-scrollbar-track{background:#111318}.player-panel::-webkit-scrollbar-thumb{background:#603244;border-radius:10px}@media (min-width:781px){.replay-layout.with-chat .replay-chat{aspect-ratio:auto;height:100%;min-height:0;max-height:100%}.replay-layout.with-chat .replay-chat{aspect-ratio:1;height:auto;max-height:none}.replay-layout.with-chat{align-items:start}.replay-layout.with-chat .replay-chat{aspect-ratio:auto;align-self:start;height:auto;max-height:none}.replay-layout.with-chat{container-type:inline-size}.replay-layout.with-chat .replay-chat{height:calc(36.8534cqw - 3.68534px);overflow:hidden}}
