.playground-grid{columns:3 240px;column-gap:var(--sp-6);width:100%}.pg-page .doc-page__head{animation:rise var(--dur-enter) var(--ease-out) backwards}@media (prefers-reduced-motion:reduce){.pg-page .doc-page__head{animation:none}}@media (max-width:900px){.playground-grid{columns:2 200px}}@media (max-width:560px){.playground-grid{columns:1}}
.pg-card{break-inside:avoid;margin-bottom:var(--sp-6);background:var(--paper-deep);border:1px solid var(--line);border-radius:var(--card-radius);box-shadow:var(--shadow-print);content-visibility:auto;transition:border-color var(--dur-hover) var(--ease-out), box-shadow var(--dur-ui) var(--ease-out), transform var(--dur-ui) var(--ease-out);display:block;position:relative;overflow:hidden}.pg-card--square{aspect-ratio:1}.pg-card--portrait{aspect-ratio:4/5}.pg-card--landscape{aspect-ratio:16/11}.pg-card{animation:pg-rise var(--dur-enter) var(--ease-out) backwards;animation-delay:var(--enter-delay,80ms)}@keyframes pg-rise{0%{opacity:0;transform:translateY(12px)rotate(-2deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@media (prefers-reduced-motion:reduce){.pg-card{animation:none}}.pg-card__stage{background:0 0;position:absolute;inset:0;overflow:hidden}.pg-card__stage>img,.pg-card__stage .shot-art{object-fit:cover;width:100%;height:100%;display:block}.pg-card__demo{pointer-events:none;transform:scale(var(--pg-scale,1));transform-origin:50%;place-items:center;display:grid;position:absolute;inset:0}.pg-card__demo>*{max-width:100%}.pg-card__demo--fill>*{width:100%;min-width:0}.pg-card__demo--cover{place-items:stretch stretch;transform:none}.pg-card__demo--cover>*{width:100%;max-width:none;height:100%}.pg-card__demo .about-phono-wrap{padding:0}.pg-card__demo .about-books{margin-top:0}.pg-card__demo[data-paused] *,.pg-card__demo[data-paused] :before,.pg-card__demo[data-paused] :after{animation-play-state:paused}.pg-card__hit{z-index:3;border-radius:inherit;position:absolute;inset:0}.pg-card__caption,.pg-card__year{bottom:var(--sp-3);z-index:4;pointer-events:none;padding:var(--sp-1) 10px;border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:var(--text-micro);line-height:var(--lh-micro);letter-spacing:var(--ls-micro);background-color:var(--glass-tint-strong);background-image:var(--glass-sheen);-webkit-backdrop-filter:var(--glass-blur-light);backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-edge);box-shadow:var(--glass-bevel), var(--shadow-glass);opacity:0;transition:opacity var(--dur-ui) var(--ease-out), transform var(--dur-ui) var(--ease-out);position:absolute;transform:translateY(2px)}.pg-card__caption{left:var(--sp-3);max-width:calc(100% - 2 * var(--sp-3) - 64px);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.pg-card__year{right:var(--sp-3);color:var(--muted)}@media (hover:hover) and (pointer:fine){.pg-card:hover .pg-card__caption,.pg-card:hover .pg-card__year{opacity:1;transform:translateY(0)}}.pg-card:focus-within .pg-card__caption,.pg-card:focus-within .pg-card__year{opacity:1;transform:translateY(0)}@media (hover:none){.pg-card__caption,.pg-card__year{opacity:1;transform:none}}@media (prefers-reduced-transparency:reduce){.pg-card__caption,.pg-card__year{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.pg-card__caption,.pg-card__year{transition:opacity var(--dur-ui) var(--ease-out);transform:none}}.pg-card:has(.pg-card__hit:focus-visible){outline:2px solid var(--ink);outline-offset:4px}@media (max-width:560px){.pg-card--portrait{aspect-ratio:4/5}}@media (prefers-reduced-motion:reduce){.pg-card{transition:border-color var(--dur-hover) var(--ease-out)}.pg-card:hover{box-shadow:var(--shadow-print);transform:none}}.pg-card__demo .about-books{--d:7px;--ledge-lip:9px;--ledge-depth:40px;--ledge-nose:10px;--lift-room:8px;--edge-room:8px;--shadow-room:10px;--ledge-inset:2px;margin-top:0}.pg-card__demo .about-books__slot:nth-child(n+6),.pg-card__demo .about-books__sound{display:none}.pg-card__demo .about-books__scene{width:auto}.pg-card__demo .about-books__slot{flex:1 1 0;min-width:0}.pg-card__demo .vhs{--ledge-lip:10px;--ledge-depth:42px;--ledge-nose:10px;--edge-room:8px;--shadow-room:10px;--ledge-inset:2px;margin-top:0}.pg-card__demo .vhs__scene{--lift-room:10px}.pg-card__demo .vhs__sound{display:none}.pg-card__demo .crt{--tv-w:clamp(200px, 46cqi, 340px);--cass-w:clamp(70px, 19cqi, 110px);margin-top:0}.pg-card__demo .crt__scene{gap:clamp(12px,3cqi,24px);padding-bottom:0}.pg-card__demo .crt__sound{display:none}