/* Wildpitch studio — collectible wildlife, electric color, tactile controls. */
header{max-width:1240px;height:86px}main{max-width:1200px;margin-top:36px}.brand{font-size:31px}.brand b{font-size:38px}nav{background:#ffffff05;border:1px solid #ffffff0a;border-radius:40px;padding:0 22px}nav button.active{border-bottom:0;color:#ddfa77}button{transition:transform .18s,box-shadow .18s,background .18s}button:active{transform:translateY(2px)}.settings-launch{border-radius:30px!important}.intro{position:relative;min-height:225px;align-items:center;padding:10px 0 26px;margin-bottom:10px}.intro>div:first-child{max-width:69%;position:relative;z-index:1}.intro h1{font-size:clamp(40px,4.5vw,62px);font-weight:700;letter-spacing:-3px;max-width:700px;margin:16px 0;line-height:1.03}.intro h1 em{color:#d0adff;text-shadow:0 0 60px #b789f033}.intro .eyebrow{color:#ddfa77;letter-spacing:2.6px}.intro p{max-width:480px;font-size:14px}.intro .badge{position:absolute;right:0;bottom:0;font-size:10px;background:transparent;border-color:#ffffff15}.intro-collection{position:absolute;right:12px;top:0;width:270px;height:210px;pointer-events:none}.mini-card{position:absolute;width:140px;height:168px;border:6px solid #f3edff;border-bottom-width:28px;border-radius:10px;background:#e7def9;box-shadow:0 18px 30px #0005;overflow:visible}.mini-card img{width:100%;height:100%;object-fit:cover;border-radius:4px}.mini-card span{position:absolute;bottom:-21px;left:0;right:0;color:#322140;text-align:center;font:700 8px 'DM Sans',sans-serif;letter-spacing:.5px;white-space:nowrap}.mini-one{left:8px;top:7px;transform:rotate(-13deg)}.mini-two{left:112px;top:29px;transform:rotate(12deg);border-color:#dcf887}.orbit-spark{position:absolute;right:0;top:-15px;font-size:65px;color:#bd9aff;transform:rotate(15deg);text-shadow:0 5px #0b1022}.collection-note{position:absolute;left:-20px;bottom:-4px;font-size:11px;color:#c1afd8;transform:rotate(-6deg)}.mode-tools{margin-top:24px}.mode-note{letter-spacing:1px}.wild-trail{border-radius:20px;box-shadow:inset 0 1px #ffffff18,0 10px 25px #02041520;background:linear-gradient(110deg,#173e42,#28366b 55%,#52376d)}.trail-moon{box-shadow:0 0 45px #daff9380!important}.trail-scenery:after{content:'';position:absolute;left:0;right:0;bottom:0;height:28px;background:linear-gradient(0deg,#0f2b4055,transparent);pointer-events:none}.game{border:1px solid #76618c80;border-radius:28px;box-shadow:0 30px 90px #0004,0 0 50px #ba90ff08}.gamebar{padding:19px 28px;background:linear-gradient(90deg,#302742,#242337);border-bottom-color:#75618b44}.dots i{width:9px;height:9px}.score{background:#dafa6b12;padding:6px 12px;border-radius:20px;border:1px solid #dafa6b25}.grid{padding:12px;gap:12px;min-height:470px}.animal{border:0;border-radius:20px;min-height:458px}.animal.photo-mode .tag{top:18px;left:18px;font-size:9px;letter-spacing:1px;background:#191729b8;color:#fff;border:1px solid #ffffff45;backdrop-filter:blur(12px)}.animal-photo{transition:transform .7s;object-position:center}.animal:hover .animal-photo{transform:scale(1.035)}.animal.photo-mode .art:after{background:linear-gradient(180deg,#110f2910 35%,#0d11295e 65%,#0e1025f5)}.specimen-stamp{position:absolute;right:18px;top:65px;width:65px;height:65px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-content:center;text-align:center;color:white;font:600 8px 'DM Sans';letter-spacing:1px;transform:rotate(14deg);z-index:1;background:#131b3030}.photo-mode .animal-info{text-align:left;padding:70px 26px 25px}.animal h2{text-align:left;font-size:34px;letter-spacing:-1.3px;line-height:1.05}.latin{text-align:left}.animal-info .place{display:inline-block;margin-top:12px;font-size:10px;padding:6px 9px;border-radius:20px;background:#ffffff14}.photo-credit{font-size:8px;margin-top:12px}.animal:not(.photo-mode) .animal-info{padding:0 10px}.controls{border-radius:20px;background:radial-gradient(ellipse at 90% 0,#674b752b,transparent 65%),#232139;padding:30px}.controls .eyebrow{font-size:9px;color:#bba1e5;letter-spacing:2px}.controls h2{font-size:30px;letter-spacing:-1.3px}.pitch strong{font-size:72px;letter-spacing:-4px;text-shadow:0 0 35px #dafa6b1a}.pitch span{border:1px solid #dafa6b35;padding:3px 7px;border-radius:7px;color:#dafa6b}.soundwave{height:40px;gap:6px;margin-bottom:20px}.soundwave i{width:5px}.soundwave i:nth-child(3n){height:36px}.actions button{border-radius:13px;padding:17px 10px}.submit{background:linear-gradient(120deg,#e8ff8d,#cef45b);box-shadow:0 5px 0 #789531,0 8px 24px #dafa6b15;color:#293419}.submit:hover{background:#e5ff91;box-shadow:0 7px 0 #789531,0 15px 30px #dafa6b25}.submit:active{box-shadow:0 1px 0 #789531}.listen{background:#ffffff04}.session-strip{margin:0 12px 12px;border-radius:16px;border:1px solid #ffffff0a;padding:18px 24px;background:#151729}.session-strip strong{color:#e7dcff}.session-strip div:nth-child(2) strong{color:#e8fca4}.session-strip div:nth-child(3) strong{color:#9ce8e0}.result{border-radius:18px;background:radial-gradient(at top right,#67538555,transparent),#302a45;padding:22px}.result.hit{background:radial-gradient(at top right,#dafa6b30,transparent),#2b3a32}.result .points{font-size:52px;letter-spacing:-2px}.accuracy-meter{height:8px}.medal{max-width:120px;text-align:center}.comparison{padding-top:4px}.summary{background:radial-gradient(ellipse at 50% 0,#8753ac30,transparent 65%)}.summary h2{font-size:48px;letter-spacing:-2px}.summary .total{font-size:86px;text-shadow:0 0 60px #dafa6b22}.pack-section{margin-top:55px}.section-title h2{font-size:36px;letter-spacing:-1.5px}.pack-grid{gap:18px}.pack-card{min-height:285px;padding:20px;border-radius:20px!important;background:#183c35!important;border-color:#ffffff25!important;isolation:isolate;color:#fff!important;box-shadow:0 12px 30px #0002}.pack-portrait{position:absolute;inset:0;z-index:-2}.pack-portrait img{width:100%;height:100%;object-fit:cover;transition:transform .6s;opacity:.85}.pack-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0b14274d,transparent 25%,#0b1427b0 55%,#0b1427fa)}.pack-card:hover .pack-portrait img{transform:scale(1.07)}.pack-card .pack-top{color:#fff;position:relative}.pack-card .pack-top span:last-child{padding:4px 7px;background:#fff2;border-radius:12px}.pack-card .pack-icon{font-size:25px;margin:75px 0 12px;width:42px;height:42px;display:grid;place-items:center;background:#ffffff20;border:1px solid #ffffff40;border-radius:13px;backdrop-filter:blur(10px)}.pack-card b{font-size:24px;font-weight:600;letter-spacing:-.7px}.pack-card .pack-bottom{color:#e3dfed!important;font-size:10px;line-height:1.5}.pack-card[aria-pressed=true]{outline-color:#dafa6b}.pack-card:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:0 20px 35px #0004}.pack-card:nth-child(even):hover{transform:translateY(-6px) rotate(1deg)}body[data-images=illustrations] .pack-portrait,body[data-images=illustrations] .intro-collection img{display:none}body[data-images=illustrations] .mini-one:before{content:'🦊';font-size:75px}body[data-images=illustrations] .mini-two:before{content:'🐸';font-size:75px}body[data-images=illustrations] .pack-card{background:linear-gradient(145deg,#6b5086,#1d3146)!important}body[data-images=illustrations] .pack-card .pack-icon{font-size:62px;width:85px;height:85px;margin-top:30px}.score-pop{border:1px solid #ffffff65;box-shadow:0 15px 70px #0007}.result-enter{animation:studioReveal .5s cubic-bezier(.2,.8,.2,1)}@keyframes studioReveal{from{opacity:.3;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}body[data-theme=light] nav{background:#ffffff88;border-color:#ded3e8}body[data-theme=light] nav button.active{color:#51346f}body[data-theme=light] .intro .eyebrow{color:#695088}body[data-theme=light] .intro h1 em{color:#8a54ac}body[data-theme=light] .collection-note{color:#785d8a}body[data-theme=light] .intro .badge{border-color:#d5c8e1}body[data-theme=light] .game{box-shadow:0 25px 70px #55457915;border-color:#cdbdde}body[data-theme=light] .gamebar{background:linear-gradient(90deg,#ece1f8,#f7f3fa)}body[data-theme=light] .score{background:#e4edc4;border-color:#d0dca7;color:#47532a}body[data-theme=light] .controls{background:radial-gradient(at top right,#e7d6f5,transparent 60%),#fbf8ff}body[data-theme=light] .pitch span{color:#685482;border-color:#d5c4e3}body[data-theme=light] .session-strip{background:#f2ecf8;border-color:#e3d9ec}body[data-theme=light] .session-strip strong{color:#5b427b}body[data-theme=light] .session-strip div:nth-child(2) strong{color:#64732c}body[data-theme=light] .session-strip div:nth-child(3) strong{color:#257f79}body[data-theme=light] .animal.photo-mode .tag{color:#fff;background:#191729b8}body[data-theme=light] .pack-card{color:white!important}body[data-motion=off] .animal:hover .animal-photo,body[data-motion=off] .pack-card:hover,body[data-motion=off] .pack-card:hover img{transform:none}@media(max-width:900px){.intro h1{font-size:46px}.intro-collection{transform:scale(.8);transform-origin:right top;right:0;top:20px}.intro>div:first-child{max-width:66%}.grid{padding:9px;gap:9px}.controls{padding:25px}.animal h2{font-size:29px}}@media(max-width:750px){header{height:78px;padding:0 16px}.brand{font-size:23px}nav{padding:0 9px;gap:12px}main{margin-top:24px}.intro{min-height:165px;padding-bottom:16px}.intro>div:first-child{max-width:100%}.intro h1{font-size:40px;letter-spacing:-2px;max-width:520px}.intro p{max-width:430px;font-size:12px}.intro-collection{display:none}.intro .eyebrow{font-size:8px;letter-spacing:1.6px}.mode-tools{margin-top:5px}.grid{grid-template-columns:1fr;gap:0}.animal,.animal.photo-mode{min-height:365px;border-radius:18px}.controls{padding:28px 18px}.animal h2{font-size:33px}.pitch strong{font-size:66px}.session-strip{gap:20px;padding:16px}.section-title h2{font-size:30px}.pack-grid{gap:12px}.pack-card{min-height:260px;padding:15px}.pack-card b{font-size:21px}.pack-card .pack-icon{margin-top:65px}.pack-card .pack-bottom{font-size:9px}.summary .total{font-size:68px}.summary h2{font-size:37px}}@media(prefers-reduced-motion:reduce){.animal:hover .animal-photo,.pack-card:hover,.pack-card:hover img{transform:none}}
@media(min-width:751px){.intro .badge{right:310px;bottom:6px}}
/* Cheerful reveal palette, scoped to the submitted-guess result only. */
body #result{background:linear-gradient(125deg,#ffe7a8 0%,#ffc8bb 55%,#f5bee1 100%);color:#4c2945;box-shadow:0 8px 25px #f6a6b51c}
body #result.hit{background:linear-gradient(125deg,#f5ffad 0%,#cbf5a9 48%,#9fe9d7 100%)}
body #result .points,body #result .comparison b{color:#4c2945}
body #result .points small,body #result .comparison,body #result .octaves{color:#67445c}
body #result .medal{background:#fff8e5cc;border-color:#ffffffb3;color:#744058}
body #result .accuracy-meter{background:#763c6420}
body #result .accuracy-meter i{background:linear-gradient(90deg,#e96d8e,#bb4e99)}
body #result.hit .points,body #result.hit .comparison b{color:#234d40}
body #result.hit .points small,body #result.hit .comparison,body #result.hit .octaves{color:#3d6250}
body #result.hit .medal{background:#fffddbcc;border-color:#ffffffb3;color:#345e45}
body #result.hit .accuracy-meter{background:#32694b20}
body #result.hit .accuracy-meter i{background:linear-gradient(90deg,#4eb382,#248b87)}