:root{--ink:#211c25;--paper:#eee4cf;--paper2:#d8c9aa;--red:#873c38;--gold:#bf9857;--night:#181722}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0f0e12;color:var(--ink);font-family:"Noto Serif SC","Songti SC","STSong",serif}.stage{position:relative;width:100vw;height:100vh;min-height:420px;overflow:hidden;background:#19171d}.scene,.moon-layer,.ink-vignette{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scene{filter:saturate(.78) contrast(1.02);transition:opacity .7s ease}.moon-layer{background:url('assets/room-moon.png') center/cover no-repeat;opacity:0;transition:opacity 1.8s ease}.moon-layer.show{opacity:1}.ink-vignette{pointer-events:none;background:radial-gradient(circle at center,transparent 45%,rgba(16,13,19,.52) 100%),linear-gradient(180deg,rgba(11,10,15,.42),transparent 30%,rgba(10,9,13,.45))}.topbar{position:absolute;z-index:8;top:max(16px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;color:#f4ead4;text-shadow:0 2px 8px #000}.seal-btn{width:44px;height:44px;border:1px solid #d8b878;background:#743630;color:#f5dfb9;font:700 22px serif;transform:rotate(-3deg);box-shadow:0 5px 16px #0006}.chapter{display:flex;flex-direction:column;align-items:center;letter-spacing:.12em}.chapter span{font-size:12px;color:#d8bf91}.chapter b{font-size:18px;font-weight:500}.text-btn{border:1px solid #ceb98d88;background:#1b1821aa;color:#f0e4cd;padding:9px 14px;font:15px serif}.title-screen,.ending{position:absolute;z-index:6;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f3e9d4;text-align:center;background:linear-gradient(90deg,#17151dcc 0%,#17151d55 45%,#17151dcc 100%)}.title-mark{font-size:clamp(46px,8vw,92px);letter-spacing:.25em;text-indent:.25em;text-shadow:0 5px 24px #000,0 0 2px #d0b77d;writing-mode:horizontal-tb}.title-screen p{letter-spacing:.45em;color:#cbb78e;margin:14px 0 32px}.primary-btn,.ghost-btn{border:1px solid #c8a667;padding:12px 30px;min-width:148px;font:17px serif;letter-spacing:.16em;cursor:pointer}.primary-btn{background:linear-gradient(#934a43,#70322f);color:#fff1d4;box-shadow:0 7px 18px #0005}.ghost-btn{margin-top:12px;background:#18151dbb;color:#eadfc8}.character{position:absolute;z-index:3;bottom:-10%;max-height:88%;max-width:42%;object-fit:contain;filter:drop-shadow(0 10px 18px #0008);transition:opacity .5s,transform .5s}.storyteller{left:8%}.dialogue{position:absolute;z-index:10;left:7%;right:7%;bottom:5%;min-height:142px;padding:26px 86px 22px 36px;border:1px solid #b99a65aa;background:linear-gradient(100deg,#eee5d8f2,#d9cbaeec);box-shadow:0 12px 36px #0009}.dialogue:before{content:"";position:absolute;inset:7px;border:1px solid #755a3b55;pointer-events:none}.speaker{position:absolute;left:24px;top:-18px;padding:8px 23px;background:#783b38;color:#f6e7c6;border:1px solid #c19b61;letter-spacing:.18em}.dialogue p{position:relative;margin:0;font-size:clamp(16px,2vw,22px);line-height:1.8}.next-btn{position:absolute;right:26px;bottom:22px;width:45px;height:45px;border-radius:50%;border:1px solid #997745;background:#342731;color:#f0d6a8;font:18px serif}.choices{position:absolute;bottom:100%;left:18%;right:18%;display:grid;gap:10px;margin-bottom:14px}.choices button{padding:11px;border:1px solid #c1a06a;background:#251f28e8;color:#f0e3ca;font:16px serif}.mission{position:absolute;z-index:7;top:82px;left:50%;transform:translateX(-50%);display:flex;gap:18px;padding:10px 22px;background:#17151ddd;color:#ecddbf;border:1px solid #af8d58}.hotspot{position:absolute;z-index:6;width:72px;height:72px;border-radius:50%;border:1px solid #efd897;background:#8f553033;box-shadow:0 0 0 8px #d8b36d19,0 0 24px #edc671;animation:pulse 2s infinite;cursor:pointer}.hotspot span{position:absolute;top:76px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#fff0ce;background:#1d1922cc;padding:3px 9px}.bottle-hotspot{left:23%;top:48%}.powder-hotspot{left:47%;top:62%}.letter-hotspot{right:14%;top:39%}@keyframes pulse{50%{box-shadow:0 0 0 16px transparent,0 0 36px #f0c86e}}.modal{position:fixed;z-index:30;inset:0;display:grid;place-items:center;background:#0b0910d9;padding:24px}.modal-card{position:relative;display:grid;grid-template-columns:1fr 1.2fr;width:min(860px,92vw);max-height:88vh;overflow:auto;background:var(--paper);border:1px solid #ba985e;box-shadow:0 24px 80px #000}.modal-card:before{content:"";position:absolute;inset:8px;border:1px solid #765a3655;pointer-events:none}.evidence-visual{min-height:330px;display:grid;place-items:center;background:radial-gradient(#f2eadb,#cbbd9e);padding:30px}.evidence-visual img{max-width:90%;max-height:300px;object-fit:contain;filter:drop-shadow(0 12px 12px #59462655)}.evidence-copy{padding:52px 46px 36px}.evidence-copy span,.drawer-kicker{color:var(--red);letter-spacing:.3em}.evidence-copy h2{font-size:32px;margin:8px 0 14px}.evidence-copy p{line-height:1.8}.modal-close{position:absolute;z-index:3;right:18px;top:12px;border:0;background:none;font-size:32px;color:#5f4937}.interaction{min-height:44px;margin:14px 0;color:#6b463c;font-size:14px}.shake-object{display:inline-block;animation:shake .18s 8}@keyframes shake{25%{transform:translateX(-8px) rotate(-4deg)}75%{transform:translateX(8px) rotate(4deg)}}.drawer{position:fixed;z-index:25;right:0;top:0;bottom:0;width:min(430px,92vw);padding:58px 32px;background:#e9dfcc;box-shadow:-18px 0 50px #0008;overflow:auto}.drawer h2{font-size:34px;margin:5px 0 24px}.clue-card{display:grid;grid-template-columns:70px 1fr;gap:15px;border-top:1px solid #856c49;padding:17px 0}.clue-card img{width:68px;height:68px;object-fit:contain;background:#d5c6aa}.clue-card h3{margin:2px 0 5px}.clue-card p{margin:0;font-size:14px;line-height:1.5}.empty{color:#705f4a}.ending{background:#16131edc}.ending span{color:#c7a66e;letter-spacing:.35em}.ending h1{font-weight:500;font-size:42px}.ending p{max-width:520px;line-height:1.8;margin:0 20px 25px}.hidden{display:none!important}.rotate-tip{display:none}
@media (orientation:portrait) and (max-width:800px){.rotate-tip{position:fixed;z-index:100;inset:0;display:grid;place-items:center;background:#17151d;color:#eadcbe;letter-spacing:.2em}.stage{display:none}}@media(max-height:560px){.topbar{top:10px}.dialogue{bottom:3%;min-height:118px;padding-top:22px}.dialogue p{line-height:1.55}.character{max-height:82%}.mission{top:64px}.modal-card{max-height:94vh}.evidence-visual{min-height:260px}.evidence-copy{padding:38px 36px 25px}}

.game-tools{display:flex;gap:7px}.game-tools .text-btn{padding:9px 12px}.text-btn[aria-pressed="true"]{background:#843e39;border-color:#e1bd78}.location-tabs{position:absolute;z-index:8;left:24px;top:50%;transform:translateY(-50%);display:grid;gap:8px}.location-tabs button{border:1px solid #b6945c;background:#18151dcc;color:#e9d9ba;padding:10px 15px;font:15px serif}.location-tabs button.active{background:#7a3c37}.hotspot:nth-child(1){left:23%;top:48%}.hotspot:nth-child(2){left:47%;top:62%}.hotspot:nth-child(3){right:14%;top:39%}.hotspot:nth-child(4){right:28%;top:66%}.history-drawer{width:min(560px,94vw)}.history-item{padding:13px 0;border-bottom:1px solid #876e4b55;line-height:1.65}.history-item b{color:#783b38;margin-right:10px}.narrator-text{font-style:italic;color:#514437}.choice-note{color:#825449;font-size:13px;margin-top:5px}
.dialogue p{white-space:pre-line}.choices button:disabled{opacity:.58}.choices input[type="range"]{width:100%;accent-color:#843e39;background:#eee4cf;padding:16px;cursor:grab}
.cinematic{position:absolute;z-index:20;inset:0;display:grid;place-items:center;padding:10vh 16vw;background:#050507;color:#eee7da;text-align:center}.cinematic p{max-width:800px;margin:0;font-size:clamp(19px,2.5vw,31px);line-height:2.05;letter-spacing:.12em;opacity:0;filter:blur(3px);transform:translateY(8px)}.cinematic p.show{animation:cinematic-fade 1.8s ease forwards}.cinematic button{position:absolute;right:6vw;bottom:7vh;border:0;background:none;color:#aa9f8c;font:15px serif;letter-spacing:.25em;opacity:0;transition:opacity .5s}.cinematic button.ready{opacity:.8}@keyframes cinematic-fade{to{opacity:1;filter:blur(0);transform:none}}
.scale-mode{left:10%;right:10%}.scale-sim{padding:18px 22px 16px;border:1px solid #c1a06a;background:#17141cef;color:#eadfc8;box-shadow:0 12px 30px #0008}.scale-beam{position:relative;width:62%;height:5px;margin:2px auto 12px;background:#c5a768;transform-origin:center;transition:transform .12s}.scale-beam:before,.scale-beam:after{content:"";position:absolute;top:4px;width:1px;height:25px;background:#b18d52}.scale-beam:before{left:7%}.scale-beam:after{right:7%}.scale-beam i{position:absolute;left:50%;top:-8px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:12px solid #7d4938}.scale-readout{display:flex;align-items:baseline;justify-content:center;gap:15px;margin-bottom:12px}.scale-readout strong{font-size:27px;color:#e4bf73}.scale-readout span{font-size:16px}.scale-track{position:relative;height:30px;margin:0 18px;background:linear-gradient(90deg,#453731,#776142);border:1px solid #b99a65;box-shadow:inset 0 2px 8px #000}.scale-track:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),#e1c88955 calc(10% - 1px),#e1c88955 10%);pointer-events:none}.scale-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#785046,#ba8c55);transition:width .08s}.scale-track button{position:absolute;z-index:2;left:0;top:50%;width:34px;height:45px;min-width:0;padding:0;border-radius:4px;background:linear-gradient(#d1b076,#76533b);transform:translate(-50%,-50%);touch-action:none;box-shadow:0 5px 10px #0009}.scale-track.weighing button{box-shadow:0 0 0 3px #e3c57a66,0 5px 10px #0009}.scale-sim small{display:block;margin-top:13px;color:#bfb19b;letter-spacing:.06em}.fu-reveal{animation:fu-appear .8s ease both}@keyframes fu-appear{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:none}}
.character{left:auto;right:auto;transform-origin:center bottom;opacity:.72}.portrait-left{left:3%;transform:translateX(-2%) scale(.96)}.portrait-right{right:3%;transform:translateX(2%) scale(.96)}.character.speaking{z-index:4;opacity:1;filter:drop-shadow(0 14px 22px #000a);animation:speaker-enter .42s ease both}.portrait-left.speaking{transform:translateX(0) scale(1)}.portrait-right.speaking{transform:translateX(0) scale(1)}@keyframes speaker-enter{from{opacity:0;filter:blur(2px) drop-shadow(0 10px 18px #0008)}to{opacity:1;filter:blur(0) drop-shadow(0 14px 22px #000a)}}
.portrait-center{left:50%;right:auto;bottom:-7%;max-width:58%;max-height:96%;transform:translateX(-50%) scale(1.08);opacity:1}.dong-grief{max-height:108%;max-width:48%;bottom:-14%;filter:drop-shadow(0 16px 28px #000c)}.grief-scene .dialogue{left:4%;right:auto;bottom:9%;width:min(430px,38vw);padding:25px 70px 20px 30px}.grief-scene .dialogue p{font-size:clamp(17px,2vw,24px)}
.narration{position:absolute;z-index:9;inset:0;display:grid;place-items:center;padding:16vh 15vw;pointer-events:none}.narration:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,#0e0c1266 0%,#0c0a1088 38%,transparent 72%)}.narration p{position:relative;max-width:820px;margin:0;color:#f4ead6;text-align:center;text-shadow:0 3px 16px #000,0 1px 2px #000;font-size:clamp(19px,2.4vw,30px);line-height:2;letter-spacing:.08em;white-space:pre-line;opacity:0;transform:translateY(9px);filter:blur(2px)}.narration p.show{animation:narration-in 1.15s ease forwards}.narration button{position:absolute;right:6vw;bottom:8vh;width:44px;height:44px;border:1px solid #c7ab7288;border-radius:50%;background:#17131caa;color:#e8d3a8;font:16px serif;pointer-events:auto}@keyframes narration-in{to{opacity:1;transform:none;filter:blur(0)}}
.fog-layer{position:absolute;z-index:5;inset:-20%;opacity:0;pointer-events:none;filter:blur(22px);background:radial-gradient(ellipse at 18% 42%,#e9e5dcbb 0 8%,transparent 28%),radial-gradient(ellipse at 78% 58%,#ddd9d2aa 0 10%,transparent 32%),radial-gradient(ellipse at 46% 78%,#f1eee799 0 9%,transparent 30%);transform:translateX(-8%)}.fog-layer.show{opacity:.78;animation:fog-drift 7s ease-in-out infinite alternate}.time-crossing .scene{animation:time-warp 2.8s ease both}@keyframes fog-drift{to{transform:translateX(9%) translateY(-3%) scale(1.08)}}@keyframes time-warp{0%{filter:saturate(.2) blur(8px);transform:scale(1.1)}100%{filter:saturate(.72) blur(0);transform:scale(1)}}
.transform-flash{position:absolute;z-index:5;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 75% 48%,#fffbe8 0 4%,#f3d88899 14%,transparent 42%)}.transform-flash.show{animation:magic-flash 1.45s ease both}.fairy-transform{animation:fairy-spin 1.35s ease both!important}.fairy-transform.transformed{filter:drop-shadow(0 0 24px #f7e6a8) drop-shadow(0 14px 22px #000a)}@keyframes magic-flash{0%,100%{opacity:0}35%{opacity:1}60%{opacity:.55}}@keyframes fairy-spin{0%{opacity:1;transform:translateX(0) scale(1)}48%{opacity:.18;transform:translateX(0) scale(.84) rotate(-3deg);filter:blur(5px) drop-shadow(0 0 35px #fff4b5)}70%{opacity:.9;transform:translateX(0) scale(1.06) rotate(1deg)}100%{opacity:1;transform:translateX(0) scale(1)}}
.tree-large{max-width:62%;max-height:94%;bottom:1%;filter:drop-shadow(0 18px 24px #0009)}.tree-transform{animation:tree-awaken 1.2s ease both!important}.transform-flash.tree-glow{opacity:1;background:radial-gradient(circle at 50% 50%,#bd233d77 0 12%,#eab35c44 28%,transparent 58%);animation:tree-glow 1s ease both}@keyframes tree-awaken{0%{transform:translateX(-50%) scale(1.08)}45%{transform:translateX(-50%) scale(1.16);filter:drop-shadow(0 0 26px #e6cc85)}100%{transform:translateX(-50%) scale(1.08);filter:drop-shadow(0 0 18px #ae213e)}}@keyframes tree-glow{0%,100%{opacity:0}45%{opacity:1}}
.cough-shake{animation:cough-shake .52s ease}.shock-shake{animation:shock-shake .62s cubic-bezier(.36,.07,.19,.97)}@keyframes cough-shake{0%,100%{transform:none}18%{transform:translate(-5px,2px)}32%{transform:translate(6px,-2px)}48%{transform:translate(-3px,1px)}64%{transform:translate(3px,-1px)}}@keyframes shock-shake{0%,100%{transform:none}15%{transform:translate(-10px,1px) rotate(-.25deg)}30%{transform:translate(11px,-2px) rotate(.25deg)}45%{transform:translate(-8px,2px)}60%{transform:translate(7px,-1px)}75%{transform:translate(-3px,1px)}}
@media(max-width:980px){.character{max-width:47%}.portrait-left{left:0}.portrait-right{right:0}.narration{padding-left:10vw;padding-right:10vw}.grief-scene .dialogue{width:42vw}.tree-large{max-width:70%}}
.narration.thought{place-items:center end;padding-right:8vw;padding-left:52vw}.narration.thought:before{background:linear-gradient(90deg,transparent 25%,#0c0a1088 100%)}.narration.thought p{max-width:520px;text-align:left;font-size:clamp(17px,2vw,24px);line-height:1.85;letter-spacing:.05em;font-style:italic;border-left:2px solid #d0ae6c99;padding:18px 0 18px 25px}.narration.thought p:before{content:"心念";display:block;margin-bottom:9px;color:#d1b67f;font-size:13px;font-style:normal;letter-spacing:.28em}
.interaction-prop{position:absolute;z-index:7;left:50%;top:43%;max-width:34vw;max-height:58vh;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 18px 24px #000b);pointer-events:none}.axe-prop{max-height:55vh;transform:translate(-50%,-50%) rotate(-18deg);transform-origin:72% 72%}.axe-chop{animation:axe-chop .48s cubic-bezier(.4,0,.2,1)}@keyframes axe-chop{0%{transform:translate(-50%,-50%) rotate(-28deg)}42%{transform:translate(-50%,-50%) rotate(58deg) translateY(8px)}58%{transform:translate(-50%,-50%) rotate(52deg)}100%{transform:translate(-50%,-50%) rotate(-18deg)}}
.chop-shake{animation:chop-shake .38s ease}@keyframes chop-shake{0%,100%{transform:none}22%{transform:translate(0,-5px)}45%{transform:translate(3px,6px)}68%{transform:translate(-2px,-2px)}}
.loom-prop{max-width:44vw;max-height:62vh;top:40%;transition:filter .25s,transform .25s}.loom-warp{animation:loom-warp .72s ease}@keyframes loom-warp{45%{filter:drop-shadow(0 0 30px #5ec9e8) drop-shadow(0 18px 24px #000b);transform:translate(-50%,-50%) scale(1.05)}}.loom-weft{animation:loom-weft .72s ease}@keyframes loom-weft{45%{filter:drop-shadow(0 0 32px #e5a24e) drop-shadow(0 18px 24px #000b);transform:translate(-50%,-50%) scale(1.05)}}.loom-shuttle{animation:loom-shuttle .72s ease}@keyframes loom-shuttle{45%{filter:drop-shadow(0 0 34px #db6e9e) drop-shadow(0 18px 24px #000b);transform:translate(-50%,-50%) scale(1.06)}}
.tap-hint{display:block;padding:11px 18px;text-align:center;color:#ead9b7;background:#1b1720dd;border:1px solid #b7955f;letter-spacing:.16em;animation:tap-hint 1.2s ease-in-out infinite alternate}@keyframes tap-hint{to{color:#fff1cc;box-shadow:0 0 18px #cba46455}}
@media(max-width:980px){.narration.thought{padding-left:45vw;padding-right:6vw}.interaction-prop{max-width:42vw}.loom-prop{max-width:52vw}}
.tree-large{top:auto;bottom:calc(5% + 150px);height:min(57vh,550px);width:auto;max-width:58%;max-height:62%;transform:translateX(-50%) scale(1.08)}
.transform-flash.tree-glow{background:radial-gradient(circle at 50% 34%,#bd233d77 0 12%,#eab35c44 28%,transparent 58%)}
@keyframes tree-awaken{0%{transform:translateX(-50%) scale(1.08)}45%{transform:translateX(-50%) scale(1.16);filter:drop-shadow(0 0 26px #e6cc85)}100%{transform:translateX(-50%) scale(1.08);filter:drop-shadow(0 0 18px #ae213e)}}
.scene-crossing .scene{animation:scene-crossing 1.1s cubic-bezier(.22,.7,.22,1) both}.fog-layer.crossing{opacity:.88;animation:crossing-mist 1.1s ease both}.scene-crossing .ink-vignette{animation:crossing-vignette 1.1s ease both}@keyframes scene-crossing{0%{opacity:.08;filter:saturate(.15) blur(16px);transform:scale(1.16)}45%{opacity:.7;filter:saturate(.4) blur(7px);transform:scale(1.08)}100%{opacity:1;filter:saturate(.78) blur(0);transform:scale(1)}}@keyframes crossing-mist{0%{opacity:0;transform:translateX(-24%) scale(1.2)}38%{opacity:.9}100%{opacity:0;transform:translateX(24%) scale(1.06)}}@keyframes crossing-vignette{0%,100%{opacity:1}45%{opacity:.25}}
@media(max-width:980px){.tree-large{top:auto;bottom:calc(5% + 148px);height:min(54vh,500px);max-width:66%}}
@media(max-height:560px){.tree-large{bottom:calc(3% + 124px);height:53vh}}
@keyframes speaker-enter{from{opacity:0}to{opacity:1}}.dong-grief{animation:grief-enter .28s ease-out both!important;will-change:opacity,transform}@keyframes grief-enter{from{opacity:0;transform:translateX(-50%) scale(1.03)}to{opacity:1;transform:translateX(-50%) scale(1.08)}}
.tree-visible{animation:tree-appear .28s ease-out both}@keyframes tree-appear{from{opacity:0}to{opacity:1}}
.scene,.fog-layer{will-change:opacity,transform;backface-visibility:hidden;transform:translateZ(0)}.fog-layer{filter:none}.scene-crossing .scene{animation:scene-crossing .72s cubic-bezier(.2,.72,.25,1) both}.fog-layer.crossing{animation:crossing-mist .72s ease-out both}.scene-crossing .ink-vignette{animation:crossing-vignette .72s ease both}@keyframes scene-crossing{0%{opacity:.18;transform:translateZ(0) scale(1.055)}55%{opacity:.82;transform:translateZ(0) scale(1.02)}100%{opacity:1;transform:translateZ(0) scale(1)}}@keyframes crossing-mist{0%{opacity:0;transform:translate3d(-15%,0,0) scale(1.08)}38%{opacity:.62}100%{opacity:0;transform:translate3d(15%,-1%,0) scale(1.02)}}
.dialogue.option-only{min-height:0;padding:0;border:0;background:transparent;box-shadow:none}.dialogue.option-only:before{display:none}.dialogue.option-only .choices{bottom:0}
.moon-layer{background-image:url('assets/room-moon.webp')}
.character.speaking{animation:portrait-pop .22s ease-out both;filter:drop-shadow(0 9px 14px #0008);will-change:opacity}@keyframes portrait-pop{from{opacity:.12}to{opacity:1}}
.scene-crossing .scene{animation-duration:.55s}.fog-layer.crossing,.scene-crossing .ink-vignette{animation-duration:.55s}
.sound-wave{position:absolute;z-index:9;left:11%;top:42%;width:190px;height:118px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dfc68b88;border-radius:50%;background:radial-gradient(circle,#efe3bd26 0 35%,#16131ea8 72%);box-shadow:0 0 0 12px #dfbd7220,0 0 44px #e7c36b55;cursor:pointer;animation:wave-arrive .5s ease-out both,wave-breathe 1.35s .5s ease-in-out infinite alternate}.sound-wave span{display:block;width:6px;border-radius:6px;background:linear-gradient(#fff4c9,#b98a43);box-shadow:0 0 12px #f5d477;animation:wave-bar .85s ease-in-out infinite alternate}.sound-wave span:nth-child(1),.sound-wave span:nth-child(7){height:20px;animation-delay:.05s}.sound-wave span:nth-child(2),.sound-wave span:nth-child(6){height:38px;animation-delay:.18s}.sound-wave span:nth-child(3),.sound-wave span:nth-child(5){height:58px;animation-delay:.3s}.sound-wave span:nth-child(4){height:78px;animation-delay:.42s}.sound-wave.sound-found{animation:wave-found .68s ease-out both}.sound-wave.sound-found span{animation-duration:.18s}@keyframes wave-arrive{from{opacity:0;transform:translateX(-28px) scale(.75)}to{opacity:1;transform:none}}@keyframes wave-breathe{to{box-shadow:0 0 0 24px transparent,0 0 64px #f0ce7877}}@keyframes wave-bar{to{transform:scaleY(.45);opacity:.62}}@keyframes wave-found{35%{transform:scale(1.16);filter:brightness(1.55)}100%{opacity:0;transform:scale(1.35)}}
@media(max-width:980px){.sound-wave{left:7%;top:38%;width:150px;height:94px;gap:6px}.sound-wave span{width:5px}}