@import url('adventure.css?v=1');
.activity-screen{position:relative;height:100svh;min-height:570px;overflow:hidden;isolation:isolate;background:#d7e8e2}.activity-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.activity-top{display:flex;align-items:center;gap:12px;padding:calc(16px + env(safe-area-inset-top)) 18px 10px}.activity-top .chapter b{font-size:19px;letter-spacing:-.5px}.activity-progress{margin:0 22px;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:900;color:#42635c}.activity-progress .dots{display:flex;gap:6px}.activity-progress .dots i{width:10px;height:10px;border:1px solid #709188;border-radius:50%;background:#ffffff80}.activity-progress .dots i.done{background:#e4b557;border-color:#bc923a}.activity-dock{position:absolute;bottom:0;left:0;right:0;max-width:600px;margin:auto;padding:14px 16px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#faf7f1f5 18%);display:flex;flex-direction:column;gap:12px}.activity-card{background:#fffdf5f2;border:1px solid #fff;border-radius:20px;padding:16px 18px;box-shadow:0 5px 24px #244d4012}.activity-card h2{font-size:20px;letter-spacing:-.5px;margin:0 0 6px;font-weight:900}.activity-card p{margin:0;color:#62756c;font-size:13px;font-weight:700;line-height:1.55;min-height:40px}.phrase-slots{display:flex;justify-content:center;gap:8px;margin-top:12px;min-height:26px}.phrase-slots span{border-radius:50%;width:24px;height:24px;display:grid;place-items:center;background:#e8eddf;color:#708476;font-size:11px;font-weight:900}.phrase-slots span.heard{background:#ffe9ab;color:#9a762e}.phrase-slots span.copied{background:#cce4c0;color:#3b6a44}.echo-pads{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.echo-pad{position:relative;min-height:76px;border-radius:17px;border:2px solid var(--pad-edge);background:var(--pad-color);box-shadow:0 5px 0 var(--pad-edge);color:#264c48;font-weight:900;font-size:24px;padding:10px}.echo-pad small{display:block;font-size:9px;letter-spacing:1px;opacity:.75;margin-top:4px}.echo-pad:disabled{opacity:.55;cursor:default}.echo-pad.lit{background:#fff3c7;box-shadow:0 0 22px #fff0ba,inset 0 0 0 3px #fff8df;transform:translateY(3px)}.echo-pad:active{transform:translateY(4px);box-shadow:0 1px var(--pad-edge)}.activity-actions{display:flex;gap:8px}.activity-actions .btn{font-size:13px;padding:12px;flex:1;min-height:46px}.activity-help{font-size:10px;font-weight:700;color:#6c8176;text-align:center;line-height:1.5;margin:0}.echo .activity-top,.echo .activity-progress{color:#edf7df}.echo .chapter span{color:#c5d6c0}.echo .exit-link,.echo .icon-btn{background:#f7fce7b0}.echo .activity-progress .dots i{border-color:#c2cfac}.score-note{font-size:12px;color:#7a8b7d;text-align:center;font-weight:800;margin:0}.rhythm-lane{display:flex;gap:5px;padding:16px 0 4px}.rhythm-cell{flex:1;aspect-ratio:1;border:2px solid #dde4d5;border-radius:9px;background:#f0f1e8;display:grid;place-items:center;font-size:16px;color:#b7c0b1;position:relative}.rhythm-cell.target{color:#3b756d;background:#dcebe1;border-color:#9cbeb0}.rhythm-cell.current{outline:3px solid #e6b655;outline-offset:1px}.rhythm-cell.matched{background:#d8ebbe;border-color:#7eab62;color:#547c3b}.rhythm-count{display:flex;justify-content:space-around;color:#8c9a8a;font-size:10px;font-weight:900;margin-top:6px}.drum-pad{position:relative;min-height:90px;border:2px solid #bd8c45;border-radius:20px;background:linear-gradient(#f4d8a1,#eac27f);box-shadow:0 5px #bd8c45;color:#654c2c;font-size:22px;font-weight:900;padding:16px}.drum-pad small{display:block;font-size:10px;margin-top:4px;letter-spacing:1px}.drum-pad.lit{background:#fff0be;transform:translateY(3px);box-shadow:0 2px #bd8c45}.drum-pad:disabled{cursor:default;opacity:.65}.start-facts{display:flex;gap:8px;flex-wrap:wrap}.start-facts span{font-size:10px;font-weight:800;padding:6px 10px;border-radius:20px;background:#edf1e4;color:#5b7967}.speed-picker{display:flex;gap:10px}.speed-picker button{flex:1;min-height:44px;font-size:12px}.slow-hint{color:#708472;font-size:11px;font-weight:700}.activity-screen .overlay h1{font-size:34px}.result-number{font-size:48px;font-weight:900;letter-spacing:-2px;color:#4b7e62}.result-number small{font-size:12px;display:block;letter-spacing:0;font-weight:800;margin-top:8px}.rhythm .activity-card p{min-height:40px}
@media(min-width:700px){.activity-screen{margin:16px 24px;border-radius:24px;height:min(920px,100svh);min-height:680px}.activity-dock{padding-bottom:26px}.echo-pad{min-height:90px}.activity-top{padding:24px}.activity-progress{margin:0 30px}.activity-screen .overlay{border-radius:24px}}
@media(max-height:700px) and (max-width:699px){.activity-screen{min-height:550px}.activity-top{padding-top:10px}.activity-card{padding:12px 14px}.activity-card h2{font-size:17px}.activity-card p{font-size:12px;min-height:36px}.activity-dock{gap:9px;padding-bottom:12px}.echo-pad{min-height:60px;font-size:20px}.activity-actions .btn{padding:10px}.drum-pad{min-height:65px;padding:10px}.rhythm-lane{padding-top:10px}.phrase-slots{margin-top:8px}.activity-help{font-size:9px}}

.echo .postcard-label{color:#e6e8c8}