#first-wave{width:min(720px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;border:10px solid transparent;border-image:url('assets/ui/moss-frame.svg') 18 fill / 22px / 0 stretch;background:#273d2d;color:#f4edce;overflow:auto;border-radius:24px;box-shadow:0 24px 90px #000b;font-family:var(--font-ui)}
#first-wave::backdrop{background:#08170fbb;backdrop-filter:blur(5px)}
.first-wave-shell{padding:30px 34px 22px}
#first-wave header{display:flex;align-items:center;justify-content:space-between;gap:16px}
#first-wave h2{font-family:var(--font-nature);font-size:clamp(30px,5vw,44px);line-height:1.05;margin:5px 0 0;color:#f1daa0}
.first-wave-eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#d3dbb8}
#first-wave button{min-height:44px;font-size:16px}
#first-wave button:focus-visible{outline:3px solid #fff3a6;outline-offset:3px}
#first-wave article{margin-top:18px}
.first-wave-scene{position:relative;isolation:isolate;width:min(100%,380px);margin-inline:auto;height:230px;overflow:hidden;border-radius:40% 40% 18% 18%;background:radial-gradient(ellipse at 53% 40%,#a4a25d66,transparent 65%),radial-gradient(ellipse at 50% 98%,#90a459 0 15%,#527443 16% 32%,#304d32 33% 52%,transparent 53%)}
.first-wave-scene img{position:absolute;height:auto;max-width:none;object-fit:contain;filter:drop-shadow(0 5px 3px #14241850);transform:translateY(-18%)}
.first-wave-copy{position:relative;margin:4px 0 18px;padding:19px 24px;background:#24362a;border:6px solid transparent;border-image:url('assets/ui/bark-frame.svg') 18 fill / 16px / 0 stretch;border-radius:12px;min-height:232px}
#first-wave-count{font-size:12px;color:#d1c79b;letter-spacing:.08em;margin:0 0 8px}
#first-wave h3{font-family:var(--font-nature);font-size:clamp(24px,4vw,32px);line-height:1.1;margin:0 0 12px;color:#ffedb8}
#first-wave-lines p{font-size:17px;line-height:1.45;margin:5px 0}
#first-wave-callout{font-size:13px;line-height:1.5;color:#f4d991;border-top:1px solid #d4b77155;padding-top:10px;margin:12px 0 0}
#first-wave footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
#first-wave-next{background:#70552b;border:4px solid transparent;border-image:url('assets/ui/honey-frame.svg') 18 fill / 12px / 0 stretch;color:#fff5ce;min-width:108px}
#first-wave-progress{display:flex;gap:2px;align-items:center}
#first-wave-progress button{position:relative;padding:0;width:27px;min-height:44px;background:transparent;border:0}
#first-wave-progress button::after{content:'';display:block;width:7px;height:7px;border:1px solid #d5d8b0;border-radius:50%;margin:auto}
#first-wave-progress button[aria-current="step"]::after{background:#f1d58f;box-shadow:0 0 0 3px #eadb9a30}
#first-wave-context{font-size:12px;line-height:1.4;text-align:center;color:#d5dec0;margin:15px 0 0}
@media(max-width:520px){.first-wave-shell{padding:24px 20px 18px}.first-wave-scene{height:190px}.first-wave-copy{padding:17px 18px;min-height:260px}#first-wave-lines p{font-size:16px}#first-wave footer{flex-wrap:wrap}#first-wave-progress{order:3;justify-content:center;flex-basis:100%}#first-wave-progress button{width:36px}#first-wave-next{margin-left:auto}}
@media(max-height:720px) and (min-width:521px){.first-wave-scene{height:160px}.first-wave-copy{min-height:0}.first-wave-shell{padding-top:22px}}
@media(prefers-reduced-motion:reduce){#first-wave,#first-wave *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
#first-wave-waiting{position:fixed;z-index:100;bottom:20px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);margin:0;padding:15px 20px;font:14px/1.4 var(--font-ui);text-align:center;color:#f4edce;border:6px solid transparent;border-image:url('assets/ui/moss-frame.svg') 18 fill / 14px / 0 stretch;pointer-events:none}