.play-tool-filters{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:23px 0 24px}.play-tool-filters>span{font-size:8px;letter-spacing:1px;margin-right:9px;color:#657050}.play-tool-filters button{font-size:10px;padding:9px 12px;border:1px solid #b1ba9f;background:#f8f8ec;border-radius:20px;transition:transform .15s,background .15s}.play-tool-filters button[aria-pressed=true]{background:#263c31;border-color:#263c31;color:#fff8e6}.play-tool-filters button:hover{transform:translateY(-3px)}.play-tool-filters #random-play-tool{background:#d5f65a;border-color:#77854f;margin-left:auto}.playful-launchpad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:0}.playful-launchpad .tool-tile{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.75fr);gap:15px;align-items:center;min-height:260px;overflow:hidden;border:1px solid #6d755f;border-radius:13px;padding:27px;box-shadow:4px 5px 0 #2b3d2315;transition:transform .22s,box-shadow .22s;isolation:isolate}.playful-launchpad .tool-tile:hover{transform:translateY(-5px) rotate(-.3deg);box-shadow:7px 9px 0 #2b3d2320}.playful-launchpad .tool-tile[hidden]{display:none!important}.playful-launchpad .tile-copy{position:relative;z-index:2}.playful-launchpad .eyebrow{font-size:7px;letter-spacing:.8px;display:block;color:inherit;opacity:.8}.playful-launchpad h3{font:500 32px/1.05 var(--display);letter-spacing:-1.6px;margin:17px 0 12px}.playful-launchpad p{font-size:11px;line-height:1.7;max-width:270px;color:inherit;opacity:.88;margin:0 0 21px}.playful-launchpad a{font-size:10px;display:inline-flex;gap:15px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px;color:inherit;line-height:1.5}.playful-launchpad .tile-art{position:relative;min-height:165px;display:grid;place-items:center;pointer-events:none;z-index:1}.play-tool-notes{background:#e3eaa6}.play-tool-board{background:#c9d1f2}.play-tool-workshop{background:#f3b394}.play-tool-vault{background:#d6c5ef}.playful-launchpad .play-tool-focus{background:#3155d8;color:#fff7de;border-color:#18327b}.play-tool-decide{background:#e2e9b9}.play-tool-colors{background:#f4d8ab}.play-tool-notebook{background:#bad4c4}.tile-note{background:#fff7be;width:145px;height:145px;padding:25px 18px;box-shadow:5px 7px 0 #56603424;transform:rotate(9deg);font:500 20px/1.15 var(--display);letter-spacing:-.8px;position:relative;border:1px solid #b7b16a;transition:transform .3s}.tile-note span{position:absolute;right:17px;bottom:8px;font-size:40px}.tool-tile:hover .tile-note{transform:rotate(-5deg) scale(1.05)}.tile-diagram{display:flex;align-items:center;justify-content:center;gap:5px;width:190px;transform:rotate(-6deg)}.tile-diagram i{font-style:normal;border:1px solid #617098;border-radius:7px;background:#fff7e5;padding:20px 9px;font:500 14px var(--display);width:80px;text-align:center;box-shadow:3px 4px 0 #4d5b7b20}.tile-diagram i:last-child{background:#d7e999;transform:translateY(45px)}.tile-diagram b{font-size:30px;color:#5a6491;transform:rotate(17deg)}.tile-workshop{font-size:100px;color:#6b427b;position:relative;transform:rotate(-12deg);line-height:1}.tile-workshop span{display:block;font:italic 15px/1.3 Georgia,serif;color:#705742;transform:rotate(15deg);position:absolute;left:23px;top:105px;white-space:nowrap}.tile-papers{position:relative;width:155px;height:160px}.tile-papers i{position:absolute;inset:0;background:#f5edc8;border:1px solid #9c8a9f;padding:26px 16px;font:500 20px/1.2 var(--display);font-style:normal;box-shadow:5px 6px 0 #6a577b22;transform:rotate(-9deg)}.tile-papers i:last-child{inset:20px -9px -7px 20px;background:#d9e6a6;transform:rotate(8deg);padding-top:30px}.tile-timer{border:8px solid #d5f65a;border-radius:50%;width:175px;height:175px;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(6deg);background:#233aa4;box-shadow:0 0 0 8px #ffffff1a;transition:transform .3s}.tile-timer span{font-size:6px;letter-spacing:1px}.tile-timer strong{font:500 40px var(--display);letter-spacing:-2px}.tile-timer i{font-size:10px;font-style:normal;background:#d5f65a;color:#253928;border-radius:10px;padding:5px 12px}.tool-tile:hover .tile-timer{transform:rotate(-6deg) scale(1.03)}.tile-decision{padding:23px 17px;border:1px solid #7d8a58;border-radius:8px;background:#faf7e6;width:190px;transform:rotate(5deg);box-shadow:5px 6px 0 #69754620}.tile-decision>span{font-size:6px;letter-spacing:1px}.tile-decision i{display:block;height:12px;width:90%;background:#a5b9e3;margin:13px 0;border-radius:6px}.tile-decision i:nth-child(3){background:#d7b8e9;width:65%}.tile-decision i:nth-child(4){background:#efb498;width:77%}.tile-decision b{font-size:9px;font-weight:500}.tile-colors{position:relative;display:flex;gap:0;transform:rotate(-8deg);width:180px;height:145px;border:1px solid #7c6b53;border-radius:7px;box-shadow:5px 6px 0 #9a826020}.tile-colors i{height:100%;width:20%;background:#d5f65a}.tile-colors i:first-child{border-radius:7px 0 0 7px}.tile-colors i:nth-child(2){background:#b5a2f3}.tile-colors i:nth-child(3){background:#f6a58c}.tile-colors i:nth-child(4){background:#2954d1}.tile-colors i:nth-child(5){background:#fbf7e9;border-radius:0 7px 7px 0}.tile-colors span{position:absolute;bottom:14px;left:12px;font-size:7px;letter-spacing:1px;background:#fff9e9;padding:7px 11px}.tile-notebook{background:repeating-linear-gradient(#f8f5dd 0 26px,#c1cbb6 26px 27px);border:1px solid #91a58c;border-left:10px solid #587e69;border-radius:3px 10px 10px 3px;width:155px;height:170px;padding:20px 13px;transform:rotate(7deg);box-shadow:5px 6px 0 #4f755d20}.tile-notebook span{font-size:7px;letter-spacing:1px}.tile-notebook i{font:italic 18px/1.5 Georgia,serif;display:block;margin-top:16px;color:#496047}
@media(max-width:1150px){.playful-launchpad .tool-tile{padding:23px;grid-template-columns:minmax(0,1fr) 130px;gap:10px}.playful-launchpad h3{font-size:28px}.playful-launchpad .tile-art{transform:scale(.8);transform-origin:center right}.playful-launchpad p{font-size:10px}.play-tool-filters>span{width:100%;margin-bottom:4px}.play-tool-filters #random-play-tool{margin-left:0}}
@media(max-width:760px){.playful-launchpad{grid-template-columns:1fr;gap:17px}.playful-launchpad .tool-tile{min-height:240px;padding:25px;grid-template-columns:minmax(0,1fr) 130px;gap:8px}.playful-launchpad h3{font-size:31px}.playful-launchpad p{font-size:11px}.playful-launchpad .tile-art{transform:scale(.85)}.playful-launchpad a{font-size:10px}.play-tool-filters button{font-size:9px;padding:8px 10px}.play-tool-filters{padding-top:20px;gap:6px}.play-tool-filters>span{font-size:7px}.play-tool-filters #random-play-tool{margin-left:auto}}
@media(max-width:420px){.playful-launchpad .tool-tile{grid-template-columns:minmax(0,1fr) 90px;padding:22px;min-height:250px}.playful-launchpad .tile-art{transform:scale(.64);transform-origin:center right;right:-4px}.playful-launchpad h3{font-size:29px}.playful-launchpad p{max-width:190px;font-size:10px}.playful-launchpad a{font-size:9px;gap:7px}.play-tool-filters #random-play-tool{margin-left:0}}
@media(prefers-reduced-motion:reduce){.playful-launchpad .tool-tile,.play-tool-filters button,.tile-note,.tile-timer{transition:none}.playful-launchpad .tool-tile:hover,.tool-tile:hover .tile-note,.tool-tile:hover .tile-timer{transform:none}}