/* StinkDoku /beta tester page — builds on site.css (same colours, buttons, cards). No external requests. */
.beta-hero{grid-template-columns:1.2fr .8fr;padding:44px 48px}
.beta-hero h1{font-size:clamp(44px,6.4vw,78px);letter-spacing:-3px}
.beta-hero .tagline{max-width:40ch}
.beta-art{width:min(100%,340px)}
.beta .chips li{max-width:100%}

.tracks{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.track{padding:24px}
.track-head{display:flex;align-items:center;gap:12px;margin:0 0 16px;flex-wrap:wrap}
.track-head h2{margin:0;font-size:clamp(28px,3.4vw,38px)}
.track-head .eyebrow{color:var(--muted)}
.track-progress{margin:0 0 0 auto;font-size:13px;font-weight:950;letter-spacing:.4px;padding:6px 11px;border-radius:12px;background:var(--chip);border:1.5px solid var(--chip-line);color:var(--ink)}

.steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.step{display:flex;gap:14px;align-items:flex-start;background:var(--chip);border:1.5px solid var(--chip-line);border-radius:20px;padding:16px;transition:opacity .25s ease}
.step:focus{outline:none}
.step:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.step-num{flex:none;width:38px;height:38px;border-radius:13px;display:grid;place-items:center;font-weight:950;font-size:18px;background:var(--d0);color:#244840;border:2px solid rgba(36,72,64,.12)}
.step:nth-child(2) .step-num{background:var(--d2)}.step:nth-child(3) .step-num{background:var(--d3)}
#track-android .step:nth-child(1) .step-num{background:var(--d1)}#track-android .step:nth-child(2) .step-num{background:var(--d4)}#track-android .step:nth-child(3) .step-num{background:var(--d6)}
.step-body{min-width:0;flex:1}
.step-n{margin:0;font-size:11px;letter-spacing:2px;font-weight:950;text-transform:uppercase;color:var(--muted)}
.step h3{margin:2px 0 6px;font-size:20px;letter-spacing:-.6px;font-weight:950}
.step p{margin:0 0 8px;font-size:15.5px;font-weight:700;line-height:1.5}
.step-note{color:var(--muted)}
.step-note .addr{font-weight:900;color:var(--ink);overflow-wrap:anywhere}
.step-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 2px}
.step-actions .primary{font-size:16px;padding:13px 18px;min-height:52px;text-align:center}
.step-actions .secondary{min-height:52px;font:inherit;font-weight:900;font-size:15px;cursor:pointer}
/* progress states (set by beta.js) */
.js-steps .step.is-future{opacity:.5}
.js-steps .step.is-future .step-actions{display:none}
.js-steps .step.is-done .step-num{background:var(--forest2);color:#fff9e8}
.js-steps .step.is-done .step-num::after{content:"✓"}
.js-steps .step.is-done .step-num span{display:none}
.js-steps .step.is-current{background:var(--card);border-color:var(--card-edge);box-shadow:0 5px 0 var(--card-edge)}

.keep-in-mind{margin:16px 0 0;padding:16px 18px;border-radius:20px;background:#fbfff0;border:1.5px solid #c7ddc9}
@media (prefers-color-scheme:dark){.keep-in-mind{background:#1e2e2a;border-color:#3a5248}}
.keep-in-mind h3{margin:0 0 6px;font-size:18px;font-weight:950;letter-spacing:-.4px}
.keep-in-mind ul{margin:0;padding-left:20px}
.keep-in-mind li{font-size:15px;font-weight:700;line-height:1.5;margin:0 0 6px}
.apk{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin:14px 0 0}
.apk p{margin:0;font-weight:800;color:var(--muted)}

.beta-nav{display:flex;justify-content:center;gap:12px;margin:22px 0 0}
.beta-nav .secondary{font:inherit;font-weight:900;cursor:pointer}
.fb-cta{margin:16px 0 0}
.band .secondary{background:rgba(255,249,232,.1);border-color:rgba(182,232,198,.45);color:#fff9e8}

/* small dragon pop (beta.js), purely decorative */
.dragon-pop{position:fixed;right:22px;bottom:-140px;width:110px;height:110px;z-index:50;pointer-events:none}
.dragon-pop .pop-dragon{width:100%;height:100%;filter:drop-shadow(0 10px 14px rgba(4,24,20,.35))}
.dragon-pop .puff{opacity:0}
.dragon-pop .q1{width:22px;height:22px;left:4px;top:20px}.dragon-pop .q2{width:14px;height:14px;left:-8px;top:30px}.dragon-pop .q3{width:28px;height:28px;left:10px;top:8px}
.dragon-pop.go{animation:dpop 1.7s cubic-bezier(.2,.8,.2,1) forwards}
.dragon-pop.go .puff{animation:drift 1.6s ease-out forwards}
.dragon-pop.go .q2{animation-delay:.25s}.dragon-pop.go .q3{animation-delay:.45s}
@keyframes dpop{0%{transform:translateY(0) rotate(-10deg)}35%{transform:translateY(-170px) rotate(4deg)}45%{transform:translateY(-162px) rotate(-6deg)}70%{transform:translateY(-170px) rotate(3deg)}100%{transform:translateY(0) rotate(-8deg)}}

@media (max-width:980px){.tracks{grid-template-columns:1fr}}
@media (max-width:860px){.beta-hero{grid-template-columns:1fr;padding:30px 22px}.beta-art{width:min(70%,240px);order:-1}}
@media (max-width:520px){
  .track{padding:18px 14px}
  .step{padding:14px 12px;gap:10px}
  .step-actions .primary,.step-actions .secondary{width:100%;justify-content:center}
  .apk .secondary,.fb-cta .primary,.fb-cta .secondary{width:100%;justify-content:center}
  .track-progress{margin-left:0}
  .dragon-pop{width:84px;height:84px;right:12px}
}
@media (prefers-reduced-motion:reduce){.dragon-pop{display:none}}