.sp{text-align:center;flex-direction:column;align-items:center;max-width:520px;margin:0 auto;padding:72px 16px 96px;display:flex}@media (min-width:768px){.sp{padding:96px 16px 128px}}.sp-toy{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 6px 8px #3d322629);height:auto}.sp-title{font-family:var(--font-display);color:var(--color-ink-primary);text-wrap:balance;margin-top:28px;font-size:32px;line-height:1.15}@media (min-width:768px){.sp-title{font-size:40px}}.sp-line{max-width:40ch;color:var(--color-ink-body);text-wrap:pretty;margin-top:12px;font-size:15px;line-height:1.6}.sp-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.sp-btn{border:1px solid var(--color-chip-line);min-height:44px;font-family:var(--font-mono);color:var(--color-ink-primary);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#fff9;border-radius:10px;align-items:center;padding:0 18px;font-size:14px;transition:background-color .15s ease-out,scale .15s ease-out;display:inline-flex}.sp-btn-primary{background:var(--color-ink-primary);border-color:var(--color-ink-primary);color:var(--color-page)}.sp-btn:active{scale:.97}.sp-btn:focus-visible{outline:2px solid var(--color-ink-primary);outline-offset:2px}@media (hover:hover) and (pointer:fine){.sp-btn:hover{background:#fff}.sp-btn-primary:hover{background:color-mix(in oklch, var(--color-ink-primary) 88%, white)}}@media (prefers-reduced-motion:reduce){.sp-btn{transition:none}}