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)}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>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 h1 span{display:block;font-size:24px}main>header p{grid-area:description;font-size:1.5em}main>header a{grid-area:button;place-self:center}games{display:block;user-select:none;-webkit-user-select:none;margin-bottom:2em}games game{display:block;width:100%;margin-bottom:2em}games game img{width:100%;display:block;object-fit:cover;pointer-events:none}games game size{width:90px;max-width:20vw;right:.5em}games game a.image{position:relative;border-radius:10px;overflow:hidden;display:block}games game div{font-size:.8em}@media(min-width: 560px){games{display:grid;gap:2em;grid-template-columns:repeat(auto-fill, minmax(360px, 1fr));justify-items:center;justify-content:space-around}games game{width:100%;margin-bottom:0}games game img{height:260px}}