:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}html,body{margin:0;padding:0;overflow:hidden;background-image:url(/assets/image/bgbody.png);background-size:cover;font-family:MyFirstFont,Sylfaen,"Noto Serif Georgian",serif}#root{background-image:url(/assets/image/bgbest.png);background-size:cover;-webkit-box-shadow:6px 5px 8px 1px rgba(0,0,0,.87);box-shadow:6px 5px 8px 1px #000000de;display:flex;justify-content:center}@font-face{font-family:MyFirstFont;src:url(/assets/fonts/CHILLER.TTF) format("truetype");font-weight:400;font-style:normal;font-display:swap}.blar-description{position:absolute;width:100%;height:100%;background-color:#6b481c6e;display:flex;align-items:center;justify-content:center;z-index:5;animation:overlayFade .18s ease-out}.description{position:absolute;width:920px;height:618px;background-image:url(/assets/image/infopapper.png);background-size:cover;animation:modalLift .24s ease-out}.close{position:absolute;right:60px;top:60px;width:40px;height:40px;background-image:url(/assets/sprite/close.png);background-size:cover;cursor:pointer;border-radius:25px;-webkit-box-shadow:8px 2px 13px 7px rgba(0,0,0,.71);box-shadow:8px 2px 13px 7px #000000b5;transform:scale(1) rotate(0);transition:transform .14s ease,filter .18s ease}.close:hover{transform:scale(1.08) rotate(6deg);filter:brightness(1.08)}.close:active{transform:scale(.92) rotate(-6deg)}.description img{width:229px;height:214px;object-fit:cover;top:90px;left:130px;position:relative;border-radius:5px}.desc-gamename{top:-125px;left:439px;font-size:50px;color:#00f;position:relative}.desc-text{position:absolute;height:190px;width:700px;top:372px;left:120px;font-size:27px}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@keyframes modalLift{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.filters{position:absolute;width:1314px;height:50px;margin-top:26px;display:flex;flex-direction:row}.filter-btn{width:169px;height:49px;background-image:url(/assets/sprite/button.png);background-size:cover;border-radius:10px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:26px;letter-spacing:.1em;font-weight:700;-webkit-box-shadow:4px 2px 14px 4px rgba(0,0,0,.71);box-shadow:4px 2px 14px 4px #000000b5;color:#9b5c24;transform:translateY(0) scale(1);transition:transform .14s ease,box-shadow .18s ease,filter .18s ease,color .18s ease}.filter-btn.active{background-image:url(/assets/sprite/buttonactive.png);background-size:cover;color:#000;animation:filterPulse .22s ease}.filter-btn:hover{background-image:url(/assets/sprite/buttonactive.png);background-size:cover;color:#000;transform:translateY(-2px);filter:brightness(1.04)}.filter-btn:active{animation:pressTap .18s ease;transform:translateY(2px) scale(.96)}.filter-btn:nth-of-type(1){margin-left:4px}.filter-btn:nth-of-type(2){width:171px;margin-left:11px}.filter-btn:nth-of-type(3){width:175px;margin-left:11px}.filter-btn:nth-of-type(4){margin-left:11px;width:178px}.filter-btn:nth-of-type(5){margin-left:13px;width:177px}.filter-btn:nth-of-type(6){margin-left:14px;width:377px;display:flex;align-items:stretch;background-image:url(/assets/sprite/search.png);background-size:cover;cursor:text}.search{all:unset;top:11px;position:relative;left:-3px;width:282px;height:24px;margin:0 5px;text-align:center;transition:transform .18s ease,letter-spacing .18s ease,opacity .18s ease}.searchButton{width:64px;height:41px;margin:5px 0;cursor:pointer;position:relative;transition:transform .18s ease,opacity .18s ease,filter .18s ease}.search-shell{overflow:hidden;background-image:url(/assets/sprite/search.png)}.search-shell:hover,.search-shell.has-value,.search-shell:focus-within{background-image:url(/assets/sprite/search.png)}.search-shell:focus-within{transform:translateY(-2px) scale(1.01);box-shadow:0 0 20px #ffdc8a73}.search-shell:focus-within .search{transform:translate(4px);letter-spacing:.04em}.search-shell:focus-within .searchButton{transform:scale(1.06)}.search-shell:focus-within .searchButton,.search-shell.has-value .searchButton{animation:searchPulse 1.6s ease-in-out infinite}.search-shell.has-value{box-shadow:0 0 22px #ffd67d59}.search-shell.has-value .search{letter-spacing:.03em}@keyframes pressTap{0%{transform:translateY(0) scale(1)}55%{transform:translateY(2px) scale(.95)}to{transform:translateY(0) scale(.985)}}@keyframes filterPulse{0%{transform:scale(.98)}60%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes searchPulse{0%{filter:brightness(1);transform:scale(1.02)}50%{filter:brightness(1.18);transform:scale(1.08)}to{filter:brightness(1);transform:scale(1.02)}}.gameboxes{position:absolute;width:1305px;height:672px;margin-top:83px}.gameboxes-grid{display:flex;flex-wrap:wrap;animation:gridRefresh .28s ease-out}.box{--enter-delay: 0ms;width:255px;height:338px;margin:3px;background-image:url(/assets/sprite/box.png);background-size:cover;-webkit-box-shadow:4px 2px 14px 4px rgba(0,0,0,.71);box-shadow:4px 2px 14px 4px #000000b5;border-radius:10px;background-repeat:no-repeat;z-index:2;transform:translateY(16px) scale(.98);opacity:0;animation:boxReveal .36s ease-out forwards;animation-delay:var(--enter-delay);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.box:hover{transform:translateY(-4px) scale(1.01);box-shadow:6px 7px 20px 2px #0000009e;filter:brightness(1.03)}.box img{border-bottom-left-radius:9px;border-bottom-right-radius:9px;width:96%;height:63%;object-fit:cover;top:5px;left:6px;position:relative;transition:transform .22s ease,filter .22s ease}.box:hover img{transform:scale(1.02);filter:saturate(1.08)}.gamename{margin:5px 10px;font-size:28px;font-weight:700;color:#00f}.text{margin:5px 36px;font-size:20px;font-weight:700}.buttons{margin:15px 5px;width:245px;height:38px;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center}.btn{width:110px;height:29px;margin:4px 7px;display:flex;justify-content:center;align-items:center;font-size:22px;cursor:pointer;-webkit-box-shadow:4px 2px 14px 4px rgba(0,0,0,.71);box-shadow:2px -2px 5px #000000b5;border-radius:7px;transform:translateY(0) scale(1);transition:transform .13s ease,box-shadow .18s ease,filter .18s ease}.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.btn:active{animation:buttonPress .18s ease;transform:translateY(2px) scale(.96)}.btn-desc{background-image:url(/assets/sprite/describe.png);background-size:cover;color:#6b481c}.btn-play{background-image:url(/assets/sprite/play.png);background-size:cover;color:#fff}.favorit{width:31px;height:30px;position:absolute;margin:13px 215px;background-image:url(/assets/sprite/star.png);background-size:cover;cursor:pointer;z-index:4;transform:scale(1) rotate(0);transition:transform .16s ease,filter .16s ease}.favorit:hover{transform:scale(1.12) rotate(-8deg);filter:drop-shadow(0 0 6px rgba(255,239,167,.8))}.favorit:active{transform:scale(.88) rotate(8deg)}.active-f{background-image:url(/assets/sprite/staractive.png);background-size:cover;animation:favoriteSpark .24s ease}.lang{text-shadow:-.5px -.5px 0 black,.5px -.5px 0 black,-.5px .5px 0 black,.5px .5px 0 black}.lang.css{color:green}.lang.html{color:#fff}.lang.js{color:#daa520}.lang.node.js{color:coral}.lang.php{color:#00f}.lang.mysql{color:#ff0}.lang.pixijs{color:#0ff}.lang.scocket-io{color:#51f51a}.gameboxes-empty{width:100%;margin-top:120px;text-align:center;font-size:28px;color:#fff3d3;text-shadow:0 3px 10px rgba(0,0,0,.65);animation:emptyPulse .26s ease}@keyframes gridRefresh{0%{opacity:.65}to{opacity:1}}@keyframes boxReveal{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes buttonPress{0%{transform:translateY(0) scale(1)}55%{transform:translateY(2px) scale(.95)}to{transform:translateY(0) scale(.985)}}@keyframes favoriteSpark{0%{transform:scale(.8) rotate(-12deg);filter:drop-shadow(0 0 0 rgba(255,232,122,0))}60%{transform:scale(1.18) rotate(8deg);filter:drop-shadow(0 0 10px rgba(255,232,122,.9))}to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 0 rgba(255,232,122,0))}}@keyframes emptyPulse{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.game-div{position:relative;width:799px;height:520px;top:50px;left:63px}.if-game{width:1192px;height:800px}.pageing{position:absolute;margin-top:782px;height:50px;width:800px;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center}.pg{position:relative;height:45px;width:70px;margin-left:2px;border-radius:4px;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:26px;-webkit-box-shadow:4px 3px 5px 0px rgba(0,0,0,.71);box-shadow:4px 3px 5px #000000b5;transform:translateY(0) scale(1);transition:transform .13s ease,box-shadow .18s ease,filter .18s ease,opacity .18s ease}.pg:hover:not(.no-active){transform:translateY(-2px);filter:brightness(1.05)}.pg:active:not(.no-active){transform:translateY(2px) scale(.96)}.row-left{background-image:url(/assets/sprite/pageingrowl.png);background-size:cover}.row-right{background-image:url(/assets/sprite/pageingrow.png);background-size:cover}.number{background-image:url(/assets/sprite/pageing.png);background-size:cover}.numberactive{background-image:url(/assets/sprite/pageingactive.png);background-size:cover;animation:pagePulse .22s ease}.no-active{opacity:.5;cursor:not-allowed}@keyframes pagePulse{0%{transform:scale(.96)}60%{transform:scale(1.05)}to{transform:scale(1)}}