: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:20px;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;border-radius:5px;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:20px}.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{display:flex;min-height:250px!important;align-items:center;justify-content:center;border:1px solid rgba(128,128,128,.3);padding-block:20px;position:relative;margin-bottom:10px;border-radius:5px}.ad-container:after{content:"ADVERTISEMENT";color:gray;position:absolute;text-align:center;font-size:10px}.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:12px;width:100px;background-position:center center;background-color:gray;color:#fff;padding-inline:20px;font-weight:700;border:1px solid var(--primary-border);text-decoration:none;text-align:center;border-radius:5px;height:100px;max-width:600px;padding-bottom:20px;background-repeat:no-repeat;background-size:100%;transform:scale(1);overflow:hidden;position:relative;transition:all .4s!important}.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-link{font-size:15px;padding:2px}s .content{padding-inline:20px}.hero-title{font-size:30px}.footer{padding-inline:10px}.nav-search{font-size:15px}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:var(--secondary-text);border-radius:10px;border:2px solid var(--primary-bg)}.games-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding-bottom:50px;justify-items:center;width:100%;margin:0 auto}.games-container>div{width:100%;display:flex;justify-content:center}.games-container .game-card{display:flex;align-items:flex-end;justify-content:center;width:100%;height:240px;font-size:1.3rem;font-weight:700;color:#fff;text-align:center;background-position:center center;background-repeat:no-repeat;background-size:cover;border:1px solid var(--primary-border, #444);border-radius:10px;cursor:pointer;text-decoration:none;box-shadow:0 0 12px #000000b3;transition:transform .3s ease,background-size .3s ease;position:relative;overflow:hidden;transition:all .4s!important;background-size:100%;padding-bottom:2px;font-size:1.1rem;font-weight:400}.games-container .game-card:hover{transform:scale(1.01);background-size:115%;box-shadow:0 0 20px var(--primary-color, #e18b09)}@media (max-width: 768px){.games-container .game-card{max-width:768px;height:300px;font-size:1.1rem;padding-bottom:20px}}@media (max-width: 480px){.games-container{grid-template-columns:1fr;padding:10px;gap:15px}.games-container>div{justify-content:stretch}.games-container .game-card{max-width:100%;height:220px;font-size:1.1rem;padding-bottom:20px}}.game-card:before{content:none}.trending-games .trending-game .game-card{display:flex;cursor:pointer;align-items:end;font-size:14px;width:280px;height:240px;background-position:center center;background-color:gray;color:#fff;padding-inline:20px;font-weight:700;border:1px solid var(--primary-border);text-decoration:none;text-align:center;border-radius:5px;justify-content:center;background-repeat:no-repeat;background-size:cover;transform:scale(1);overflow:hidden;position:relative;transition:all .4s!important;padding-bottom:2px;font-size:1.1rem;font-weight:400}.trending-games .trending-game .game-card{background-size:100%;transition:transform .3s ease,background-size .3s ease,box-shadow .3s ease;will-change:transform,background-size}.trending-games .trending-game .game-card:hover{transform:scale(1.01);background-size:115%;box-shadow:0 0 20px var(--primary-color, #e18b09)}.trending-games{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:20px;border-radius:8px}.trending-game{display:flex;justify-content:center;align-items:center;gap:20px}.trending-game>div{display:flex;justify-content:center;align-items:center}.trending-plays{display:flex;align-items:center;gap:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px}.rank{padding:4px 8px;border-radius:4px;font-weight:700;font-size:16px;box-shadow:0 0 6px #f39c1299}.plays-count{font-weight:600}@media (max-width: 768px){.trending-games .trending-game .game-card{width:350px;height:240px;font-size:1.1rem;padding-bottom:20px}}x .game-card{position:relative;overflow:hidden}.game-card span{position:absolute;bottom:0;left:0;right:0;padding:10px;background:#0009;color:#fff;font-weight:700;text-align:center;opacity:0;transform:translateY(100%);transition:all .3s ease}.game-card:hover span{opacity:1;transform:translateY(0)}.game-card{background-size:100%;transition:transform .3s ease,background-size .3s ease,box-shadow .3s ease;will-change:transform,background-size}.game-card:hover{transform:scale(1.01);background-size:115%;box-shadow:0 0 20px var(--primary-color, #e18b09)}:root{--nav-bg: #121212;--nav-text: #ffffff;--search-bg: #1e1e1e;--nav-hover: rgba(255,255,255,.08);--menu-bg: #1a1a1a;--menu-border: rgba(255,255,255,.12)}body.light{--nav-bg: #ffffff;--nav-text: #111111;--search-bg: #f2f2f2;--nav-hover: rgba(0,0,0,.06);--menu-bg: #ffffff;--menu-border: rgba(0,0,0,.12)}.nav{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--nav-bg);color:var(--nav-text);position:relative}.nav-logo{display:flex;align-items:center;gap:6px;text-decoration:none;color:inherit}.nav-logo img{width:40px;height:40px}.nav-logo-text{font-weight:700;font-size:1.1rem}.nav-search-container{flex:1;min-width:0;position:relative}.nav-search-bar{display:flex;align-items:center;position:relative}.nav-search{width:100%;padding:10px 36px 10px 12px;border-radius:10px;border:none;outline:none;background:var(--search-bg);color:var(--nav-text)}.nav-search::placeholder{color:#9aa0a6}.nav-search-img{position:absolute;right:10px;width:18px;height:18px;cursor:pointer}.nav-search-results{position:absolute;left:0;right:0;top:calc(100% + 8px);background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:10px;padding:8px;z-index:20}.nav-right,.nav-links{display:flex;align-items:center;gap:12px}.nav-link{color:inherit;text-decoration:none;padding:6px 10px;border-radius:8px}.nav-link:hover{background:var(--nav-hover)}.nav-img{width:28px;height:28px;cursor:pointer}.nav-menu-btn{display:none;background:none;border:none;font-size:22px;line-height:1;padding:6px;border-radius:8px;cursor:pointer;color:inherit}.nav-menu-btn:hover{background:var(--nav-hover)}.nav-menu{position:absolute;right:12px;top:calc(100% + 8px);display:flex;flex-direction:column;gap:10px;background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:12px;padding:10px;z-index:30;min-width:180px;box-shadow:0 12px 26px #00000040}@media (max-width: 768px){.nav-right{display:none}.nav-menu-btn{display:inline-flex}}.nav-search-results{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px;max-height:400px;overflow-y:auto;position:absolute;top:100%;left:0;right:0;padding:8px;background:#222;border-radius:8px;z-index:1000}.nav-search-results .game-card{display:block;width:160px;height:120px;background-size:cover;background-position:center;border-radius:6px;position:relative;overflow:hidden;flex-shrink:0}.nav-search-results .game-card span{position:absolute;bottom:4px;left:6px;color:#fff;font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,.6)}.game-page{display:flex;justify-content:center;padding-block:20px;padding-inline:20px;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}.more-games-list .game-card{display:flex;align-items:flex-end;justify-content:center;width:100%;height:240px;padding-bottom:2px;font-size:1.1rem;font-weight:400;max-width:600px;color:#fff;text-align:center;background-position:center center;background-repeat:no-repeat;border:1px solid var(--primary-border, #444);border-radius:10px;cursor:pointer;text-decoration:none;box-shadow:0 0 12px #000000b3;position:relative;overflow:hidden;background-size:cover}.game-info-section{background-color:var(--secondary-bg);border-radius:5px;padding:15px;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:55vw}}.pagination{display:flex;gap:8px;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;margin-bottom:50px}.pagination button,.pagination .dots{padding:6px 12px;background-color:#222;border:none;border-radius:5px;color:#ddd;cursor:pointer;font-weight:600;min-width:36px;text-align:center;-webkit-user-select:none;user-select:none;transition:background-color .3s ease}.pagination button:hover:not(:disabled){background-color:#444}.pagination button:disabled{opacity:.4;cursor:default}.pagination button.active{background-color:#37f;color:#fff;box-shadow:0 0 5px #37f;cursor:default}.pagination .dots{cursor:default;-webkit-user-select:none;user-select:none}.dots{margin:0 5px;-webkit-user-select:none;user-select:none;color:#333;font-weight:700;pointer-events:none}.filter{font-size:14px}.qr-box{position:absolute;bottom:0;right:60px;transform:translateY(100%);transition:transform .3s ease-in-out;z-index:100}.qr-box.show{transform:translateY(-10px)}.qr-inner{background:#fff;padding:10px;border-radius:10px;box-shadow:0 4px 12px #0003;position:relative}.close-qr{position:absolute;top:-8px;right:-8px;background:red;color:#fff;border:none;border-radius:50%;cursor:pointer;width:20px;height:20px;font-size:12px}.qr-icon{filter:brightness(0) invert(1)}.qr-flyout.enter{animation:qrSlideUp .22s ease-out forwards;transform-origin:bottom right}.qr-flyout.leave{animation:qrSlideDown .2s ease-in forwards;transform-origin:bottom right}@keyframes qrSlideUp{0%{transform:translateY(10px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes qrSlideDown{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(10px) scale(.98);opacity:0}}@media (max-width: 480px){.game-page{flex-direction:column;gap:20px;padding-inline:10px}.game-frame iframe{height:65vw;border-radius:0}.toolbar{font-size:14px;padding-inline:10px}.toolbar-icons{gap:15px}.game-name h2{font-size:16px}.more-games-list{grid-template-columns:1fr;gap:15px}.more-games-list .game-card{height:180px;font-size:1rem}.game-info-section{font-size:14px;line-height:22px;padding:10px}}@media (max-width: 576px){.game-frame iframe{height:60vw}.toolbar{font-size:15px}.pagination{gap:5px}.pagination button{padding:5px 10px;font-size:14px}}@media (max-width: 768px){.game-page{flex-direction:column;padding-inline:15px}.game-frame iframe{height:55vw}.toolbar{font-size:16px;padding-inline:20px}.more-games-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width: 992px){.game-page{flex-direction:column;gap:20px}.game-frame iframe{height:50vw}.right{order:2}}@media (max-width: 1200px){.game-frame iframe{height:45vw}}@media (min-width: 1440px){.game-page{padding-inline:60px;gap:40px}.game-frame iframe{height:32vw}.toolbar{font-size:20px;padding-inline:40px}.more-games-list{gap:25px}.more-games-list .game-card{height:280px;font-size:1.2rem}.game-info-section{font-size:20px;line-height:30px;padding:20px}}.more-games-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:2px}.more-games-list .game-card{display:flex;align-items:flex-end;justify-content:center;width:100%;max-height:240px;padding-bottom:2px;font-size:1.1rem;font-weight:400;max-width:600px;color:#fff;text-align:center;background-position:center center;background-repeat:no-repeat;background-size:cover;border:1px solid var(--primary-border, #444);border-radius:10px;cursor:pointer;text-decoration:none;box-shadow:0 0 12px #000000b3;position:relative;overflow:hidden;transition:transform .3s ease,background-size .3s ease,box-shadow .3s ease!important}.more-games-list .game-card{background-size:100%;transition:transform .3s ease,background-size .3s ease,box-shadow .3s ease;will-change:transform,background-size}.more-games-list .game-card:hover{transform:scale(1.01);background-size:115%;box-shadow:0 0 20px var(--primary-color, #e18b09)}.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)}