icon{width:1em;height:1em;display:inline-block;vertical-align:text-top}icon svg{fill:currentColor;width:100%;height:100%}*,*::after,*::before{box-sizing:border-box}a{font-weight:500;color:var(--link-color);text-decoration:inherit}a:hover{text-decoration:underline}html,body{margin:0;padding:0}:root{color-scheme:light dark;--background-color: var(--lm, #f5fcff) var(--dm, #001936);--text-color: var(--lm, #001936de) var(--dm, #ffffffde);--gray-color: var(--lm, #0019365c) var(--dm, #ffffff5c);--link-color: var(--lm, #0548a3) var(--dm, #20bcff);--glow-color: var(--lm, #fff) var(--dm, #004684);--section-color: var(--lm, #d8eaf2) var(--dm, #012755)}html{color-scheme:dark;--lm: ;--dm: initial;font-family:Trebuchet MS,sans-serif;font-size:16px;background-color:var(--background-color);color:var(--text-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html.light{color-scheme:light;--lm: initial;--dm: }[hidden]{display:none !important}html{line-height:1.5;font-weight:400}body{background-image:radial-gradient(circle at max(50vw - 740px, 70px) -70px, var(--glow-color) 0%, var(--background-color) 150px)}body>header{display:grid;justify-items:center}body>header logo{display:flex;gap:1em;align-items:flex-start}body>header logo .brand{text-align:center;align-self:center;margin-right:auto;color:var(--text-color)}body>header logo .brand:hover{text-decoration:none}body>header logo .brand span{display:block}body>header logo .brand span#title{font-size:26px;font-weight:bold}body>header logo .brand span#tagline{font-size:12px}body>header nav{display:flex;gap:1em;justify-content:center}@media(min-width: 560px){body>header{grid-template-columns:1fr 1fr;align-items:start}body>header logo{justify-self:start}body>header nav{justify-self:flex-end}}main,body>header{padding:1em;width:100%;max-width:1600px;margin:auto}h1{font-size:2em;line-height:1.1}h1,h2{text-shadow:var(--lm, none) var(--dm, 1px 1px 1px rgba(0, 0, 0, 0.5019607843));margin-top:.5em;margin-bottom:.5em;padding:0}button,.button{border-radius:8px;border:1px solid rgba(0,0,0,0);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--link-color);color:var(--background-color);cursor:pointer;transition:border-color .25s}button:hover,.button:hover{text-decoration:none}button:active:hover,.button:active:hover{background-color:var(--hover);border-color:var(--link-color);color:var(--text-color);text-decoration:none}button:focus,button:focus-visible,.button:focus,.button:focus-visible{outline:4px auto -webkit-focus-ring-color}footer{text-align:center;padding:2em 0 100px}#flash-group{position:fixed;top:10px;right:10px}#flash-group section{color:rgba(255,255,255,.95);padding:1em;border-radius:1em;width:300px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(10px)}#flash-group header *{vertical-align:middle}#flash-group header span{font-size:24px}#flash-group .info{background-color:rgba(65,166,102,.8)}#flash-group .info header span{color:green;margin-right:5px}#flash-group .error{background-color:rgba(240,65,35,.8)}#flash-group .error header span{color:#960000}#flash-group header,#flash-group p,#flash-group button{padding:0;margin:0}#flash-group header{font-weight:bold;position:relative}#flash-group button{background-color:rgba(0,0,0,0);position:absolute;top:0;right:0;color:rgba(255,255,255,.6)}#flash-group button:hover{color:rgba(255,255,255,.95);border-color:rgba(0,0,0,0)}current-game{display:grid;grid-template-areas:"header" "image" "descripion" "guages" "button";gap:2em;margin:auto;width:100%;background-color:var(--section-color);border-radius:1em;padding:1em 1em 1.5em}@media(min-width: 560px){current-game{padding:3em 4em 4em}}@media(min-width: 1200px){current-game{max-width:1600px;grid-template-areas:"header header" "image descripion" "guages button";grid-template-columns:1fr 1fr;grid-template-rows:max-content min-content;column-gap:8em;row-gap:2em;align-items:start;border-radius:2em}}current-game h2{grid-area:header;font-size:2em;margin:0}current-game a.image{grid-area:image;display:block;position:relative;margin:auto}current-game a.image img{max-width:100%;max-height:600px;border-radius:10px;box-shadow:var(--glow-color) 0 0 40px}current-game a.image size{width:20%}current-game a.image span{position:absolute;top:50%;left:50%;width:60px;height:60px;background-color:#fff;transform:translate(-50%, -50%);border-radius:50%;transition:background-color .3s ease;opacity:.8}current-game a.image span::before{position:absolute;content:"";width:0;height:0;border-style:solid;border-width:10px 0 10px 20px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) red;left:23px;top:20px;transition:border-color .3s ease}current-game a.image:hover span{background-color:red}current-game a.image:hover span::before{border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff}current-game div.description{grid-area:descripion}current-game div.description p{margin:.5em 0;text-indent:1em}current-game div.description p:first-child{text-indent:0}current-game div.description a{font-size:1.3em}current-game .guages{grid-area:guages;display:grid;grid-template-columns:repeat(5, 1fr);justify-items:center}current-game .guages icon{font-size:4em;display:block;margin:0 auto 10px}current-game .guages value{position:absolute;left:50%;transform:translateX(-50%);font-size:1.2em;top:18px;font-weight:bold}current-game .guages span{color:var(--text-color)}current-game .guages>*{position:relative;text-align:center;font-size:.8em}current-game a.button{grid-area:button;display:block;width:300px;text-align:center;margin:auto}next-game,last-game{display:grid;gap:1em}next-game h2,last-game h2{grid-area:header}next-game .image,last-game .image{grid-area:image;position:relative}next-game .desc,last-game .desc{grid-area:desc}next-game .more,last-game .more{grid-area:more;text-align:right;font-size:.8em}next-game .note,last-game .note{grid-area:note;color:var(--gray-color);font-size:.8em;margin:0}next-game img,last-game img{width:100%;height:100%;object-fit:cover;border-radius:10px;box-shadow:var(--glow-color) 0 0 40px}next-game size,last-game size{width:20%}next-game{grid-template-areas:"header" "image" "desc" "note";grid-template-columns:1fr}@media(min-width: 900px){next-game{grid-template-areas:"header image" "desc desc" "note note";grid-template-columns:1fr minmax(300px, 50%)}}@media(min-width: 1200px){next-game{grid-template-areas:"header image" "desc image" "note note";grid-template-columns:1fr minmax(300px, 50%)}}last-game{grid-template-areas:"header header" "image image" "desc desc" "note more";grid-template-columns:1fr 1fr}@media(min-width: 1200px){last-game{grid-template-areas:"header image" "desc image" "note more";grid-template-columns:1fr minmax(300px, 50%)}}size{position:absolute;right:0;top:0;width:120px;color:#971111;filter:drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.5019607843))}size svg{rotate:50deg}size svg text{text-anchor:middle;font-family:Comic Sans MS;transform:rotate(-45deg);font-size:7px;font-weight:bold;fill:rgba(255,255,255,.8)}main{display:grid;gap:2em;grid-template-columns:1fr;grid-template-areas:"header" "current" "next" "last" "games" "services"}@media(min-width: 560px){main{grid-template-columns:1fr 1fr;grid-template-areas:"header header" "current current" "next last" "games services"}}current-game{grid-area:current}#next{grid-area:next}#last{grid-area:last}.section-border{border:2px solid var(--section-color);border-radius:15px;padding:10px 10px 30px}@media(min-width: 560px){.section-border{padding:30px}}.section-border h2{margin:0}main>header{display:grid;grid-area:header;margin-bottom:3em;grid-template-areas:"header" "description" "button"}@media(min-width: 560px){main>header{grid-template-areas:"header description" "button description";grid-template-columns:1fr 1fr;column-gap:6em;row-gap:2em}}main>header h1{grid-area:header;text-align:center;font-size:48px;max-width:500px;margin:auto}main>header p{grid-area:description;font-size:1.5em}main>header a{grid-area:button;place-self:center}section.links{display:flex;flex-direction:column;gap:10px}section.links>div{display:flex;flex-direction:row;color:var(--text-color);text-decoration:none;gap:.5em}section.links.games{grid-area:games}section.links.services{grid-area:services}
