#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@keyframes waveAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.wave{display:inline-block;animation:waveAnimation 3s infinite ease-in-out}@keyframes colorAnimation{0%,to{color:#90f}25%{color:#5a0080}50%{color:#8a2be2}75%{color:#7443d4}}.word{animation:colorAnimation 10s infinite ease-in-out}.pixel-game{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#242424;overflow-y:auto;overscroll-behavior:contain}.pixel-game-inner{max-width:480px;margin:0 auto;padding:1.5rem 1.25rem 3rem;display:flex;flex-direction:column;align-items:center;text-align:center}.pixel-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.pixel-title{font-size:1.5rem;margin:0;letter-spacing:.02em}.pixel-close{background:none;border:none;color:#ffffff8c;font-size:1.75rem;line-height:1;padding:.25rem .5rem}.pixel-close:hover{color:#fff;border-color:transparent}.pixel-phase{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.pixel-eyebrow{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:#ffffff80}.pixel-word{margin:0;font-size:2rem;line-height:1.1;text-transform:lowercase}.pixel-word.is-correct{color:#a3ce27}.pixel-grid{display:grid;grid-template-columns:repeat(12,1fr);width:min(84vw,360px);aspect-ratio:1;gap:1px;padding:1px;background:#ffffff17;border-radius:6px;touch-action:none;-webkit-user-select:none;user-select:none}.pixel-grid.is-editable{cursor:crosshair}.pixel-cell{background:#1a1a1a}.pixel-palette{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;width:min(84vw,360px)}.pixel-swatch{aspect-ratio:1;padding:0;border-radius:5px;border:2px solid transparent;box-shadow:inset 0 0 0 1px #00000059}.pixel-swatch:hover{border-color:#fff6}.pixel-swatch.is-active{border-color:#fff;transform:scale(1.08)}.pixel-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.pixel-tools button{padding:.5em 1em;font-size:.9rem;color:inherit}.pixel-tools button:disabled{opacity:.35;cursor:default;border-color:transparent}.pixel-tools button.is-active{border-color:#646cff;background:#2f2f4a}.pixel-primary{background:#646cff;color:#fff;font-weight:600}.pixel-primary:hover{background:#535bf2;border-color:transparent}.pixel-primary:disabled{background:#33334d;color:#fff6;cursor:default}.pixel-guess-form{display:flex;gap:.5rem;width:min(84vw,360px)}.pixel-input,.pixel-url{flex:1;min-width:0;padding:.6em .8em;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#1a1a1a;color:inherit;font-family:inherit;font-size:1rem}.pixel-input:focus,.pixel-url:focus{outline:none;border-color:#646cff}.pixel-url{width:min(84vw,360px);font-size:.8rem;color:#fff9}.pixel-hint{margin:0;font-size:.85rem;color:#ffffff80;max-width:320px}.pixel-miss{color:#e06f8b}.pixel-hints{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.pixel-hints li{font-size:.95rem;color:#f7e26b}.pixel-tried{width:min(84vw,360px)}.pixel-tried-label{margin:0 0 .4rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#fff6}.pixel-tried-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.pixel-tried-list li{padding:.25em .65em;border-radius:999px;background:#1a1a1a;border:1px solid rgba(255,255,255,.12);font-size:.85rem;color:#ffffff8c;text-decoration:line-through;text-decoration-color:#e06f8bb3}.pixel-link-button{background:none;border:none;padding:.25rem;font-size:.85rem;color:#ffffff8c;text-decoration:underline;text-underline-offset:3px}.pixel-link-button:hover{color:#fff;border-color:transparent}.pixel-open-button{color:inherit;font-size:.95rem}: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:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.social-container{display:flex;flex-direction:column;text-align:center;gap:1em}