.home{max-width:1280px;padding:0 24px}.home>section{padding-top:48px}.home .hero{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:52px;font-family:var(--mono-font)}.home .hero h1.title{font-size:2em;margin-bottom:12px;letter-spacing:0}.home .hero p{text-align:center;line-height:32px}.home .hero p+p{margin-top:16px}.home h2{text-align:center;margin-bottom:12px}.home .start-game{margin-top:28px}.home .start-game button{width:200px}.home .roadmap{margin-top:50px}.home .roadmap ul{margin:32px auto auto;max-width:652px;text-align:left;list-style:none;padding:0}.home .roadmap ul li{line-height:32px;font-family:var(--mono-font);color:var(--gray)}.home .gameplay{margin-top:44px;position:relative;display:inline-block}.home .gameplay img{display:block;height:auto;margin-top:42px;-webkit-mask-image:linear-gradient(to bottom,#000c,#0000001a);mask-image:linear-gradient(to bottom,#000c,#0000001a)}*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--system-font: system-ui, sans-serif;--mono-font: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;--black: #111;--darker-gray: #1a1a1a;--dark-gray: #404040;--gray: #a5a5a5;--light-gray: #e5e5e5;--white: #f1f1f1;--primary: var(--white);--red: #ec8a8a;font-family:var(--system-font);font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html{background-size:64px 64px;background-position-x:center;background-image:linear-gradient(to right,var(--darker-gray) 1px,transparent 1px),linear-gradient(to bottom,var(--darker-gray) 1px,transparent 1px);background-color:var(--black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{display:flex;flex-direction:column;min-height:100vh;color:var(--primary)}main{flex:auto;display:flex;align-items:center;flex-direction:column;width:100%;margin:0 auto;z-index:1}p{cursor:default}.btn{all:unset;cursor:pointer;font-weight:300}.btn.close-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:scale .2s ease-in-out;text-align:center}.btn.close-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff1a,20%,#ffffff05)}.btn.close-btn:after{content:"×";background-color:var(--black);position:absolute;inset:1px;font-size:1.2em;line-height:1.4em}.btn.close-btn:hover{filter:brightness(1.2)}h1.title{font-size:1.5em;line-height:1em}h1.title span{padding-left:2px;font-size:.5em;font-style:italic;font-family:var(--mono-font);opacity:.6}a{color:var(--light-gray);text-decoration:none;transition:color .2s ease-in-out}a:hover{color:var(--white)}footer{margin-top:30px;padding:32px;font-family:var(--mono-font);display:flex;flex-direction:column;align-items:center;gap:40px}