.playground-directory a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
.playground-directory .site-header a,.playground-directory .playground-tabs a{display:inline-flex;align-items:center;min-height:44px}
.playground-directory .playground-tabs a[href="#think-twice"]{color:#b9f7fa;border-color:#3f7780;background:#10232d}
.playground-directory .collection-heading{border-left:3px solid #57c9d2;padding-left:16px}
.playground-directory .collection-heading p{max-width:660px;margin-top:10px;line-height:1.75}
.playground-directory #think-twice .hud-card p{max-width:58ch}

/* Small illustrations belong to their cards, with no running room previews. */
.curiosities-shelf{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:center;padding:24px;border:1px solid #3e5664;border-radius:8px;background:#101b28;color:#e2e8f0}
.curiosities-shelf svg{width:100%;height:auto;max-width:240px}
.curiosities-shelf-kicker{font:11px/1.6 'JetBrains Mono',monospace;letter-spacing:.06em;color:#f0c27b}
.curiosities-shelf h3{font:600 26px/1.2 Rajdhani,sans-serif;color:white;margin:10px 0}
.curiosities-shelf p{font-size:14px;line-height:1.7;color:#afc0cc}
.curiosities-shelf-cta{display:inline-flex;align-items:center;min-height:44px;color:#8edee6;font-size:14px;margin-top:8px}
.curiosities-shelf:hover{border-color:#8edee6}
@media(max-width:600px){.curiosities-shelf{grid-template-columns:1fr;gap:12px;padding:20px}.curiosities-shelf svg{max-width:160px}}
.playground-card{--room-rgb:52,211,153;min-width:0}
.playground-card.room-tone-amber{--room-rgb:251,191,36}
.playground-card.room-tone-cyan{--room-rgb:103,232,249}
.playground-card.room-tone-crimson{--room-rgb:251,113,133}
.playground-card .room-card-top{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.playground-card .room-card-art{display:grid;place-items:center;flex:0 0 96px;width:96px;height:80px;color:rgb(var(--room-rgb));border:1px solid rgba(var(--room-rgb),.2);border-radius:16px;background:linear-gradient(145deg,rgba(var(--room-rgb),.09),rgba(var(--room-rgb),.015));transition:background-color .18s ease,border-color .18s ease}
.playground-card .room-glyph{display:block;width:86px;height:72px;overflow:visible;pointer-events:none}
.playground-card .room-card-kicker{display:grid;gap:7px;min-width:0;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.playground-card .room-card-kicker>span:first-child{letter-spacing:.07em}
.playground-card .room-card-kicker>span:last-child{font-size:11px;font-weight:400}
.playground-card .glyph-muted{opacity:.35}
.playground-card .glyph-paper{fill:#101a27}
.playground-card .glyph-wash{fill:currentColor;fill-opacity:.1}
.playground-card .glyph-dot{fill:currentColor;stroke:none}
.playground-card .glyph-good{fill:#34d399;fill-opacity:.18;stroke:#34d399}
.playground-card .glyph-maybe{fill:#fbbf24;fill-opacity:.16;stroke:#fbbf24}
.playground-card:hover,.playground-card:focus-visible{border-color:rgba(var(--room-rgb),.48)}
.playground-card:hover .room-card-art,.playground-card:focus-visible .room-card-art{background-color:rgba(var(--room-rgb),.055);border-color:rgba(var(--room-rgb),.4)}
@media(max-width:400px){.playground-card .room-card-top{gap:12px}.playground-card .room-card-art{flex-basis:78px;width:78px;height:70px;border-radius:13px}.playground-card .room-glyph{width:72px;height:60px}.playground-card .room-card-kicker{font-size:10px}.playground-card .room-card-kicker>span:last-child{font-size:10px}}
@media(prefers-reduced-motion:reduce){.playground-card,.playground-card .room-card-art{transition:none}}