:root{--bg:#fffaf2;--surface:#f6ecdc;--fg:#2b1d14;--muted:#6b5544;--line:#e3d3bb;--accent:#a8481a;--accent-fg:#fff;--focus:#1d70b8;--radius:12px;--wrap:1120px;--gutter:clamp(16px, 4vw, 32px);--t-xs:12px;--t-sm:14px;--t-md:16px;--t-lg:18px;--t-xl:28px;--t-2xl:clamp(34px, 5vw, 48px);--font:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, "Liberation Sans", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font:400 var(--t-md)/1.55 var(--font);margin:0}h1,h2,h3,p,ul,ol,dl,dd{margin:0}h1,h2,h3{text-wrap:balance}p,li,dd{text-wrap:pretty}a{color:inherit;text-underline-offset:3px}code{font-family:var(--mono);font-size:.95em}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}main:focus,h1:focus{outline:none}.wrap{max-inline-size:var(--wrap);padding-inline:var(--gutter);margin-inline:auto}.muted{color:var(--muted)}.small{font-size:var(--t-sm);color:var(--muted)}.skip{background:var(--fg);color:var(--bg);z-index:10;border-radius:8px;padding:8px 12px;position:absolute;inset-block-start:-48px;inset-inline-start:8px}.skip:focus{inset-block-start:8px}.top-in{justify-content:space-between;align-items:center;gap:12px;min-block-size:60px;display:flex}.brand{white-space:nowrap;align-items:center;gap:8px;min-block-size:44px;font-weight:700;text-decoration:none;display:inline-flex}.brand img{image-rendering:pixelated}#nav{align-items:center;gap:2px;display:flex}#nav a,#nav button{white-space:nowrap;min-block-size:44px;font:inherit;font-size:var(--t-sm);color:var(--fg);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;padding-inline:10px;text-decoration:none;display:inline-flex}@media (width<=24rem){.top-in{gap:4px}#nav a,#nav button{padding-inline:6px}.brand{gap:6px}}#nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px}@media (hover:hover){#nav a:hover,#nav button:hover{background:var(--surface)}}.actions{flex-wrap:wrap;gap:12px;display:flex}.btn{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);min-block-size:48px;color:var(--fg);font:inherit;cursor:pointer;justify-content:center;align-items:center;padding:10px 20px;font-weight:600;text-decoration:none;transition:scale .15s cubic-bezier(.2,0,0,1),background-color .15s;display:inline-flex}.btn:active{scale:.96}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}@media (hover:hover){.btn:not(.primary):hover{background:var(--surface)}.btn.primary:hover{background:#8f3c14}}.hero{gap:24px;padding-block:16px 48px;display:grid}.hero h1{font-size:var(--t-2xl);letter-spacing:-.03em;font-weight:700;line-height:1.05}.hero h1:after{content:"";background:var(--accent);block-size:6px;inline-size:72px;margin-block-start:12px;display:block}.hero-copy{align-content:start;gap:16px;display:grid}.lead{font-size:var(--t-lg);color:var(--muted);max-inline-size:36em}.hero-art{align-content:start;gap:12px;display:grid}.stage{background:var(--surface);border-radius:20px;place-items:center;padding:8px;display:grid}.stage canvas{block-size:auto;inline-size:min(100%,224px);image-rendering:pixelated}@media (width>=52rem){.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;padding-block:48px 72px}.stage canvas{inline-size:280px}}.sp-root{--sp-bg:var(--bg);--sp-surface:var(--surface);--sp-fg:var(--fg);--sp-muted:var(--muted);--sp-good:#2f7d4f;--sp-warn:#9a5b00}.sp-live{border-radius:var(--radius);background:var(--surface);font-size:var(--t-sm);gap:4px;padding:12px 14px;display:grid}.sp-live h2.sp-live-title{font-size:var(--t-sm);align-items:center;gap:8px;font-weight:700;display:flex}.sp-dot{background:var(--muted);border-radius:50%;block-size:8px;inline-size:8px}.sp-live-running .sp-dot{background:#2f7d4f}.sp-live-offline .sp-dot{background:#9a5b00}.sp-live-nums{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 20px;display:flex}.sp-live-nums dt,.sp-small{font-size:var(--t-xs);color:var(--muted)}.sp-fest{color:#9a5b00;font-weight:700}.section{gap:16px;padding-block:56px;display:grid}.band{background:var(--surface)}.band>.wrap{gap:16px;padding-block:56px;display:grid}h2{font-size:var(--t-xl);letter-spacing:-.02em;font-weight:700;line-height:1.15}h3{font-size:var(--t-md);font-weight:700}.sub{color:var(--muted);max-inline-size:40em}.note{color:var(--muted);max-inline-size:44em}.poses{flex-wrap:wrap;gap:12px;display:flex}.poses canvas{block-size:78px;inline-size:84px;image-rendering:pixelated;background:var(--bg);border-radius:var(--radius)}.features{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:24px;padding:0;list-style:none;display:grid}.features li{align-content:start;gap:8px;min-inline-size:0;display:grid}.features p{color:var(--muted)}.shot-post{border-radius:var(--radius);font-size:var(--t-sm);background:#fff;padding-block-end:78px;display:block;position:relative}.shot-post .post{padding:12px}.shot-post canvas,.shot-chest canvas{block-size:24px;inline-size:32px;image-rendering:pixelated}.shot-post .shot-pal{block-size:78px;inline-size:84px;position:absolute;inset-block-end:8px;inset-inline-end:8px}.feature-card{grid-column:1/-1;max-inline-size:600px}.shot-card canvas{outline-offset:-1px;border-radius:8px;outline:1px solid #0000001a;block-size:auto;inline-size:100%;display:block}.rules{gap:12px;max-inline-size:46em;padding-inline-start:20px;display:grid}.perms{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:16px;display:grid}.perms>div{align-content:start;gap:4px;display:grid}.perms dt{font-weight:700}.perms dd{color:var(--muted)}.install{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:32px;padding-block-end:24px;display:grid}.install>div{align-content:start;gap:12px;display:grid}.steps{gap:12px;padding-inline-start:24px;display:grid}.steps li::marker{font-weight:700}.demo-head{padding-block:16px}.demo-head h1{font-size:var(--t-xl);letter-spacing:-.02em;font-weight:700}.demo{gap:32px;padding-block-end:56px;display:grid}@media (width>=56rem){.demo{grid-template-columns:1fr 360px;align-items:start}}.demo-col{gap:12px;display:grid}.col-h{font-size:var(--t-lg)}.phone{outline:1px solid var(--line);background:#fff;border-radius:20px;position:relative;overflow:hidden}.timeline{overscroll-behavior:contain;block-size:min(70vh,640px);overflow-y:auto}.post{color:#0f1419;border-block-end:1px solid #eff3f4;grid-template-columns:40px 1fr;gap:12px;padding:12px 16px;display:grid}.avatar{background:hsl(var(--h) 55% 70%);border-radius:50%;block-size:40px;inline-size:40px}.post-body{gap:4px;min-inline-size:0;display:grid}.post-head{font-size:var(--t-sm)}.post-head .muted{color:#536471}.post-actions{font-size:var(--t-xs);color:#536471;flex-wrap:wrap;align-items:center;gap:8px 16px;min-block-size:34px;display:flex}.popup-frame{outline:1px solid var(--line);border-radius:16px;overflow:hidden}.foot{border-block-start:1px solid var(--line)}.foot-in{font-size:var(--t-sm);flex-wrap:wrap;gap:8px 24px;padding-block:24px 40px;display:flex}.foot-in a{align-items:center;min-block-size:44px;display:inline-flex}.foot-in .muted{flex-basis:100%}