:root{--accent: #0059ff;--accent-dark: #001a8f;--black: 15, 18, 25;--gray: 96, 115, 159;--gray-light: 229, 233, 240;--gray-dark: 34, 41, 57;--gray-gradient: rgba(var(--gray-light), 50%), #fff;--bg: #fff;--text: #000;--motion-fast: .18s;--motion-standard: .25s;--motion-slow: .4s;--motion-ease: ease;--button-radius: 999px}.dark{--bg: #0d0d0d;--text: #fff}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-atkinson);margin:0;padding:0;text-align:left;background:var(--bg);background-size:100% 600px;word-wrap:break-word;overflow-wrap:break-word;color:var(--text);font-size:20px;line-height:1.7;transition:background-color var(--motion-standard) var(--motion-ease),color var(--motion-standard) var(--motion-ease)}main{width:720px;max-width:calc(100% - 2em);margin:auto;padding:3em 1em}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;color:rgb(var(--black));line-height:1.2}h1{font-size:3.052em}h2{font-size:2.441em}h3{font-size:1.953em}h4{font-size:1.563em}h5{font-size:1.25em}strong,b{font-weight:700}a,a:hover{color:var(--accent)}p{margin-bottom:1em}.prose p{margin-bottom:2em}textarea{width:100%;font-size:16px}input{font-size:16px}table{width:100%}img{max-width:100%;height:auto;border-radius:8px}code{padding:2px 5px;background-color:rgb(var(--gray-light));border-radius:2px}pre{padding:1.5em;border-radius:8px}pre>code{all:unset}blockquote{border-left:4px solid var(--accent);padding:0 0 0 20px;margin:0;font-size:1.333em}hr{border:none;border-top:1px solid rgb(var(--gray-light))}@media(max-width:720px){body{font-size:18px}main{padding:1em}}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;padding:.65rem 1.25rem;border:2px solid transparent;border-radius:var(--button-radius);background:transparent;color:inherit;font:inherit;font-size:.95rem;font-weight:600;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}.button--primary{background:transparent;border-color:var(--accent);color:var(--accent)}.button--primary:hover,.button--primary:focus-visible{background:var(--accent);color:#fff}.button--secondary{background:transparent;border-color:#000;color:#000}.button--secondary:hover,.button--secondary:focus-visible{background:#000;color:#fff}.button--outline{border-color:currentColor;color:inherit}.button--outline.copied{border-color:var(--accent)}.button--icon{width:3.1rem;height:3.1rem;min-height:0;padding:0;border-color:transparent;border-radius:50%;background:#f5f7ff;transition:opacity var(--motion-fast) var(--motion-ease)}.button--icon:hover,.button--icon:focus-visible{opacity:1}.button--icon img{width:20px;height:20px;transition:transform var(--motion-fast) var(--motion-ease)}.button--icon:hover img,.button--icon:focus-visible img{transform:scale(1.15)}.animate-fade-in{animation:fade-in var(--motion-slow) var(--motion-ease) both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}html,body{width:100%;overflow-x:hidden}html{scrollbar-gutter:stable}.home-page{display:flex;min-height:100vh;flex-direction:column;background-color:#fff;background-image:linear-gradient(rgba(17,24,39,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(17,24,39,.045) 1px,transparent 1px);background-size:24px 24px}.drawing-canvas{position:fixed;z-index:0;inset:0;width:100%;height:100%;pointer-events:none}.home{position:relative;z-index:1;flex:1 0 auto;width:100%;max-width:900px;margin:0 auto;padding:4rem 1.5rem;color:#111;text-align:center}.hero{margin-top:16vh;padding:0 1rem}.hero-logo{animation:fade-in var(--motion-slow) var(--motion-ease) both}.hero-tagline{margin:1rem 0 0;font-size:1.1rem;font-weight:400}.icon-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem}.game-action{margin-top:1.5rem}.home-page footer{position:relative;z-index:1;flex-shrink:0;margin-top:auto}@media(max-width:768px){.home{padding:3rem 1rem}}@media(max-width:480px){.hero{margin-top:8vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}