/* Project story and the demo-to-wallet handoff. */
.experience-bar{display:flex;align-items:center;gap:22px;padding:14px 4%;min-height:76px;background:#17101f;border-bottom:1px solid #cfb5ed19}
.experience-tabs{display:flex;flex:none;padding:4px;border:1px solid #c9a5eb26;border-radius:11px;background:#0e0a1599;gap:3px}
.experience-tabs button{background:none;color:#ad99c0;border-radius:7px;padding:10px 14px;min-height:40px;font-size:13px}
.experience-tabs button[aria-pressed=true]{background:#c2a0e323;color:#efdefe;box-shadow:inset 0 0 0 1px #cea8ed29}
.experience-tabs button span{margin-left:7px;font-size:12px}.experience-bar>p{font-size:13px;color:#ac96bb;line-height:1.6;margin:0;max-width:540px}.experience-help{margin-left:auto;color:#c8a8e6;font-size:12px;white-space:nowrap}.experience-help span{margin-left:8px}
.sanctuary{height:calc(100svh - 164px);min-height:790px}.creature-intro{top:16%;left:4%;width:310px}.creature-intro .project-headline{font-family:Manrope,sans-serif;font-size:clamp(43px,3.75vw,58px);line-height:1.07;letter-spacing:-2.8px;font-weight:500;margin:0 0 24px;max-width:none;overflow-wrap:normal;white-space:normal}
.project-headline em{font-family:'Playfair Display',serif;font-weight:500;font-style:italic;color:#d3b4f3;letter-spacing:-2px}.creature-intro>.project-pitch{font-size:15px;line-height:1.85;color:#bca8ce;margin:0 0 25px;max-width:305px}.project-pitch strong{font-weight:500;color:#e7d4f8}
.hero-buttons{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.hero-buttons .connect-button{font-size:13px;padding:12px 15px;gap:15px}.hero-buttons>a{font-size:13px;color:#d3b6ed}.hero-buttons>a span{margin-left:8px}
.hero-companion{margin-top:36px;border-top:1px solid #c9a4e226;padding-top:21px;max-width:275px}.companion-label{font-size:10px;letter-spacing:1.5px;color:#a084b6;display:block;margin-bottom:11px}.hero-companion h2{font-family:Manrope;font-size:26px;letter-spacing:-.9px;font-weight:500;margin:0;min-width:0;overflow-wrap:anywhere}.hero-companion h2 span{color:#c6a0e9}.hero-companion .name-row{justify-content:space-between;gap:12px}.hero-companion .rename-button{margin:0!important;width:28px;height:28px;font-size:14px}.hero-companion>p{font-size:13px;line-height:1.7;color:#ac95be;margin:10px 0 15px}.hero-companion .creature-stage{margin:0;gap:9px}.hero-companion .creature-stage>span{font-size:19px;letter-spacing:-.8px;padding-right:9px}.hero-companion .creature-stage strong{font-size:13px;color:#c7adda}
.dragon-viewport{left:22%;right:21%;top:9%;bottom:8%}.dragon-whisper{left:48%;top:14%;font-size:18px}.creature-actions{left:50%}.habitat-panel{top:12%}
.wallet-journey{padding:27px 30px;margin:24px 4% 0;border:1px solid #c9a8e329;border-radius:16px;background:linear-gradient(110deg,#30213c9c,#17101f)}
.wallet-journey-header{display:flex;justify-content:space-between;align-items:start;gap:20px}.wallet-journey h2{font-family:Manrope;font-weight:500;font-size:22px;letter-spacing:-.6px;margin:0 0 8px}.wallet-journey-header p{font-size:14px;line-height:1.7;color:#ad97be;margin:0;max-width:700px}.wallet-journey-header a{color:#c7a8e2;font-size:13px;white-space:nowrap}
.wallet-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;list-style:none;margin:25px 0 0;padding:0}.wallet-steps li{display:flex;align-items:center;gap:12px;border-top:1px solid #c7a7e525;padding-top:16px}.wallet-steps .step-state{flex:none;width:29px;height:29px;border:1px solid #c6a6e237;color:#9476ac;border-radius:50%;display:grid;place-items:center;font-size:12px}.wallet-steps strong{display:block;font-size:14px;font-weight:500;color:#cdb8dd}.wallet-steps small{display:block;font-size:12px;line-height:1.6;color:#9b83ac;margin-top:4px}.wallet-steps li[data-status=done] .step-state{color:#d9e7b4;background:#a4b66a18;border-color:#a5b77550}.wallet-steps li[data-status=current] .step-state{background:#b38dd22b;color:#eddaff;border-color:#d6b5f072}
#evolution-bar.is-live{background:linear-gradient(110deg,#242431,#1c1525)}.is-live .growth-slider-row label{color:#b3aa96}
body[data-experience=live] .experience-tabs button[aria-pressed=true]{background:#b4c87f16;border-color:#d1dfa52c;color:#e3edc8}
body[data-experience=live] .sanctuary-top>span i{background:#d6dea9;box-shadow:0 0 15px #bccb79}
.sanctuary.is-checking .unknown-creature>img{animation:waiting-pet 1.6s ease-in-out infinite}.sanctuary .dragon-viewport{animation:world-arrives .6s ease both}
@keyframes world-arrives{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes waiting-pet{50%{opacity:.35;transform:translateY(-7px)}}
@media(min-width:1600px){.creature-intro{left:6%;width:350px}.creature-intro .project-headline{font-size:64px}.hero-companion{max-width:310px}.creature-intro>.project-pitch{max-width:340px;font-size:16px}}
@media(max-width:1200px){.experience-help{display:none}.creature-intro{width:265px}.creature-intro .project-headline{font-size:46px;letter-spacing:-2px}.creature-intro>.project-pitch{font-size:14px}.hero-buttons{gap:13px}.hero-buttons .connect-button{font-size:12px;padding:12px}.hero-buttons>a{font-size:12px}.dragon-viewport{left:22%;right:21%}.hero-companion{max-width:235px}.hero-companion h2{font-size:24px}}
@media(max-width:1000px){.topbar nav{gap:17px}.topbar nav a{font-size:12px}.creature-intro{width:235px}.creature-intro .project-headline{font-size:41px;letter-spacing:-1.8px}.hero-buttons{gap:14px}.hero-companion{margin-top:29px}.hero-companion>p{font-size:12px}.dragon-viewport{left:20%;right:19%}}
@media(max-width:850px){.experience-bar{padding:12px 5%;gap:13px;flex-wrap:wrap}.experience-tabs button{font-size:12px;padding:9px 13px}.experience-bar>p{font-size:12px;flex:1;min-width:240px}.sanctuary{height:auto;min-height:1330px;max-height:none}.creature-intro{top:92px;left:6%;width:88%;max-width:600px;display:block}.creature-intro .project-headline{font-size:51px;line-height:1.06;max-width:520px;margin-bottom:18px}.project-headline br{display:none}.creature-intro>.project-pitch{font-size:15px;max-width:520px;margin-bottom:20px}.hero-buttons .connect-button{font-size:13px;padding:12px 16px}.hero-buttons>a{font-size:13px}.hero-companion{position:absolute;top:350px;left:0;max-width:185px;margin:0;padding-top:15px;z-index:3;background:linear-gradient(90deg,#140d1b66,transparent)}.hero-companion>p{display:none}.hero-companion h2{font-size:22px}.hero-companion .creature-stage{margin-top:12px}.companion-label{font-size:9px;letter-spacing:1px}.dragon-viewport{left:6%;right:0;top:335px;height:535px;bottom:auto}.dragon-whisper{top:16%;left:51%}.creature-actions{top:817px;left:50%;bottom:auto}.habitat-panel{top:911px}.unknown-creature{top:525px;left:25%;right:10%}.wallet-journey{margin:20px 5% 0;padding:24px}.wallet-journey-header a{display:none}.wallet-steps{gap:16px}.wallet-steps li{align-items:flex-start}.wallet-steps strong{font-size:13px}.wallet-steps small{font-size:11px}}
@media(max-width:550px){.experience-bar{gap:10px}.experience-tabs{width:100%;justify-content:space-between}.experience-tabs button{flex:1}.experience-bar>p{font-size:12px;min-width:0;flex-basis:100%;line-height:1.6}.sanctuary{min-height:1370px}.creature-intro{top:82px;width:88%}.creature-intro .project-headline{font-size:44px;letter-spacing:-2px;max-width:380px}.creature-intro>.project-pitch{font-size:14px;line-height:1.85;max-width:340px}.hero-buttons{gap:23px}.hero-companion{top:365px;max-width:155px;padding-top:13px}.hero-companion h2{font-size:20px}.hero-companion .rename-button{width:24px;height:24px}.dragon-viewport{left:-13%;right:-13%;top:432px;height:470px}.dragon-whisper{top:13%;left:47%;font-size:15px}.creature-actions{top:866px}.habitat-panel{top:951px}.unknown-creature{top:590px;left:14%;right:14%}.wallet-journey{padding:22px 18px}.wallet-journey h2{font-size:20px}.wallet-steps{grid-template-columns:1fr;gap:12px}.wallet-steps li{padding-top:12px}.wallet-steps strong{font-size:14px}.wallet-steps small{font-size:12px}.experience-help{display:none}}
@media(max-width:350px){.creature-intro .project-headline{font-size:39px}.hero-buttons{gap:15px}.hero-buttons .connect-button{font-size:12px}.hero-buttons>a{font-size:12px}.hero-companion{top:353px}.dragon-viewport{top:440px}.sanctuary{min-height:1385px}}
@media(prefers-reduced-motion:reduce){.sanctuary .dragon-viewport,.sanctuary.is-checking .unknown-creature>img{animation:none}}


.sanctuary-status{display:flex;align-items:center;gap:9px;min-height:44px;color:#b6a6c5;font-size:13px;white-space:nowrap}.sanctuary-status .status-dot{flex:none}body[data-experience=live] .sanctuary-status .status-dot{background:#cfdaa8}@media(max-width:1100px){.sanctuary-status{display:none}}