:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--bg-translucent:#16171db3;--border:#2e303a;--card-bg:#1f2028;--accent:#c084fc;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:18px/145% var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#root{box-sizing:border-box;min-height:100svh}h1,h2{font-family:var(--sans);color:var(--text-h);margin:0;font-weight:500}.page{box-sizing:border-box;flex-direction:column;min-height:100svh;display:flex}.nav{z-index:10;background:var(--bg-translucent);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);opacity:0;justify-content:space-between;align-items:center;height:64px;padding:0 32px;animation:0s 1.1s forwards show;display:flex;position:sticky;top:0}.nav-logo{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.nav-logo img{width:auto;height:32px}.nav-links{align-items:center;display:flex}.nav-link{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:none;padding:0 12px;font-size:13px;font-weight:400;text-decoration:none;transition:color .15s}.nav-link:hover{color:var(--text-h)}.hero{text-align:center;flex-direction:column;align-items:center;padding:96px 32px 64px;display:flex}.hero h1{letter-spacing:-.02em;font-size:clamp(36px,6vw,56px);line-height:1.15;animation:1s ease-in-out both hero-in,1s ease-in both hero-focus}.tagline{margin:0;font-size:18px;animation-name:hero-in,hero-focus;animation-duration:1s,1s;animation-timing-function:ease-in-out,ease-in;animation-iteration-count:1,1;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:.1s;animation-fill-mode:both,both;animation-timeline:auto,auto}@keyframes hero-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-focus{0%{filter:blur(14px)}to{filter:blur()}}@media (prefers-reduced-motion:reduce){.hero h1,.tagline{animation:none}.app-feature,.nav{opacity:1;animation:none}}.games{flex-direction:column;flex:1;align-items:center;gap:96px;padding:0 32px 96px;display:flex}.app-feature{opacity:0;align-items:center;gap:56px;width:100%;max-width:960px;animation:0s 1.1s forwards show;display:flex}@keyframes show{to{opacity:1}}.app-screenshot{border:1px solid var(--border);min-width:0;max-width:560px;box-shadow:var(--shadow);border-radius:12px;flex:55%}.app-info{flex-direction:column;flex:40%;align-items:flex-start;gap:12px;display:flex}.app-info h2{letter-spacing:-.01em;font-size:36px;font-weight:700}.app-tagline{color:var(--text-h);margin:0;font-size:19px}.app-info p{margin:0}.app-actions{align-items:center;gap:12px;display:flex}.app-logo{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:40px;height:40px}.launch-button{background:var(--accent);color:#08060d;font:inherit;cursor:pointer;border:none;border-radius:8px;padding:12px 28px;font-weight:600;text-decoration:none;transition:opacity .15s,transform .1s}.launch-button:hover{opacity:.9;transform:translateY(-2px)}@media (width<=720px){.app-feature{text-align:center;flex-direction:column}.app-info{align-items:center}.app-screenshot{flex:none;max-width:100%}}.feedback,.help{flex-direction:column;flex:1;align-items:center;padding:64px 32px 96px;display:flex}.feedback{text-align:center;gap:16px}.help-content{text-align:left;width:100%;max-width:680px}.help-content h1{margin-bottom:16px;font-size:clamp(28px,5vw,40px);line-height:1.2}.help-content h2{margin:40px 0 12px;font-size:22px;line-height:1.3}.help-content p{margin:0 0 16px}.help-content ul,.help-content ol{margin:0 0 16px;padding-left:24px}.help-content li{margin-bottom:8px}.help-content li:last-child{margin-bottom:0}.help-content code{background:var(--card-bg);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.9em}.feedback h1{font-size:clamp(28px,5vw,40px)}.feedback-copy{max-width:480px;margin:0}.feedback-textarea{border:1px solid var(--border);background:var(--card-bg);width:100%;max-width:480px;min-height:160px;color:var(--text-h);font:inherit;resize:vertical;border-radius:8px;padding:12px 16px}.feedback-textarea:focus{border-color:var(--accent);outline:none}.launch-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.feedback-error{color:#f87171;max-width:480px;margin:0;font-size:15px}.feedback-thanks{color:var(--text-h);font-size:20px}