html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #444;margin:1em 0;padding:0}input,select{vertical-align:middle}a,:focus,:active,:hover{outline:0}h1,h2,h3,h4,h5,h6{font-weight:400}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#322b64;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#7060dc;text-decoration:inherit}a:hover{color:#7060dc}body{margin:0;display:flex;flex-direction:column;min-width:320px;min-height:100vh}main{flex-grow:1;background-color:#1a1a1a;color:#fff;width:100%;max-width:1280px;margin:0 auto;text-align:center;position:relative}.homepage-only{display:none}body.homepage .homepage-only{display:block}body.homepage .not-homepage{display:none}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#242424;cursor:pointer;transition:border-color .25s}button:hover{border-color:#7060dc}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#7060dc}button{background-color:#f9f9f9}}header{padding:1em 2em;background-color:#1a1a1a;color:#fff;text-align:center;display:flex}header h2{font-weight:700;color:#7060dc}header h2 a{font-weight:inherit}header h2 .jgh{font-weight:300}header .nav{display:flex;justify-content:center;gap:1em;margin-top:1em;list-style:none}h1{font-size:0;margin:2rem auto;aspect-ratio:63/7;width:96%;max-width:512px;background:url(../assets/images/logo-main.png) no-repeat center/contain;image-rendering:pixelated}.game-wrap{width:min(800px,100vw);margin:0 auto}.game-container{width:100%}.game-container canvas{width:100%!important;height:auto!important}.game-list{display:flex;flex-direction:column;align-items:center}.game-list li{font-size:32px;width:fit-content;position:relative}.game-list li a[href]{color:#efefef;display:block;padding:.4em .16em}.game-list li a[href]:before{content:"";position:absolute;top:0;right:-1.6em;bottom:0;left:-1.6em;background-color:#7060dc;opacity:0;cursor:pointer;mix-blend-mode:screen}.game-list li a[href]:hover:before{opacity:.2}.game-list li a[href]:after{content:"";background-color:#7060dc;width:.8em;aspect-ratio:1;position:absolute;top:calc(50% - .4em);right:100%;-webkit-mask:url(../assets/images/arrow.webp) no-repeat center/contain;mask:url(../assets/images/arrow.webp) no-repeat center/contain;image-rendering:pixelated;opacity:0;transform:translate(-25%)}.game-list li a[href]:hover:after{animation:pixelated-slide-in .3s forwards;animation-timing-function:steps(1);opacity:1}@keyframes pixelated-slide-in{0%{transform:translate(-50%)}25%{transform:translate(-37.5%)}50%{transform:translate(-25%)}75%{transform:translate(-12.5%)}to{transform:translate(0)}}.debug-panel{position:fixed;top:20px;right:20px;background:#000c;padding:1rem;border-radius:8px;color:#fff;z-index:1000;min-width:200px}.debug-panel .panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.debug-panel .minimize-button{background:none;border:1px solid white;color:#fff;width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;font-size:18px;line-height:1}.debug-panel .minimize-button:hover{background:#ffffff1a}.debug-panel .debug-controls{border-top:1px solid rgba(255,255,255,.2);padding-top:.5rem}.debug-panel .debug-control{margin-top:.5rem}.debug-panel h2{margin:0;font-size:1rem}.debug-panel label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.debug-panel input[type=checkbox]{cursor:pointer}.debug-panel .value-label{min-width:var(--min-width, 0)}