:root{--a: var(--blue);--basehue: 221;--bd-input: var(--lightblue);--bg-button: hsl(var(--basehue) 50% calc(var(--bg-l) / 1.125));--bg-button-hover: hsl(var(--basehue) 75% calc(var(--bg-l) / 1.25));--bg-input: hsl(0 0% 90%);--bg-l: 85%;--bg-menu: hsl(var(--basehue) 10% calc(var(--bg-l) - 5%) / 0.75);--bg-s: 50%;--blue: hsl(233 59% 30%);--blueblock: hsl(213 var(--bg-s) calc(var(--bg-l) * 1.1));--c: var(--blue);--eio: cubic-bezier(.65,.05,.36,1);--heroimg: url(/images/hero-l.webp);--iconfilter: invert(1);--l: 2;--lightblue: hsl(233 20% 60%);--offwhite: hsl(22 41% 95%);--orange: hsl(29 77% 50%);--overlay: hsl(from var(--blueblock) h s l / 0.75);--pink: hsl(319 67% 55%);--sh-o: 0.25}@media(prefers-color-scheme: dark){:root{--a: var(--lightblue);--bg-button: hsl(var(--basehue) 25% calc(var(--bg-l) * 2));--bg-button-hover: hsl(var(--basehue) 50% calc(var(--bg-l) * 2.5));--bg-l: 12%;--bg-menu: hsl(var(--basehue) 10% calc(var(--bg-l) + 5%) / 0.75);--bg-s: 100%;--c: var(--offwhite);--heroimg: url(/images/hero-d.webp);--iconfilter: invert(0);--l: 0.5;--sh-o: 0.75}}*,::after,::before{box-sizing:border-box}html[theme=light]{--a: var(--blue);--bg-button: hsl(var(--basehue) 50% calc(var(--bg-l) / 1.25));--bg-button-hover: hsl(var(--basehue) 75% calc(var(--bg-l) / 1.25));--bg-l: 85%;--bg-menu: hsl(var(--basehue) 10% calc(var(--bg-l) - 5%) / 0.75);--bg-s: 50%;--c: var(--blue);--heroimg: url(/images/hero-l.webp);--iconfilter: invert(1);--l: 2;--sh-o: 0.25}html[theme=dark]{--a: var(--lightblue);--bg-button: hsl(var(--basehue) 25% calc(var(--bg-l) * 2));--bg-button-hover: hsl(var(--basehue) 50% calc(var(--bg-l) * 2.5));--bg-l: 12%;--bg-menu: hsl(var(--basehue) 10% calc(var(--bg-l) + 5%) / 0.75);--bg-s: 100%;--c: var(--offwhite);--heroimg: url(/images/hero-d.webp);--iconfilter: invert(0);--l: 0.5;--sh-o: 0.75}body{background-color:hsl(var(--basehue), var(--bg-s), var(--bg-l));color:var(--c);font-family:montserrat,sans-serif;font-size:clamp(1rem,.95rem + .25vw,1.25rem);line-height:1.6;margin:0;padding:0}[x-cloak]{display:none}a{color:var(--a);cursor:pointer;text-decoration:none}:where(a.btn,button){background:var(--bg-button);border:var(--bd-input);border-radius:.25rem;color:var(--c-input) !important;cursor:pointer;font-size:inherit;font-weight:400;padding-block:min(.5em,10%);padding-inline:2vw;text-transform:uppercase;white-space:nowrap}:where(a.btn,button):hover{background:var(--bg-button-hover);filter:none}:where(h1,h2,h3,h4,h5,h6){font-family:montserrat,sans-serif;font-size:2.5rem;font-weight:900;margin:0 0 .5em;text-transform:uppercase}h1{font-size:clamp(1.5rem,1.2rem + 1.5vw,3rem)}h2{font-size:clamp(1.25rem,1.2rem + .25vw,1.5rem)}h3{font-size:clamp(1.125rem,1.1rem + .125vw,1.25rem)}h4{font-size:clamp(1rem,.975rem + .125vw,1.125rem)}h5{font-size:clamp(.875rem,.85rem + .125vw,1rem)}h6{font-size:clamp(.75rem,.725rem + .125vw,.875rem)}svg{aspect-ratio:1;height:1rem}[themeswitch]{align-items:center;background:hsl(from var(--blueblock) h s calc(l * var(--l)));border-radius:2rem;box-shadow:inset 0 0 .25rem rgba(0,0,0,.25);cursor:pointer;display:grid;gap:.5rem;grid:auto/1fr 1fr;height:2rem;justify-items:center;justify-self:end;padding:.25rem;transition:all .25s var(--eio);width:4rem}[themeswitch] [active]{aspect-ratio:1;background:linear-gradient(45deg, hsl(331, 100%, 50%), hsl(32, 100%, 50%));border-radius:2rem;display:block;grid-column:1/-1;grid-row:1;height:1.5rem;justify-self:start;transition:all .25s var(--eio);z-index:0}[themeswitch] svg{border-radius:2rem;fill:var(--c);grid-column:1;grid-row:1;height:1.5rem;opacity:.6;padding:.125rem;transition:all .25s var(--eio);z-index:1}[themeswitch] svg.active{fill:#fff;opacity:1;scale:1.125}[themeswitch] svg[moon]{grid-column:1}[themeswitch] svg[sun]{grid-column:2}[themeswitch].light [active]{translate:2rem 0}[themeswitch]:hover{scale:1.25}.tooltip{background:rgba(255,213,0,.75);border-radius:.5rem;box-shadow:0 .25rem .5rem rgba(0,0,0,.6);color:#333;font-size:clamp(.6875rem,.625rem + .3125vw,1rem);font-weight:700;padding:.5rem 1rem;position:relative;white-space:nowrap;z-index:999}:where(header,main,footer){margin:0 auto;padding-inline:4vw}:where(header,main,footer)>div{margin:0 auto;max-width:100rem;width:100%}:where(header,footer){background-color:var(--blueblock);box-shadow:0 0 1rem .0125rem hsl(0 0% 0%/var(--sh-o));height:6vh;position:sticky;top:0;transition:all .25s var(--eio);z-index:9}:where(header,footer)>div{align-items:center;display:grid;gap:.5rem;grid:auto/auto 1fr;padding-block:1vh}:where(header,footer)>div a.logo{display:inline-block;height:4vh;transition:all .125s var(--eio)}:where(header,footer)>div a.logo img{filter:drop-shadow(0 0 0.125rem hsla(0, 0%, 0%, 0.25));height:100%}:where(header,footer)>div a.logo:hover{scale:1.05}header nav{justify-self:end}header nav ul{align-items:center;display:flex;gap:2vw;line-height:1;list-style:none;margin:0;padding:0}header nav ul li{display:inline-block}header nav ul li a{color:var(--c);display:block;font-size:clamp(.625rem,.35rem + 1.375vw,2rem);font-weight:700;line-height:1rem;text-decoration:none;text-transform:uppercase;transition:all .125s var(--eio)}header nav ul li a.btn{font-size:clamp(.625rem,.45rem + .875vw,1.5rem);font-weight:400}header nav ul li a:hover{filter:drop-shadow(0 0 0.25rem hsla(0, 0%, 100%, 0.25));scale:1.05}section[hero]{aspect-ratio:16/6;background:no-repeat center center/cover;background-image:var(--heroimg);box-shadow:0 0 1rem rgba(0,0,0,.5);margin:auto;mask-image:linear-gradient(to bottom, black 60%, rgba(0, 0, 0, 0.4) 80%, rgba(0, 0, 0, 0.0666666667) 90%, rgba(0, 0, 0, 0) 100%);max-width:100rem;position:relative}main{background:rgba(0,0,0,0)}footer{height:auto;min-height:10rem;padding-bottom:2rem;position:relative;z-index:0}footer>div{align-items:start;font-size:clamp(.6875rem,.625rem + .3125vw,1rem);gap:1rem .5rem;grid:auto/repeat(4, 1fr)}footer>div [themeswitch]{grid-column:-2}footer>div ul{margin:0;padding:0}footer>div ul li{list-style:none}footer>div [submenu] h3{font-family:anchor-web,sans-serif;font-weight:700;white-space:nowrap}footer>div [submenu] ul li a{display:inline-block;letter-spacing:-0.025em;line-height:1.25;margin-bottom:.25rem;width:100%}footer>div [submenu] ul li a:hover{box-shadow:0 1px 0 0 rgba(247,241,237,.125);filter:brightness(1.25)}footer>div :where([legal],[payments],[social],[copyright]){grid-column:1/-1}footer>div [legal] img{filter:var(--iconfilter);width:100%}footer>div [legal] p{opacity:.75}footer>div :where([payments],[social],[copyright]){border-top:1px solid hsl(0 0% calc(100% - var(--bg-l))/0.125);padding-top:2rem}footer>div [payments]{justify-self:center;width:100%}footer>div [payments] img{display:block;filter:var(--iconfilter);margin:0 auto;max-width:100%;width:auto}footer>div [social]{display:grid;grid:auto/auto auto}footer>div [social] nav ul{display:flex;gap:1rem}footer>div [social] nav ul li{display:inline-block}footer>div [social] nav ul li a{display:block;transition:all .125s var(--eio)}footer>div [social] nav ul li a svg{background:var(--blueblock);border-radius:.25rem;fill:var(--c);filter:brightness(1.125);height:2rem}footer>div [social] nav ul li a:hover{filter:brightness(1.25);scale:1.125}footer>div [copyright]{align-items:start;display:grid;gap:1rem;grid:auto/1fr auto 1fr}footer>div [copyright] p{filter:brightness(0.75) opacity(0.5);font-size:clamp(.75rem,.725rem + .125vw,.875rem);line-height:1.2;margin:0;text-align:justify}[blocks]{display:grid;gap:1rem;margin:0 auto 1rem}[blocks] div{background:var(--blueblock);border-radius:1rem;padding:1rem}[blocks] div p{margin:0}[gameslist]{display:grid;gap:min(2vw,1rem);grid:auto/repeat(auto-fit, minmax(10rem, 1fr));margin:0 auto 1rem}[gameslist] :where(h3,h4,h5){margin:0}[gameslist] h3{font-family:anchor-web,sans-serif;font-size:2rem;grid-column:1/-1;padding-left:2rem}[gameslist]>div{background:var(--blueblock);border-radius:1rem;box-shadow:0 0 1rem rgba(0,0,0,.05);cursor:pointer;display:grid;gap:.5rem;overflow:hidden;padding:min(3vw,1rem);transition:all .25s var(--eio);z-index:3}[gameslist]>div img{border-radius:.25rem;width:100%}[gameslist]>div [name]{font-family:anchor-web,sans-serif;font-size:1.25rem;line-height:1;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;width:100%}[gameslist]>div [provider]{font-size:.75rem;font-weight:400;text-transform:none;opacity:.5}[gameslist]>div:hover{box-shadow:0 0 1rem rgba(0,0,0,.25);scale:1.25}[gameslist]>div.blurred{opacity:.5;z-index:2}[gameslist][new] h3{background-image:url(/images/new.svg);background-position:left center;background-repeat:no-repeat}[spinner]{align-items:center;backdrop-filter:blur(4px);background:hsl(213 var(--bg-s) calc(var(--bg-l) * 1.1)/0.75);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}[spinner] .logo{animation:wiggle 5s ease-in-out infinite;filter:drop-shadow(0 0 1rem rgba(0, 0, 0, 0.6)) drop-shadow(0 0 0.125rem rgba(0, 0, 0, 0.4));left:50%;max-width:40vw;position:absolute;top:50%;translate:-50% -50%;z-index:1}[spinner] .logo img{width:100%}[spinner] .ring{animation:spin 12s linear infinite;height:max(50vh,50vw);left:50%;position:absolute;top:50%;translate:-50% -50%;width:max(50vh,50vw)}[spinner] .item{height:min(30vh,30vw);left:50%;position:absolute;top:50%;transform-origin:center center;translate:-50% -50%;width:min(30vh,30vw)}[spinner] .item:nth-child(1){transform:rotate(0deg) translateX(max(-30vh, -30vw))}[spinner] .item:nth-child(2){transform:rotate(45deg) translateX(max(-30vh, -30vw))}[spinner] .item:nth-child(3){transform:rotate(90deg) translateX(max(-30vh, -30vw))}[spinner] .item:nth-child(4){transform:rotate(135deg) translateX(max(-30vh, -30vw))}[spinner] .item:nth-child(5){transform:rotate(180deg) translateX(max(-30vh, -30vw))}[spinner] .item:nth-child(6){transform:rotate(225deg) translateX(max(-30vh, -30vw))}[spinner] .item:nth-child(7){transform:rotate(270deg) translateX(max(-30vh, -30vw))}[spinner] .item:nth-child(8){transform:rotate(315deg) translateX(max(-30vh, -30vw))}[spinner] .item img{animation:tilebounce 1s ease-in-out infinite;border-radius:max(30vh,30vw);box-shadow:0 0 1rem .25rem rgba(0,0,0,.75);height:100%;object-fit:cover;rotate:-90deg;width:100%}.overlay{backdrop-filter:blur(0.25rem);background:var(--overlay);height:100vh;inset:0;position:fixed;width:100vw;z-index:999}.overlay>:where(div,form){background:var(--blueblock);border-radius:.5rem;box-shadow:0 0 2rem rgba(0,0,0,.5),0 0 0 .125rem rgba(128,128,128,.25);left:50%;min-width:50%;padding:1rem;position:fixed;text-align:center;top:50%;translate:-50% -50%;width:90%}form{display:grid;gap:.5rem;grid-template-columns:repeat(3, 1fr);left:50%;top:50%;translate:-50% -50%}form p{grid-column:1/-1}form input{background:var(--bg-input);border:var(--bd-input);border-radius:.25rem;box-shadow:inset 0 0 .25rem rgba(0,0,0,.25);font-size:inherit;grid-column:1/3;padding:.5rem}form button{grid-column:3}form a{grid-column:-2/-1;text-align:center;text-transform:uppercase}@keyframes tilebounce{0%,100%{translate:0 0}50%{translate:-1vw 0}}@keyframes wiggle{0%,100%{rotate:-2deg}50%{rotate:2deg}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}