:root{--primary-bg: rgb(15, 15, 15);--secondary-bg: rgb(30, 30, 30);--primary-shadow: rgb(120, 120, 120);--primary-shadow-transparent: rgb(50, 50, 50, .6);--primary-modal-bg: rgb(20, 20, 20, .7);--primary-text: white;--secondary-text: rgb(200, 200, 200);--primary-border: rgb(40, 40, 40);--primary-color: rgb(225, 139, 9);--secondary-color: rgb(240, 225, 19);--invert: invert(0)}.light{--primary-color: rgb(225, 139, 9);--secondary-color: rgb(135, 224, 19);--primary-modal-bg: rgb(190, 190, 190, .7)}.blue{--primary-color: rgb(56, 109, 255);--secondary-color: turquoise;--primary-bg: rgb(15, 15, 25)}.red{--primary-color: rgb(255, 55, 55);--secondary-color: orange;--primary-bg: rgb(25, 15, 15)}.green{--primary-color: rgb(22, 158, 22);--secondary-color: rgb(135, 224, 19);--primary-bg: rgb(15, 25, 15)}.light{--primary-bg: rgb(240, 240, 240);--secondary-bg: rgb(215, 215, 215);--primary-shadow: rgb(135, 135, 135);--primary-shadow-transparent: rgb(135, 135, 135, .6);--primary-text: black;--secondary-text: rgb(55, 55, 55);--primary-border: rgb(200, 200, 200);--invert: invert(1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;transition:background-color .3s ease}body{background-color:var(--primary-bg)}.nav{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--primary-border);padding-inline:100px;height:70px;z-index:1000;position:sticky;top:0;background-color:var(--primary-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.nav-logo,.footer-logo{display:flex;align-items:center;gap:10px;color:var(--primary-text);font-size:20px;text-decoration:none;transition:text-shadow .3s ease;font-family:Cal Sans,sans-serif;padding-right:20px;padding-block:10px}.footer-logo{padding-top:0}.nav-logo img,.footer-logo img{width:40px;height:40px}.nav-logo:hover{text-shadow:0px 0px 10px var(--primary-shadow)}.nav-search-container{flex:1;position:relative}.nav-search-bar{display:flex;background-color:var(--secondary-bg);border-radius:5px;padding:8px 20px;align-items:center;width:100%}.nav-search{background-color:var(--secondary-bg);border:none;min-width:50px;outline:none;color:var(--primary-text);font-size:18px;width:100%;margin-right:10px}.nav-search-img{width:15px;cursor:pointer;position:absolute;right:20px;filter:var(--invert)}.nav-search-results{position:absolute;top:33px;background-color:var(--secondary-bg);width:100%;border-radius:0 0 5px 5px;padding:10px 20px;display:flex;justify-content:start;gap:20px}.nav-link{color:var(--secondary-text);text-decoration:none;font-size:17px;transition:color .3s ease;padding:10px}.nav-link:hover{color:var(--primary-color)}.nav-img{width:25px;height:25px;cursor:pointer;margin-inline:10px;filter:var(--invert)}.wrap{scrollbar-gutter:stable}.content{padding-inline:100px}.hero{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;padding-block:50px}.hero-title{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:40px;text-align:center}.hero-description{color:var(--secondary-text);font-size:20px;text-align:center;line-height:30px;width:65%}.hero-search{border:2px solid var(--primary-border);border-radius:5px;width:50%;display:flex;align-items:center}.hero-search-bar{background-color:transparent;outline:none;border:none;color:var(--primary-text);font-size:18px;padding-inline:20px;width:100%;padding-block:15px;flex:1}.hero-search-img{width:40px;height:40px;padding:8px;cursor:pointer;border-radius:5px;margin-right:10px;transition:background-color .3s ease}.hero-search img{filter:var(--invert);height:24px;width:24px}.hero-search-img:hover{background-color:var(--secondary-bg)}.hero-filters{width:50%;display:flex;gap:30px}.filter{height:46px;font-size:18px;color:var(--primary-text);font-weight:700;cursor:pointer;width:45%;flex-direction:column;position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--secondary-bg);border:none;border-radius:5px}.direction{width:10%;transition:transform .3s ease}.direction img{width:25px;filter:var(--invert)}.direction-flip{transform:rotateX(180deg)}.label{width:100%;height:100%;display:flex;border-radius:5px;align-items:center;justify-content:center;background-color:var(--secondary-bg)}.filter-list{background-color:var(--secondary-bg);width:100%;position:absolute;top:60px;z-index:1000;border-radius:5px;list-style-type:none;text-align:center;padding:5px;transition:opacity .15s ease}.filter-item{padding-block:10px;margin-bottom:5px;border-radius:3px;transition:background-color .2s ease}.filter-item:last-of-type{margin-bottom:0}.filter-item:hover{background-color:var(--primary-bg)}.favorites-container{border:2px solid var(--primary-border);position:relative;display:flex;flex-direction:column;align-items:center;padding:10px 30px;gap:20px;border-radius:5px;margin-bottom:50px}.favorites-container h2{color:var(--primary-text)}.favorites-delete{width:40px;height:40px;position:absolute;top:5px;right:10px;padding:10px;cursor:pointer;border-radius:5px;display:flex;place-items:center}.favorites-delete img{filter:var(--invert)}.favorites-delete:hover{background-color:var(--secondary-bg)}.favorites-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 13px;padding-bottom:10px}.ad-container{height:300px;display:flex;align-items:center;justify-content:center;padding-block:20px;position:relative;border:1px solid gray;margin-bottom:30px;border-radius:5px}.ad-container:after{content:"ADVERTISEMENT";color:gray;position:absolute;top:140px;font-size:13px;text-align:center}.ad-container ins{height:100%;width:100%;z-index:100;display:flex;justify-content:center;align-items:center}.games-container{display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:50px;gap:10px 13px;color:var(--secondary-text)}.trending-games{display:flex;flex-direction:column;gap:40px}.trending-game{display:flex;align-items:center;gap:50px}.trending-plays{text-align:center;font-size:18px;line-height:50px}.trending-plays h3{font-size:30px}.games-link{color:var(--secondary-text)}.games-centered{justify-content:center}.game-card{display:flex;justify-content:center;cursor:pointer;align-items:end;font-size:14px;width:110px;background-position:center center;background-color:gray;color:#fff;padding-inline:10px;font-weight:700;border:1px solid var(--primary-border);text-decoration:none;text-align:center;border-radius:5px;height:110px;padding-bottom:10px;background-repeat:no-repeat;background-size:100%;transform:scale(1);overflow:hidden;position:relative;transition:all .4s!important}.game-card:hover{background-size:110%;transform:scale(1.07) translateY(-3px)}.footer{border-top:2px solid var(--primary-border);padding:50px 100px;display:flex;justify-content:space-between;align-items:start;gap:20px}.footer-column{display:flex;flex-direction:column;gap:10px;flex:1}.footer-copy,.footer-copy a{color:var(--secondary-text);font-size:14px}.footer-title{color:var(--secondary-text);font-size:16px;margin-bottom:10px}.footer-link{color:var(--secondary-text);text-decoration:none;font-size:14px}.footer-link:hover{text-decoration:underline}.footer-social{display:flex;gap:20px}.footer-icon img{width:25px;height:25px;cursor:pointer;filter:var(--invert)}.popup{position:fixed;top:0;left:0;z-index:20000;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--primary-shadow-transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.popup-block{background-color:var(--primary-bg);display:flex;flex-direction:column;border-radius:5px;align-items:center;padding:30px;gap:30px;width:450px}.popup-title{color:var(--primary-text);text-align:center;font-size:25px}.popup-description{color:var(--secondary-text);text-align:center;line-height:25px;font-size:18px}.popup-close{background-color:var(--secondary-bg);color:var(--primary-text);font-size:20px;font-weight:700;border-radius:5px;padding:10px 30px;border:none;cursor:pointer}.popup-close:hover{background-color:var(--primary-border)}.action-btn{background-color:var(--primary-color);color:#fff;text-decoration:none;font-size:18px;padding:10px 30px;border-radius:5px;cursor:pointer;border:none;transition:box-shadow .3s ease}.action-btn:hover{box-shadow:0 0 10px var(--primary-color)}.modal-bg{width:100%;height:100vh;position:fixed;left:0;top:0;z-index:1000;background:var(--primary-modal-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.modal{background-color:var(--primary-bg);border:2px solid var(--primary-border);border-radius:5px;display:flex;flex-direction:column;align-items:center;gap:20px;padding:30px;width:390px}.modal-img{width:90%;border-radius:5px}.modal-name{color:var(--primary-text);font-size:25px}.modal-description{color:var(--secondary-text);text-align:center;line-height:25px;font-size:18px}@media (max-width: 750px){.nav{padding-inline:20px;gap:0px}.nav-link{padding:10px}.content{padding-inline:20px}.hero-title{font-size:30px}.footer{padding-inline:10px}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:var(--secondary-text);border-radius:10px;border:2px solid var(--primary-bg)}.game-page{display:flex;justify-content:center;padding-block:20px;padding-inline:100px;gap:30px}.game-content{flex:2;display:flex;flex-direction:column}.game-frame{width:100%;display:flex;flex-direction:column;justify-content:center;margin-bottom:30px}.game-frame iframe{background-color:var(--primary-bg);width:100%;border-radius:5px 5px 0 0;height:35vw;margin:0;padding:0;border:none}.game-frame:fullscreen iframe{width:100vw;height:calc(100vh - 45px)}.toolbar{background-color:var(--secondary-bg);height:45px;border-radius:0 0 5px 5px;font-size:18px;font-weight:700;display:flex;justify-content:space-between;align-items:center;padding-inline:30px}.toolbar-icons{display:flex;gap:30px}.toolbar-icon{width:20px;transition:transform .25s ease;cursor:pointer;filter:var(--invert)}.toolbar-icon:hover{transform:scale(1.2)}.game-name img{background-color:#fff}.game-name{color:var(--primary-text);display:flex;align-items:center;gap:10px}.game-name img{width:33px;border-radius:5px}.game-name h2{font-size:18px}.game-info{display:flex;flex-direction:column;gap:20px}.game-info-section{background-color:var(--secondary-bg);border-radius:5px;padding:15px 30px;color:var(--secondary-text);font-size:18px;line-height:28px;display:flex;flex-direction:column;gap:10px}.game-info-section h3{color:var(--primary-text)}.game-info-section ul{list-style-position:inside;list-style-type:square}.game-info-section ul li a{color:var(--primary-text)}.right{flex:1}@media (max-width: 800px){.game-page{flex-direction:column;padding-inline:20px}.game-frame iframe{height:45vw}}.settings{display:flex;flex-direction:column;align-items:center;gap:50px;padding-block:20px 50px}.setting{display:flex;flex-direction:column;align-items:center;gap:30px;width:100%}.setting-name{color:var(--primary-text);font-size:25px}.setting-description{font-size:18px;color:var(--secondary-text)}.setting-description span{color:var(--primary-color);cursor:pointer}.setting-description span:hover{text-decoration:underline}.setting-search-img{border:none;background-color:transparent;width:40px;height:40px;padding:8px;cursor:pointer;border-radius:5px;margin-right:10px;transition:background-color .3s ease;color:var(--primary-text);font-size:18px}.setting-search-img:hover{background-color:var(--secondary-bg)}.setting-dropdown{background-color:var(--primary-bg);border:2px solid var(--primary-border);border-radius:5px;color:var(--primary-text);font-size:18px;cursor:pointer;outline:none;padding-block:15px;padding-inline:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100px;text-align:center}.setting-dropdown:hover{background-color:var(--secondary-bg)}