.puzzle-experience .puzzle-journey{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin:1.1rem 0}.puzzle-experience .puzzle-journey>span{display:grid;justify-items:center;gap:.35rem;color:#65738a;text-align:center;min-width:0}.puzzle-experience .puzzle-journey b{display:grid;place-items:center;width:43px;height:43px;border:1px dashed #b8c4d7;border-radius:15px;background:#f0f4fa;font-size:1.4rem}.puzzle-experience .puzzle-journey small{font-size:.7rem;overflow-wrap:anywhere}.puzzle-experience .puzzle-journey .is-current b{background:#29224e;color:#ffe7a2;border:1px solid #29224e;box-shadow:0 0 0 5px #eee9ff;transform:rotate(-7deg)}.puzzle-experience .puzzle-journey .is-collected b{color:#116f59;border:1px solid #95d4bc;background:#dff9ec}.puzzle-experience .puzzle-stage-caption{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;padding:1rem 1.2rem;position:relative;z-index:2;color:#f4edff;background:#29224e;border-radius:18px 18px 0 0}.puzzle-stage-caption>span:first-child{font:800 .65rem var(--font-mono);letter-spacing:.12em;color:#eed09b}.puzzle-stage-caption>strong{font-family:Georgia,serif;font-size:1.3rem}.puzzle-experience .score-investigation-surface{border-radius:0 0 16px 16px}.puzzle-sound-bars{display:flex;align-items:center;gap:4px;height:24px;margin-left:auto}.puzzle-sound-bars i{background:#cab4fa;width:4px;height:6px;border-radius:9px}.is-playing .puzzle-sound-bars i{animation:puzzle-sound .65s ease-in-out infinite alternate}.is-playing .puzzle-sound-bars i:nth-child(2n){animation-delay:-.4s}.is-playing .puzzle-sound-bars i:nth-child(3n){animation-delay:-.2s}.puzzle-experience .puzzle-melody-choices{display:grid;gap:.55rem}.puzzle-experience .puzzle-melody-choices button{display:flex;align-items:center;gap:.7rem;border:1px solid #c4bfd8;border-radius:12px;padding:.35rem .7rem;color:#574275;background:#fffdfa;min-height:62px;transition:transform .15s,box-shadow .15s}.puzzle-experience .puzzle-melody-choices button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 5px 12px #35274d18}.puzzle-experience .puzzle-melody-choices button[aria-pressed=true]{background:#eee5ff;border-color:#7757b0;box-shadow:0 0 0 2px #7757b033}.puzzle-melody-choices span{font-size:.8rem;font-weight:900}.puzzle-melody-choices svg{width:100%;height:52px;overflow:visible}.puzzle-melody-choices polyline{fill:none;stroke:currentColor;stroke-width:2}.puzzle-melody-choices circle{fill:currentColor}.puzzle-melody-choices .puzzle-mini-staff{stroke:#b9acc833;fill:none}.puzzle-experience .puzzle-advanced{font-size:.8rem}.puzzle-advanced summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:#62547b;text-decoration:underline;text-underline-offset:4px}.puzzle-experience .puzzle-solved-stamp{display:inline-block;background:#27674f;color:#fff2b7;font:900 .75rem var(--font-mono);letter-spacing:.1em;border-radius:8px;padding:.7rem 1rem;transform:rotate(-3deg);animation:puzzle-stamp .45s ease-out}.puzzle-experience .puzzle-trophy{display:grid;place-items:center;width:96px;height:96px;border-radius:30px;margin:auto;background:#fff1c7;color:#6d4caf;font-size:3rem;transform:rotate(-8deg)}.puzzle-experience .music-finish h2{font-family:Georgia,serif;font-size:clamp(1.4rem,4vw,2rem)}.puzzle-experience .puzzle-mission{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.3rem}.puzzle-experience .puzzle-mission span{border:1px solid #9c753e40;background:#ffffff55;border-radius:99px;padding:.4rem .7rem;font-size:.68rem;font-weight:800;color:#755b39}.puzzle-experience .puzzle-mission .is-active{color:#fff3d8;background:#67482e;border-color:#67482e}.puzzle-experience .puzzle-mission .is-done{color:#1c614f;background:#daf5dd;border-color:#99c79d}.puzzle-experience .puzzle-type-answer{display:flex;align-items:end;gap:.65rem;max-width:580px;margin:1.3rem auto}.puzzle-experience .puzzle-type-answer label{flex:1 1;display:grid;gap:.4rem;min-width:0;color:#67482e;font-size:.78rem;font-weight:800}.puzzle-experience .puzzle-type-answer input{min-width:0;width:100%;border:1px solid #b69967;background:#fffdf5;color:#392e27;border-radius:12px;padding:.8rem;font:750 1rem var(--font-mono);letter-spacing:.12em}.puzzle-type-answer button{min-height:48px}.puzzle-experience .puzzle-word-feedback{font-size:.85rem;color:#7c4530;padding:.65rem;background:#fffaf077;border-radius:10px}.puzzle-experience .puzzle-word-unlocked{color:#245943;font-weight:800;text-align:center;padding:.8rem}.puzzle-experience .puzzle-word-unlocked span{display:inline-block;animation:puzzle-stamp .5s ease-out;font-size:1.5rem}.puzzle-experience .is-forged .ink-tiles button{animation:puzzle-tile .4s ease-out}.puzzle-experience .is-forged .ink-tiles button:nth-child(2n){animation-delay:.06s}.puzzle-experience .puzzle-earned{display:flex;align-items:center;gap:1rem;margin:1rem 0;padding:1rem 1.2rem;border:1px solid #abcbae;border-radius:18px;background:linear-gradient(120deg,#e3f9e6,#fff4c9);color:#275b3d;animation:puzzle-stamp .4s ease-out}.puzzle-earned>span{font-size:2.5rem;color:#91712c}.puzzle-earned p{font-size:.85rem;margin:.3rem 0 0}.puzzle-experience .puzzle-collection{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;margin:1rem 0}.puzzle-experience .puzzle-collection>span{display:grid;gap:.3rem;background:#f0f1f6;padding:.8rem 1rem;border:1px solid #cdd1db;border-radius:15px;color:#61667c;font-weight:800}.puzzle-experience .puzzle-collection>.is-complete{color:#296248;background:#e3f6e9;border-color:#acd0b9}.puzzle-collection small{font-size:.65rem;font-weight:500}.puzzle-experience .puzzle-notation{display:block;width:100%;max-height:190px;color:#345471;margin-bottom:.5rem}.puzzle-notation line{stroke:#8ca3b5}.puzzle-notation ellipse,.puzzle-notation text{fill:#345471}.puzzle-notation path{stroke:#345471;stroke-width:2;fill:none}.puzzle-notation .puzzle-notation-mark{stroke:#127f70;stroke-width:3;animation:puzzle-stamp .25s ease-out}@keyframes puzzle-sound{to{height:24px;background:#fff1a3}}@keyframes puzzle-stamp{0%{opacity:0;scale:1.08}to{opacity:1;scale:1}}@keyframes puzzle-tile{50%{transform:translateY(-8px) rotate(3deg)}}@media (max-width:520px){.puzzle-experience .puzzle-type-answer{flex-direction:column;align-items:stretch}.puzzle-experience .puzzle-journey small{font-size:.61rem}.puzzle-stage-caption>strong{font-size:1.05rem}}@media (prefers-reduced-motion:reduce){.puzzle-experience *,.puzzle-experience :after,.puzzle-experience :before{animation:none!important;transition:none!important}}