body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App.kick-theme{--color-main:#64ff27;--color-main-hover-bg:#52ee0456;--color-border:#1110;--color-shadow:#38a8007c;--color-bg:#000;--color-text-muted:#888;--color-white:#fff;--scrollbar-thumb:#49cf0654;--scrollbar-thumb-hover:#64ff278f;--input-shadow:0 0 8px #38a800d7;--input-shadow1:0 0 8px #4cd607d7}.App.twitch-theme{--color-main:#9146ff;--color-main-hover-bg:#6b35cc7e;--color-border:#0000;--color-shadow:#8636fd77;--color-bg:#0000;--color-text-muted:#888;--color-white:#f0f0ff;--scrollbar-thumb:#9046ff62;--scrollbar-thumb-hover:#7020dfcc;--input-shadow:0 0 8px #9146ffd7;--input-shadow1:0 0 14px #6a16e9ea}body,html{background-color:var(--color-bg);font-family:Arial,sans-serif;height:100%;margin:0;overflow-x:hidden;padding:0}.App{height:100vh;overflow:hidden}@keyframes gameListFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.game-list{-webkit-overflow-scrolling:touch;align-items:stretch;animation-delay:.6s;animation-duration:.6s;animation-fill-mode:forwards;animation-name:gameListFadeIn;animation-timing-function:ease-out;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);box-sizing:border-box;display:flex;gap:15px;min-height:180px;opacity:0;overflow-x:auto;overflow-y:hidden;padding:15px 24px;scroll-behavior:smooth;width:100%}.game-list::-webkit-scrollbar{height:8px}.game-list::-webkit-scrollbar-track{background:#111;border-radius:4px}.game-list::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border:2px solid var(--color-border);border-radius:4px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.game-list::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.game-item{background-color:var(--color-bg);border-radius:8px;box-shadow:0 0 8px var(--color-shadow);box-sizing:border-box;color:var(--color-main);display:flex;flex-direction:row;flex-shrink:0;gap:12px;height:fit-content;max-width:330px;min-height:150px;min-width:240px;padding:10px}.game-poster{border-radius:6px;height:130px;object-fit:cover;width:90px}.game-info{display:flex;flex:1 1;flex-direction:column;height:fit-content;justify-content:flex-start;max-height:130px;min-width:0;overflow:hidden;text-overflow:ellipsis}.game-name{color:var(--color-white);font-size:13px;font-weight:700;margin-bottom:4px}.game-extra{color:var(--color-text-muted);font-size:12px}.game-extra>div{display:flex;flex-wrap:wrap;gap:3px;height:fit-content;margin-top:4px;max-height:80px;overflow-x:hidden;overflow-y:auto;padding-right:5px;width:100%}.game-extra>div::-webkit-scrollbar{width:8px}.game-extra>div::-webkit-scrollbar-track{background:#0000004d;border:1px solid var(--color-main);border-radius:4px;opacity:.3}.game-extra>div::-webkit-scrollbar-thumb{background-color:var(--color-main);border:1px solid var(--color-main);border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}.game-extra>div::-webkit-scrollbar-thumb:hover{background-color:var(--color-main);border:1px solid var(--color-main);box-shadow:0 0 8px var(--color-main);opacity:.8}.button-screen{background-color:var(--color-bg);display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:transform 1s ease-in-out;width:100%;z-index:1}.button-screen.slide-left{transform:translateX(-100%)}.button-grid-container{flex-grow:1;margin:0 auto;max-width:1920px;padding:30px 20px 60px}.button-grid{grid-gap:10px;box-sizing:border-box;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);height:calc(100vh - 200px);margin:0 auto;padding:30px 50px 130px;width:100%}.grid-button{align-items:center;background-color:initial;border:none;border-radius:8px;box-sizing:border-box;color:var(--color-main);cursor:pointer;display:flex;flex-direction:column;opacity:0;padding:10px;transition:background-color .3s ease}.grid-button.visible{animation:fadeIn .5s ease-in-out;opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.thumbnail-image{border-radius:6px;height:200px;object-fit:cover;width:100%}.button-title{color:var(--color-white);font-size:15px;font-weight:700;margin-top:10px}.button-date,.button-length{color:var(--color-text-muted);font-size:13px;margin-top:4px}.grid-button:hover{background-color:var(--color-main-hover-bg)}@keyframes platformbuttonsFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.platform-buttons{animation-delay:.6s;animation-duration:.6s;animation-fill-mode:forwards;animation-name:platformbuttonsFadeIn;animation-timing-function:ease-out;margin:10px 24px 20px 80px;opacity:0}.platform-buttons button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:inline-flex;height:44px;justify-content:center;margin-right:10px;padding:8px;transition:background-color .3s ease;width:44px}.platform-buttons button:hover{background-color:var(--color-main-hover-bg)}.platform-buttons button.active{background-color:var(--color-main)}.platform-icon{height:40px;width:40px}.sort-icon-container{align-items:center;display:flex;justify-content:flex-start;margin-bottom:0;margin-top:-30px;padding-left:50px}.sort-icon-container.sort-animate{animation-delay:.6s;animation-duration:.6s;animation-fill-mode:forwards;animation-name:platformbuttonsFadeIn;animation-timing-function:ease-out;opacity:0}.sort-icon-container.sort-no-animate{opacity:1}.sort-icon{align-items:center;background-color:#0000001a;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;justify-content:center;letter-spacing:.5px;opacity:.8;padding:6px 10px;pointer-events:auto;transition:all .3s ease;-webkit-user-select:none;user-select:none}.sort-icon:hover{opacity:1;transform:scale(1.05)}.sort-icon:active,.sort-icon:hover{background-color:var(--color-main-hover-bg)}.sort-icon:active{transform:scale(.95)}.main-content{display:flex;height:100vh;position:relative;width:100%}.react-player,.video-container{background-color:#000;height:100%;width:100%}.react-player{object-fit:contain}.chat-container{background-color:var(--color-bg);border-left:1px solid var(--color-border);box-sizing:border-box;height:100%;overflow-y:auto;padding:20px;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:370px;z-index:1000}.chat-container.open{transform:translateX(0)}.toggle-chat-btn{background-color:var(--color-main);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;position:fixed;right:20px;top:20px;z-index:1001}.toggle-chat-btn:hover{background-color:var(--color-main-hover-bg)}.shared-gif{left:50%;max-width:500px;mix-blend-mode:screen;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);transition:opacity .5s ease-in-out;width:100%;z-index:-1}.shared-gif.low-opacity{opacity:.1;pointer-events:none}.intro-screen{align-items:center;background-color:var(--color-bg);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity 1s ease-in-out;width:100%;z-index:10}.intro-screen.fade-out{opacity:1;pointer-events:none}.video-link-button{background:none;border:none;color:var(--color-main);cursor:pointer;flex-shrink:0;font-size:13px;margin:0;padding:2px 4px;white-space:nowrap}.video-link-button:hover{text-decoration:underline}.played-videos-list{display:flex;flex-direction:column;gap:6px;margin-top:4px}@keyframes gamesearchFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-and-donate-container{align-items:center;animation-delay:.6s;animation-duration:.6s;animation-fill-mode:forwards;animation-name:gamesearchFadeIn;animation-timing-function:ease-out;display:flex;gap:15px;justify-content:space-between;margin:20px 0;opacity:0;padding:0 30px}.game-search-wrapper{align-items:center;display:flex;flex:1 1;gap:10px}.game-search-bar{background-color:var(--color-bg);border-bottom:1px solid var(--color-bg);width:fit-content}.action-buttons{align-items:center;display:flex;gap:10px}.game-sort-icon{align-items:center;background-color:#0000001a;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:500;justify-content:center;letter-spacing:.5px;opacity:.8;padding:6px 10px;pointer-events:auto;transition:all .3s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.game-sort-icon:hover{background-color:var(--color-main-hover-bg);opacity:1;transform:scale(1.05)}.game-sort-icon:active{background-color:var(--color-main-hover-bg);transform:scale(.98)}.bug-report-button{align-items:center;background-color:#333;border:1px solid #555;border-radius:6px;box-shadow:none;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;outline:none;text-decoration:none;transition:all .3s ease;width:40px}.bug-report-button:hover{background-color:#444;border-color:#666;transform:translateY(-1px)}.bug-report-button:focus{background-color:#444;box-shadow:none;outline:none}.bug-report-button:active{background-color:#555;transform:translateY(0)}.contact-modal-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.contact-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000c;border:2px solid var(--color-main);border-radius:12px;box-shadow:0 0 20px var(--color-main),0 10px 30px #00000080;max-width:400px;padding:25px;position:relative;width:90%}.contact-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;position:absolute;right:15px;top:15px;transition:all .3s ease;width:30px}.contact-modal-close:hover{background-color:var(--color-main-hover-bg);color:var(--color-main)}.contact-modal h3{color:var(--color-white);font-size:20px;margin:0 0 20px;text-align:center}.contact-info{display:flex;flex-direction:column;gap:15px}.contact-item{align-items:center;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.contact-label{color:var(--color-text-muted);font-size:14px;font-weight:500}.contact-value{color:var(--color-main);font-family:Courier New,monospace;font-size:14px;font-weight:600}.stats-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000e6;border:2px solid var(--color-main);border-radius:12px;box-shadow:0 0 20px var(--color-main),0 10px 30px #00000080;max-height:80vh;max-width:600px;overflow-y:auto;padding:25px;position:relative;width:90%}.stats-modal h3{color:var(--color-white);font-size:20px;margin:0 0 20px;text-align:center}.stats-content{display:flex;flex-direction:column;gap:20px}.stats-empty{color:var(--color-text-muted);padding:20px;text-align:center}.stats-year-section{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:15px}.stats-year-header{align-items:center;border-bottom:1px solid #ffffff1a;border-radius:4px;color:var(--color-main);cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:8px;margin-bottom:12px;padding:8px 12px;text-align:left;transition:all .2s ease;-webkit-user-select:none;user-select:none}.stats-year-header:hover{background-color:#ffffff08}.stats-year-expand{color:var(--color-main);font-size:12px;transition:transform .2s ease}.stats-year-title{flex:1 1}.stats-year-note{color:var(--color-text-muted);font-size:14px;font-style:italic;font-weight:400}.stats-year-info{display:flex;flex-direction:column;gap:12px}.stats-item{align-items:center;background-color:#ffffff08;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.stats-label{color:var(--color-text-muted);font-size:14px;font-weight:500}.stats-value{color:var(--color-white);font-family:Courier New,monospace;font-size:14px;font-weight:600}.stats-top-games{margin-top:8px}.stats-top-games .stats-label{display:block;font-size:13px;margin-bottom:8px}.stats-games-list{display:flex;flex-direction:column;gap:6px}.stats-game-container{margin-bottom:8px}.stats-game-item{align-items:center;background-color:#ffffff08;border:1px solid #0000;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.stats-game-item:hover{background-color:#ffffff0f;border-color:#ffffff1a}.stats-game-rank{color:var(--color-main);font-size:13px;font-weight:700;min-width:20px}.stats-game-name{color:var(--color-white);flex:1 1;font-size:13px}.stats-game-count{color:var(--color-text-muted);font-size:12px;font-style:italic}.stats-game-expand{color:var(--color-main);font-size:10px;margin-left:auto;transition:transform .2s ease}.stats-game-expanded{align-items:flex-start;animation:expandGame .2s ease;background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;display:flex;flex-direction:row;gap:12px;margin-top:8px;padding:10px}@keyframes expandGame{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.stats-game-image{border-radius:6px;box-shadow:0 0 8px var(--color-shadow);flex-shrink:0;height:130px;object-fit:cover;width:90px}.stats-game-sessions{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.stats-sessions-label{color:var(--color-text-muted);font-size:12px;font-weight:500;margin-bottom:4px}.stats-sessions-buttons{display:flex;flex-wrap:wrap;gap:6px}.stats-session-button{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:var(--color-white);cursor:pointer;font-family:Courier New,monospace;font-size:11px;padding:6px 12px;transition:all .2s ease}.stats-session-button:hover{background-color:var(--color-main-hover-bg);border-color:var(--color-main);color:var(--color-main);transform:translateY(-1px)}.stats-session-button:active{transform:translateY(0)}.stats-monthly-chart{background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;margin-top:8px;padding:12px}.stats-chart-container{align-items:flex-end;display:flex;gap:4px;height:150px;justify-content:space-between;padding:8px 0}.stats-chart-bar-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;height:100%}.stats-chart-bar-container{align-items:flex-end;display:flex;height:100%;position:relative;width:100%}.stats-chart-bar{align-items:flex-start;background:linear-gradient(to top,var(--color-main),var(--color-main-hover-bg));border-radius:4px 4px 0 0;box-shadow:0 2px 4px #0003;display:flex;justify-content:center;min-height:4px;padding-top:4px;position:relative;transition:all .3s ease;width:100%}.stats-chart-bar:hover{opacity:.8;transform:scaleY(1.05)}.stats-chart-bar-value{color:var(--color-white);font-size:10px;font-weight:700;text-shadow:0 1px 2px #00000080}.stats-chart-month-label{color:var(--color-text-muted);font-size:10px;margin-top:4px;text-align:center}.stats-chart-bar{cursor:pointer}.stats-chart-bar:hover{opacity:.9;transform:scaleY(1.08);transform-origin:bottom}.monthly-games-overlay{background-color:initial;height:100%;left:0;pointer-events:auto;position:fixed;top:0;width:100%;z-index:1001}.monthly-games-popup{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000f2;border:1px solid var(--color-main);border-radius:12px;box-shadow:0 0 8px #0000004d,0 2px 4px #0003;display:flex;flex-direction:column;max-height:400px;overflow:hidden;pointer-events:auto;position:fixed;width:350px;z-index:1002}.monthly-games-header{background-color:#000000f2;border-bottom:1px solid #ffffff1a;flex-shrink:0;padding:15px 15px 8px;position:sticky;top:0;z-index:10}.monthly-games-popup h4{color:var(--color-white);font-size:16px;margin:0;padding-right:30px;text-align:center}.monthly-games-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;position:absolute;right:12px;top:12px;transition:all .3s ease;width:24px;z-index:11}.monthly-games-close:hover{background-color:var(--color-main-hover-bg);color:var(--color-main)}.monthly-games-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto;padding:15px}.monthly-games-list{display:flex;flex-direction:column;gap:12px}.monthly-game-item{background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;display:flex;flex-direction:row;gap:10px;margin-bottom:8px;padding:8px}.monthly-game-image{border-radius:4px;box-shadow:0 0 6px var(--color-shadow);flex-shrink:0;height:85px;object-fit:cover;width:60px}.monthly-game-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.monthly-game-name{color:var(--color-white);font-size:12px;font-weight:700;line-height:1.3}.monthly-game-count{color:var(--color-main);font-size:11px;font-weight:600}.monthly-game-sessions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.monthly-game-sessions .stats-session-button{font-size:11px;min-height:32px;padding:6px 10px}.monthly-games-content::-webkit-scrollbar{width:8px}.monthly-games-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.monthly-games-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.stats-modal::-webkit-scrollbar{width:8px}.stats-modal::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.stats-modal::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.info-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;display:flex;flex-direction:column;min-width:180px;padding:10px 15px;transition:all .3s ease}.info-box:hover{background-color:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.info-box-header{color:var(--color-main);font-size:14px;font-weight:700;margin-bottom:8px;text-align:center}.info-box-content{display:flex;flex-direction:column;gap:6px}.info-item{align-items:center;display:flex;gap:10px;justify-content:space-between}.info-label{color:var(--color-text-muted);font-size:12px;font-weight:500}.info-value{color:var(--color-white);font-family:Courier New,monospace;font-size:12px;font-weight:600}.twitch-theme .info-box{border-color:#9146ff4d}.twitch-theme .info-box:hover{background-color:#9146ff1a;border-color:#9146ff80}.twitch-theme .info-box-header{color:#9146ff}.mobile-menu-button{background:var(--color-main);border:none;border-radius:5px;bottom:20px;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;position:fixed;right:20px;z-index:1000}.game-search-bar input{background-color:#111;border:1px solid #0000;border-radius:6px;box-shadow:var(--input-shadow1);color:var(--color-main);font-size:14px;outline:none;padding:10px 15px;width:300px}.game-search-bar input::placeholder{color:#414141}.react-player iframe{transition:none!important}.App,.main-content,.react-player iframe,.video-container{background-color:#000!important}@media (max-width:768px){.game-list{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:10px;min-height:160px;overflow-x:auto;overflow-y:hidden;padding:10px 30px 10px 15px;scroll-behavior:smooth}.game-item{box-sizing:border-box;gap:8px;max-width:250px;min-height:120px;min-width:200px;padding:8px}.game-poster{border-radius:4px;height:90px;object-fit:cover;width:60px}.game-name{color:var(--color-white);font-size:11px;font-weight:700;margin-bottom:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-extra{font-size:10px}.game-extra>div{padding-bottom:10px;padding-right:8px}.video-link-button{font-size:10px;min-height:28px;min-width:44px;padding:4px 6px}.button-grid{gap:8px;grid-template-columns:repeat(2,1fr);padding:15px 20px 80px}.thumbnail-image{height:120px}.button-title{font-size:12px;line-height:1.2;margin-top:8px}.button-date,.button-length{font-size:10px}.platform-buttons{margin:10px 15px 15px 20px}.platform-buttons button{height:36px;padding:6px;width:36px}.platform-icon{height:24px;width:24px}.sort-icon-container{margin-bottom:8px;padding-left:15px}.sort-icon{font-size:11px;padding:5px 8px}.search-and-donate-container{flex-direction:column;gap:12px;margin:15px 0;padding:0 15px}.game-search-wrapper{align-items:center;display:flex;flex-direction:column;gap:10px;width:100%}.game-search-bar{max-width:400px;width:100%}.game-search-bar input{font-size:14px;max-width:100%;padding:10px 15px}.game-sort-icon{align-items:center;align-self:center;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;display:flex;font-size:11px;justify-content:center;min-height:auto;padding:5px 8px;transition:all .2s ease;white-space:nowrap}.game-sort-icon:hover{background-color:#ffffff1a;border-color:#fff3}.game-sort-icon:active{background-color:#ffffff26;transform:scale(.98)}.action-buttons{flex-direction:row;gap:8px;width:auto}.bug-report-button{font-size:16px;height:35px;width:35px}.info-box{flex:1 1;min-width:150px;padding:8px 12px}.info-box-header{font-size:12px;margin-bottom:6px}.info-item{gap:8px}.info-label,.info-value{font-size:11px}.chat-container{height:100vh;padding:15px;right:0;top:0;width:100%}.toggle-chat-btn{font-size:12px;padding:8px 15px;right:15px;top:15px}.main-content{flex-direction:column}.video-container{height:250px;width:100%!important}.video-container.chat-open{height:40vh}.shared-gif{max-width:300px;mix-blend-mode:normal;opacity:.3}.stats-modal::-webkit-scrollbar{width:6px}.stats-modal::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.stats-modal::-webkit-scrollbar-thumb:hover{background:#ffffff80}.stats-modal::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.stats-session-button{border-radius:4px;flex-shrink:0;font-family:Courier New,monospace;font-size:11px;min-height:32px;padding:6px 10px}.stats-sessions-buttons{gap:4px}.stats-session-button:hover{transform:none}.stats-session-button:active{background-color:var(--color-main-hover-bg);border-color:var(--color-main);color:var(--color-main);transform:scale(.98)}}@media (max-width:480px){.button-grid{gap:6px;grid-template-columns:1fr;padding:10px 15px}.game-item{max-width:200px;min-width:180px}.game-poster{height:75px;width:50px}.button-title{font-size:11px}.thumbnail-image{height:100px}.video-container{height:200px}.shared-gif{max-width:250px;mix-blend-mode:normal;opacity:.3}}@media (hover:none) and (pointer:coarse){.game-item:hover,.grid-button:hover,.platform-buttons button:hover,.toggle-chat-btn:hover,.video-link-button:hover{background-color:initial}.grid-button:active{transform:scale(.98)}.grid-button:active,.platform-buttons button:active,.video-link-button:active{background-color:var(--color-main-hover-bg)}.platform-buttons button:active{transform:scale(.95)}}.sidebar-hover-area{background-color:initial;height:50vh;left:0;z-index:999}.sidebar,.sidebar-hover-area{position:fixed;top:0;width:400px}.sidebar{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;left:-400px;opacity:.8;text-align:center;transition:left .3s ease;z-index:1000}.sidebar-open{left:0}.sidebar-header{align-items:flex-start;border-bottom:1px solid;display:flex;flex-direction:column;flex-shrink:0;gap:15px;padding:20px;position:relative;text-align:center;z-index:2}.sidebar-back-button{align-items:center;background:none;border:1px solid #fff;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:42px;justify-content:center;left:20px;opacity:1;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:42px;z-index:10}.sidebar-back-button:hover{background-color:var(--color-main-hover-bg);opacity:1;transform:translateY(-50%) scale(1.05)}.sidebar-back-button:active{transform:translateY(-50%) scale(.95)}.sidebar-header-top{align-items:center;display:flex;gap:25px;justify-content:center;margin-top:10px;padding-left:10px;width:100%}.platform-buttons-sidebar.left,.platform-buttons-sidebar.right{align-items:center;display:flex;gap:5px;justify-content:center;width:auto}.sidebar-logo-container{display:flex;flex-shrink:0;justify-content:center}.sidebar-logo{cursor:pointer;height:auto;pointer-events:auto;width:70px}.platform-buttons-sidebar button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:4px;transition:background-color .3s ease;width:36px}.platform-buttons-sidebar button:hover{background-color:var(--color-main-hover-bg)}.platform-buttons-sidebar button.active{background-color:var(--color-main);box-shadow:0 0 8px var(--color-shadow)}.platform-icon{display:block;height:24px;object-fit:contain;width:24px}.sidebar-body{background-color:var(--color-bg);color:var(--color-main);flex-grow:1;height:calc(100vh - 80px);overflow-y:auto}.sidebar-video-list{list-style:none;margin:0;padding:0}.sidebar-video{align-items:center;border-bottom:1px solid #ffffff1a;color:var(--color-main);cursor:pointer;display:flex;gap:15px;padding:12px 15px;transition:background-color .3s ease}.selected-video,.sidebar-video:hover{background-color:var(--color-main-hover-bg)}.selected-video{box-shadow:inset 0 0 8px var(--color-shadow);transition:background-color .3s ease}.sidebar-thumbnail{border-radius:6px;box-shadow:0 0 8px var(--color-shadow);flex-shrink:0;height:50px;object-fit:cover;width:80px}.sidebar-video-text{text-align:left}.sidebar-video-title{color:var(--color-white);font-size:16px;font-weight:600;line-height:1.2}.sidebar-video-date{color:var(--color-text-muted);font-size:12px;font-style:italic;margin-top:6px}.sidebar-body::-webkit-scrollbar{width:8px}.sidebar-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.sidebar-body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.sidebar.kick-theme{--color-main:#39a800;--color-main-hover-bg:#064c00;--color-border:#38a8008a;--color-shadow:#39a800aa;--color-bg:#000;--color-text-muted:#aaa;--color-white:#64ff27;--scrollbar-thumb:#39a80088;--scrollbar-thumb-hover:#39a800cc;--input-shadow:0 0 8px #38a800d7;background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-main);opacity:.8}.sidebar.kick-theme .sidebar-header{background-color:var(--color-bg);border-bottom-color:var(--color-border)}.sidebar.kick-theme .sidebar-video{border-bottom-color:#38a80028}.sidebar.kick-theme .sidebar-video:hover{background-color:var(--color-main-hover-bg)}.sidebar.kick-theme .selected-video{background-color:#097d00;box-shadow:inset 0 0 8px var(--color-shadow)}.sidebar.kick-theme .sidebar-thumbnail{box-shadow:0 0 8px var(--color-shadow)}.sidebar.kick-theme .sidebar-video-title{--color-white:#fff}.sidebar.kick-theme .sidebar-video-date{color:var(--color-text-muted)}.sidebar.kick-theme .sidebar-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.sidebar.kick-theme .sidebar-body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.sidebar.twitch-theme{--color-main:#9146ff;--color-main-hover-bg:#6b35cc7e;--color-border:#3a1f86;--color-shadow:#9146ff55;--color-bg:#000;--color-text-muted:#b3aaff;--color-white:#f0f0ff;--scrollbar-thumb:#9146ffcc;--scrollbar-thumb-hover:#b783ffcc;--input-shadow:0 0 8px #9146ffd7;background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-main);opacity:.9}.sidebar.twitch-theme .sidebar-header{background-color:var(--color-bg);border-bottom-color:var(--color-border)}.sidebar.twitch-theme .sidebar-video{border-bottom-color:#3a1f8655}.sidebar.twitch-theme .sidebar-video:hover{background-color:var(--color-main-hover-bg)}.sidebar.twitch-theme .selected-video{background-color:#6f32d9;box-shadow:inset 0 0 8px var(--color-shadow)}.sidebar.twitch-theme .sidebar-thumbnail{box-shadow:0 0 8px var(--color-shadow)}.sidebar.twitch-theme .sidebar-video-title{color:var(--color-white)}.sidebar.twitch-theme .sidebar-video-date{color:var(--color-text-muted)}.sidebar.twitch-theme .sidebar-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.sidebar.twitch-theme .sidebar-body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@media (max-width:768px){.sidebar,.sidebar-hover-area{display:none}}@media (hover:none) and (pointer:coarse){.platform-buttons-sidebar button:hover,.sidebar-video:hover{background-color:initial}.platform-buttons-sidebar button:active,.sidebar-video:active{background-color:var(--color-main-hover-bg)}.platform-buttons-sidebar button:active{transform:scale(.95)}}
/*# sourceMappingURL=main.6ce22c4b.css.map*/