/* A small, tactile poetry game, using the site's ink, paper and brass palette. */
.play-page{max-width:1000px;margin:0 auto}.play-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:10px 0 30px}.play-intro h1{font:400 clamp(38px,5vw,58px)/1.15 var(--serif);letter-spacing:-1.7px}.play-intro p{font-size:14px;color:var(--muted);margin-top:14px;line-height:1.8}.play-exit{font-size:12px;color:#d9c59d;white-space:nowrap;padding-bottom:7px}.play-table{--play-paper:#f5efe2;--play-ink:#29322f;background:var(--play-paper);color:var(--play-ink);border:1px solid #dcc9a3;border-radius:9px;box-shadow:0 30px 90px #0003;overflow:hidden}.play-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 32px;border-bottom:1px solid #d9d0bc;background:#eee5d3;font-size:11px;letter-spacing:1px;color:#7a6b50}.play-hand b{font-weight:500;margin-left:18px;color:#4b5147;font-size:13px;letter-spacing:0}.play-count{white-space:nowrap}.play-trail{display:flex;gap:0;margin:0;padding:22px 34px;list-style:none;border-bottom:1px solid #e4dbc8}.play-trail li{flex:1;display:flex;gap:9px;align-items:center;color:#908a7c;font-size:11px}.play-trail li>span{border:1px solid #cec3ad;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;flex-shrink:0}.play-trail li b{font-weight:500}.play-trail li.current{color:#795622}.play-trail li.current>span{background:#775929;color:white;border-color:#775929}.play-trail li.done{color:#42624d}.play-trail li.done>span{background:#d9e3d3;border-color:#afc1a4}.play-stage{padding:40px 48px 35px;min-height:480px}.play-kicker{display:block;font-size:10px;font-weight:700;letter-spacing:2.4px;color:#967440;margin-bottom:18px}.play-stage h2{font:400 clamp(27px,3.9vw,40px)/1.3 var(--serif);letter-spacing:-1px;color:#27352e}.play-stage h2:focus{outline:none}.play-caption{font-size:13px;line-height:1.8;color:#807866;margin:12px 0 0}.play-verse{font:400 clamp(23px,3vw,31px)/2.3 var(--serif);margin:26px 0 25px;padding:23px 25px;background:#fffaf0;border:1px solid #e2d8c3;border-radius:5px;overflow-wrap:break-word}.play-gap{display:inline-block;min-width:100px;line-height:1.4;margin:0 7px;padding:0 12px 3px;border-bottom:2px dashed #ab864b;text-align:center;color:#9a7541;vertical-align:baseline;background:#e9ddbd40}.play-gap.found{color:#3b654b;border-style:solid;border-color:#739478;background:#dbe6d4;animation:play-arrive .35s ease-out}.play-word-choices{display:flex;gap:14px;flex-wrap:wrap}.play-word-choices button{padding:14px 24px;font:400 23px var(--serif);border:1px solid #c3b396;border-radius:5px;background:#faf6ec;color:#5a503c;box-shadow:0 4px 0 #d8cdb8;min-width:120px;transition:transform .15s,background .15s}.play-word-choices button:hover:not(:disabled){background:#eadbbe;border-color:#a0885c;transform:translateY(-2px)}.play-word-choices button:active{transform:translateY(3px);box-shadow:0 1px 0 #d8cdb8}.play-word-choices button:disabled{opacity:1;cursor:default}.play-word-choices button.right,.play-verse-choices button.right{background:#dce7d6;border-color:#6d9275;color:#284c31;box-shadow:none}.play-word-choices button.tried,.play-verse-choices button.tried{background:#f0e1d1;border-color:#ba9774;color:#815a3d}.play-feedback{display:flex;align-items:flex-start;gap:15px;padding:18px 20px;border:1px solid #c5d4be;border-radius:5px;background:#e8eddf;margin:25px 0 18px;animation:play-arrive .3s ease-out;color:#37513b}.play-feedback.again{border-color:#e1d1b3;background:#efe6d4;color:#735c36}.play-feedback-mark{font-size:27px;line-height:1.1;flex:0 0 24px}.play-feedback strong{font-size:14px;font-weight:700}.play-feedback p{font-size:13px;line-height:1.9;margin-top:5px;color:#626959}.play-feedback.again p{color:#796a52}.play-feedback-space{height:20px}.play-stage .text-button{color:#826432;font-size:12px}.play-stage .text-button:hover:not(:disabled){color:#4d3714;background:#ede1c7}.play-hint{margin-top:10px}.play-hint-copy{color:#76674e;font-size:13px;padding:15px 18px;margin-top:10px;border-left:2px solid #b69660;background:#eee5d2;line-height:1.8}.play-next.primary,.play-prize-actions .primary{display:flex;align-items:center;justify-content:space-between;gap:35px;background:#294b3f;color:#fffaf0;border:1px solid #294b3f;padding:14px 22px;font-size:13px;border-radius:4px;min-width:220px}.play-next.primary:hover:not(:disabled),.play-prize-actions .primary:hover:not(:disabled){background:#396452;border-color:#396452}.play-table-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 32px;border-top:1px solid #e2d8c2;font-size:11px;color:#8c816b}.play-table-foot .text-button{font-size:11px;color:#776644}.play-scenario{font:400 clamp(18px,2.5vw,23px)/1.75 var(--serif);color:#6c644f;margin:18px 0 25px;max-width:740px}.play-verse-choices{display:flex;flex-direction:column;gap:12px}.play-verse-choices button{display:flex;gap:17px;align-items:center;text-align:left;padding:16px 20px;background:#fbf7ee;border:1px solid #d5c6ac;border-radius:5px;color:#454e40;font:400 clamp(16px,2.1vw,21px)/1.7 var(--serif)}.play-verse-choices button:hover:not(:disabled){background:#eee4ce;border-color:#b79c6f}.play-verse-choices button:disabled{opacity:1}.play-choice-letter{font:11px var(--sans);color:#947b51;flex:0 0 25px;text-align:center;border:1px solid #d9ccb2;padding:3px 0;border-radius:50%}.play-rhythm-model{display:flex;align-items:center;justify-content:center;gap:14px;min-height:91px;margin:22px auto 14px}.play-rhythm-model .pulse-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:55px;height:69px;border:1px solid #d3c4a6;border-radius:30px;background:#e8dfca;color:#8b7755;transition:background .1s,transform .15s}.play-rhythm-model .pulse-mark b{font-size:25px;line-height:1.1;font-weight:400}.play-rhythm-model .pulse-mark small{font-size:11px}.play-rhythm-model .pulse-mark.on{background:#b79551;border-color:#927339;color:#fffaf0;box-shadow:0 0 0 6px #b7955120;transform:translateY(-3px)}.play-listen-row{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.play-stage .secondary{background:#fcf8ef;border:1px solid #b4a17e;color:#625338;border-radius:4px;font-size:12px;padding:12px 18px}.play-stage .secondary:hover:not(:disabled){background:#e8dcbf;border-color:#8c774c}.play-audio-status{font-size:12px;text-align:center;color:#7f735b;margin-top:14px;min-height:22px}.play-tap-track{display:flex;gap:10px;justify-content:center;margin:18px 0 21px}.play-tap-track>span{height:40px;width:51px;display:grid;place-items:center;font-size:25px;border-bottom:2px solid #cbbd9f;color:#aa956a;line-height:1}.play-tap-track>span.filled{color:#425d43;background:#e3e8d8;border-radius:4px 4px 0 0;border-color:#829474;animation:play-arrive .17s ease-out}.play-tap-track>span.tried{color:#9a6037;background:#f1e3cc;border-color:#bf956b}.play-drums{display:flex;align-items:center;justify-content:center;gap:28px;margin:10px 0 25px}.play-drum{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:175px;min-height:157px;border-radius:50%;border:6px solid #baa16a;background:radial-gradient(circle at 40% 30%,#f6e9cb,#d8c292);color:#4a3e26;box-shadow:0 8px 0 #8b754c,0 12px 24px #7a654328;transition:transform .1s,box-shadow .1s;touch-action:manipulation;user-select:none}.play-drum.short{width:145px;min-height:137px;border-color:#8a9b81;background:radial-gradient(circle at 40% 30%,#f1f2e0,#c4d0b5);box-shadow:0 8px 0 #657860,0 12px 24px #4d624328;color:#394c36}.play-drum span{font:400 33px var(--serif)}.play-drum b{font-size:24px;font-weight:400;line-height:1.1}.play-drum small{font-size:10px;margin-top:7px}.play-drum:hover:not(:disabled){background:#efdfb8;border-color:#9b7c44}.play-drum.short:hover:not(:disabled){background:#dce6cb;border-color:#708465}.play-drum:active:not(:disabled){transform:translateY(6px);box-shadow:0 2px 0 #8b754c}.play-drum:disabled{opacity:.55;cursor:default}.play-rhythm-tools{display:flex;justify-content:center;gap:28px}.play-rhythm-note{font-size:11px;line-height:1.9;color:#8f826c;margin-top:24px;text-align:center}.play-stage:has(.play-rhythm-model) .play-next{margin:0 auto}.play-collection{margin-top:25px;padding:18px 23px;border:1px solid #9b845044;border-radius:6px;background:#17221f55}.play-collection summary{cursor:pointer;color:#d3c3a2;font-size:13px}.play-collection summary b{float:right;font-size:12px;font-weight:400}.play-collection p{font-size:12px;color:#9ca59b;margin:16px 0;line-height:1.8}.play-collection>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.play-collection button{padding:13px 15px;text-align:left;border:1px solid #9b845055;border-radius:4px;color:#dacaa9;background:#1e2a24;font:16px var(--serif)}.play-collection button>span{color:#bc9a56;margin-right:10px}.play-collection button>small{display:block;font:10px var(--sans);color:#829180;margin-top:7px}.play-collection button:disabled{opacity:.45}.play-prize{text-align:center}.play-prize .play-kicker{margin-top:25px}.play-seal{width:112px;height:112px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #af8747;border-radius:50%;outline:1px solid #c4a167;outline-offset:5px;background:#eee0be;color:#9b712e;animation:play-seal .65s cubic-bezier(.2,.8,.2,1)}.play-seal>span{font-size:40px;line-height:1}.play-seal>small{font-size:8px;letter-spacing:1.6px;line-height:1.7;margin-top:5px}.play-prize-verse{font:400 clamp(19px,2.7vw,27px)/1.9 var(--serif);margin:28px 0;padding:25px 0;border-top:1px solid #d7c7a9;border-bottom:1px solid #d7c7a9;color:#4d533f}.play-prize-verse p+p{margin-top:10px}.play-keepsakes{text-align:left;margin:0 auto;max-width:490px;display:flex;flex-direction:column;gap:12px;font-size:13px;color:#69744e;line-height:1.7}.play-keepsakes b{font-weight:600}.play-prize-note{font-size:12px;color:#8a7a5b;margin:24px 0}.play-prize-actions{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}.play-prize-actions .primary{min-width:170px}.play-prize-actions .text-button{flex-basis:100%;width:100%;text-align:center;margin-top:6px}.play-prize-sources{text-align:left;border-top:1px solid #dfd3ba;padding-top:20px;margin-top:25px;font-size:11px;color:#8b7855}.play-prize-sources summary{cursor:pointer}.play-prize-sources p{font-size:13px;line-height:1.9;margin:18px 0}.play-prize-sources a{color:#775c29;line-height:2}.play-page :focus-visible{outline:3px solid #bc8833;outline-offset:4px}.hero-actions .hero-rhythm-link{font-size:12px;white-space:nowrap}.hero-game-note{color:#a99f89;font-size:11px;letter-spacing:.4px;margin-top:14px}
@keyframes play-arrive{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes play-seal{from{opacity:0;transform:scale(1.3) rotate(-14deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@media(max-width:780px){.play-intro{align-items:flex-start;gap:15px}.play-intro h1{font-size:40px}.play-intro p{font-size:12px;max-width:360px}.play-exit{font-size:11px;margin-top:8px}.play-top{padding:17px 23px}.play-trail{padding:20px 23px}.play-trail li{gap:7px;font-size:10px}.play-stage{padding:30px 25px;min-height:430px}.play-stage h2{font-size:32px}.play-verse{padding:18px;font-size:25px;margin:23px 0;line-height:2.2}.play-word-choices{gap:11px}.play-word-choices button{font-size:22px;padding:12px 18px;min-width:100px}.play-verse-choices button{padding:14px 16px;font-size:19px;gap:12px}.play-table-foot{padding:16px 22px}.play-collection>div{grid-template-columns:repeat(2,minmax(0,1fr))}.play-feedback{padding:16px}.play-next.primary{width:100%}.play-prize-verse{font-size:22px}}
@media(max-width:480px){.play-intro{display:block;margin-top:0}.play-intro .eyebrow{font-size:9px;letter-spacing:1.8px}.play-intro h1{font-size:39px}.play-exit{display:inline-block;margin-top:12px}.play-top{padding:14px 17px;font-size:10px;letter-spacing:.5px}.play-hand b{margin-left:9px;font-size:11px}.play-trail{padding:17px 14px;gap:6px}.play-trail li{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:9px;gap:7px}.play-trail li>span{width:23px;height:23px}.play-stage{padding:27px 19px;min-height:425px}.play-stage h2{font-size:29px}.play-kicker{font-size:9px;letter-spacing:1.6px;margin-bottom:15px}.play-caption{font-size:12px}.play-verse{font-size:22px;padding:16px 14px;line-height:2.2}.play-gap{min-width:80px;margin:0 4px;padding:0 7px 2px}.play-word-choices{gap:9px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.play-word-choices button{min-width:0;padding:11px 5px;font-size:clamp(16px,4.4vw,20px)}.play-feedback{gap:11px;padding:14px 13px}.play-feedback strong{font-size:13px}.play-feedback p{font-size:12px;line-height:1.8}.play-table-foot{padding:14px 17px;gap:7px;font-size:10px}.play-table-foot .text-button{font-size:10px}.play-scenario{font-size:19px;line-height:1.7}.play-verse-choices button{font-size:17px;padding:12px;gap:10px}.play-choice-letter{flex-basis:23px;font-size:10px}.play-rhythm-model{gap:11px}.play-rhythm-model .pulse-mark{width:47px;height:62px}.play-drums{gap:20px}.play-drum{width:137px;min-height:129px;border-width:5px}.play-drum.short{width:117px;min-height:113px}.play-drum span{font-size:28px}.play-drum small{font-size:9px}.play-rhythm-tools{gap:15px}.play-collection{padding:16px}.play-collection summary{font-size:12px}.play-collection button{font-size:14px;padding:12px 10px}.play-prize-verse{font-size:20px;line-height:1.9}.play-prize-actions{flex-direction:column;align-items:stretch}.play-prize-actions .primary{justify-content:center}.play-prize-actions .text-button{flex-basis:auto}.play-keepsakes{font-size:12px}.play-seal{width:97px;height:97px}}
@media(prefers-reduced-motion:reduce){.play-page *, .play-page *::before, .play-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:360px){.play-drums{gap:16px}.play-drum{width:121px;min-height:117px}.play-drum.short{width:101px;min-height:101px}.play-drum span{font-size:25px}.play-drum small{font-size:8px}.play-word-choices button{font-size:16px}.play-collection summary{font-size:11px}}