.play-shelf{padding-block:65px 85px;border-top:1px solid var(--line)}.play-shelf>header{display:grid;grid-template-columns:1fr .75fr;gap:60px;align-items:end;margin-bottom:32px}.play-shelf h2{font:500 clamp(34px,4.4vw,62px)/1.25 var(--serif);letter-spacing:-.04em;margin:12px 0}.play-shelf header>div>p:not(.eyebrow){font:400 15px/2 var(--serif);color:var(--ink-soft)}.shelf-all{display:inline-flex;align-items:center;gap:30px;min-height:44px;font:500 14px var(--serif);border-bottom:1px solid var(--ink);color:var(--blue)}.shelf-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:22px}.shelf-note{display:flex;flex-direction:column;padding:20px;background:var(--paper-light);border:1px solid var(--line);box-shadow:5px 6px #392a1612}.shelf-note>small{font:700 9px var(--sans);letter-spacing:.13em;color:var(--coral-dark)}.shelf-note__picture{height:190px;margin-top:14px;overflow:hidden;display:grid;place-items:center;background:#e6eddd}.shelf-note__picture img{height:100%;width:100%;object-fit:cover;object-position:50% 43%}.shelf-note__picture>span{font:400 72px var(--serif);color:#617b70}.shelf-note--starlight .shelf-note__picture{background:var(--navy-800)}.shelf-note--starlight .shelf-note__picture>span{color:var(--gold)}.shelf-note h3{font:500 23px var(--serif);margin:20px 0 12px}.shelf-note>p{font:400 13px/1.9 var(--serif);color:var(--ink-soft);flex:1}.shelf-note__end{border-top:1px solid var(--line);padding-top:14px;font:500 11px var(--serif);display:flex;justify-content:space-between;gap:10px}.shelf-note__end b{color:var(--blue);font-size:18px}.shelf-note:hover,.shelf-note:focus-visible{border-color:var(--coral);box-shadow:5px 6px #d96f5533}.playground-page{padding-bottom:80px}.playground-heading{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;padding-block:22px 46px}.playground-heading h1,.diary-index-heading h1{font:500 clamp(44px,5.7vw,86px)/1.2 var(--serif);letter-spacing:-.045em;margin:20px 0 26px}.playground-heading h1 em,.diary-index-heading h1 em{font-style:normal;color:var(--blue)}.playground-heading>div>p:not(.eyebrow){font:400 17px/2 var(--serif);color:var(--ink-soft)}.playground-heading figure{margin:0;transform:rotate(1deg);padding:14px 14px 0;background:var(--paper-light);box-shadow:var(--shadow);border:1px solid var(--line)}.playground-heading figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.playground-heading figcaption{padding:14px 5px;font:700 10px var(--sans);letter-spacing:.11em}.playground-first{display:flex;align-items:center;gap:28px;padding:22px 28px;margin-bottom:56px;border-block:1px solid var(--line);background:#e9e6d8}.playground-first>span{font:800 9px var(--sans);letter-spacing:.15em;color:var(--coral-dark);flex:0 0 auto}.playground-first p{margin:0;font:400 14px/1.8 var(--serif)}.playground-first a{margin-left:auto;min-height:44px;display:flex;align-items:center;flex:0 0 auto;color:var(--blue);font:500 13px var(--serif);border-bottom:1px solid currentColor}.playground-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.play-card{background:var(--paper-light);border:1px solid var(--line);display:flex;flex-direction:column;box-shadow:4px 5px #392a1612;scroll-margin-top:25px;min-width:0}.play-card__preview{height:225px;position:relative;display:grid;place-items:center;overflow:hidden;background:#e2e9d8}.play-card__preview img{width:100%;height:100%;object-fit:cover;object-position:50% 38%}.play-card__preview>span{font:400 82px var(--serif);color:#55705e}.play-card__preview small{position:absolute;left:14px;bottom:14px;background:var(--paper-light);color:var(--ink);padding:6px 10px;font:800 9px var(--sans);letter-spacing:.11em}.play-card--starlight .play-card__preview{background:var(--navy-800);background-image:radial-gradient(#e3c38b80 1px,transparent 1px);background-size:37px 37px}.play-card--starlight .play-card__preview>span{color:var(--gold)}.play-card--coffee-catch .play-card__preview{background:#d8e1d1}.play-card--coffee-catch .play-card__preview>span{color:#856447}.play-card--sound-lab .play-card__preview{background:#e6dfeb}.play-card--sound-lab .play-card__preview>span{color:#6c5b78}.play-card--seed-lab .play-card__preview{background:#dce5df}.play-card__body{padding:24px;display:flex;flex-direction:column;flex:1}.play-card__time{font:700 10px var(--sans);color:var(--coral-dark);letter-spacing:.05em;margin:0 0 10px}.play-card h3{font:500 25px/1.5 var(--serif);margin:0 0 14px}.play-card__body>p:not(.play-card__time){font:400 14px/1.95 var(--serif);color:var(--ink-soft);margin-bottom:18px}.play-card details{margin-top:auto;border-top:1px solid var(--line);font:400 12px/1.8 var(--serif)}.play-card summary{cursor:pointer;min-height:44px;padding:12px 0}.play-card details p{margin:0 0 14px}.play-card__open{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin-top:12px;border:1px solid var(--ink);padding:10px 14px;color:var(--ink);font:500 14px var(--serif)}.play-card__open:hover,.play-card__open:focus-visible{background:var(--navy-800);color:var(--paper)}.playground-note{margin:65px 0 0;padding:35px;border:1px solid var(--line);background:var(--paper-light);max-width:850px}.playground-note h2{font:500 32px var(--serif)}.playground-note p:not(.eyebrow){font:400 14px/2 var(--serif);color:var(--ink-soft)}.playground-note>div{display:flex;flex-wrap:wrap;gap:14px 32px}.playground-note a{display:inline-flex;align-items:center;min-height:44px;color:var(--blue);font-size:13px}.stills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:35px 0}.stills-grid figure{padding:12px;margin:0;background:var(--paper-light);border:1px solid var(--line)}.stills-grid img{width:100%;height:280px;object-fit:contain;background:var(--navy-950)}.stills-grid figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px;font:500 13px var(--serif)}.stills-grid figcaption a{display:inline-flex;align-items:center;min-height:44px;color:var(--blue);font-size:11px}.subpage-title{font:500 clamp(32px,4vw,56px) var(--serif);margin-top:25px}.credits-page{max-width:850px}.credits-page>p,.credits-page dd{font:400 15px/2 var(--serif)}.credits-page a,.credits-hint a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.credits-page dl>div{padding:22px 0;border-top:1px solid var(--line)}.credits-page dt{font:500 22px var(--serif);margin-bottom:10px}.credits-page dd{margin:0;color:var(--ink-soft)}.credits-hint{font-size:13px;margin-top:30px}@media(max-width:1050px){.playground-heading{gap:35px}.playground-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.playground-first{flex-wrap:wrap;gap:12px 25px}.playground-first a{margin-left:0}.shelf-grid{grid-template-columns:repeat(3,1fr)}.shelf-note{padding:16px}.shelf-note h3{font-size:21px}.shelf-note__picture{height:155px}.stills-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.play-shelf{padding-block:45px 55px}.play-shelf>header{grid-template-columns:1fr;gap:10px}.play-shelf h2{font-size:36px}.shelf-grid{grid-template-columns:1fr}.shelf-note{display:grid;grid-template-columns:100px 1fr;gap:0 18px;padding:16px}.shelf-note>small{grid-column:2;grid-row:1}.shelf-note__picture{grid-column:1;grid-row:1/5;height:100%;min-height:155px;margin:0}.shelf-note__picture>span{font-size:45px}.shelf-note h3{grid-column:2;margin:12px 0 8px;font-size:21px}.shelf-note>p{grid-column:2;font-size:12px;margin-bottom:14px}.shelf-note__end{grid-column:2;font-size:10px}.playground-heading{grid-template-columns:1fr;gap:20px;padding-top:0}.playground-heading h1{font-size:52px}.playground-heading>div>p:not(.eyebrow){font-size:15px}.playground-heading figure{transform:rotate(.6deg);padding:9px 9px 0}.playground-heading figcaption{font-size:9px}.playground-first{padding:18px;margin-bottom:38px;display:block}.playground-first>span{display:block;margin-bottom:8px}.playground-first a{display:inline-flex;margin-top:8px}.playground-grid{grid-template-columns:1fr;gap:22px}.play-card__preview{height:210px}.play-card__body{padding:22px}.playground-note{padding:25px;margin-top:45px}.playground-note h2{font-size:28px}.stills-grid{grid-template-columns:1fr;gap:22px}.filter-buttons{gap:6px}.filter-buttons button{padding-inline:16px}.playground-page{padding-bottom:55px}}.play-card__tv{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;font:500 11px var(--serif);color:var(--blue);text-decoration:underline;text-underline-offset:4px}