.mobile-discovery{position:relative;overflow:hidden;margin:16px 0 24px;padding:22px;border-radius:28px;color:#f8fafc;background:radial-gradient(ellipse at 80% 0,#62421d66,transparent 65%),linear-gradient(145deg,#202b40,#0b1220 65%);border:1px solid #ffffff24;box-shadow:inset 0 1.5px #ffffff30,0 12px 0 -7px #030711,0 22px 45px #0005}.discovery-top{display:flex;justify-content:space-between;gap:12px;font-size:10px;font-weight:700;letter-spacing:.12em;color:#e9c88c}.discovery-top button{color:#cbd5e1;letter-spacing:0;font-size:12px}.discovery-art{height:154px;display:grid;place-items:center;position:relative;perspective:600px}.discovery-tile{display:grid;place-items:center;width:94px;height:94px;border-radius:25px;color:#ffe0a1;background:linear-gradient(135deg,#6d512c,#282136);border:1px solid #fbbf2466;box-shadow:inset 0 2px #ffffff40,8px 12px 0 #070b15,12px 22px 35px #0008;transform:rotateX(12deg) rotateY(-15deg) rotate(-7deg);animation:discovery-float 5s ease-in-out infinite}.discovery-orbit{position:absolute;width:230px;height:105px;border:1px solid #e6b96b25;border-radius:50%;transform:rotate(-16deg)}.discovery-stamp{position:absolute;bottom:8px;right:5px;display:flex;align-items:center;gap:5px;background:#182337;border:1px solid #ffffff25;padding:8px 10px;border-radius:10px;font-size:10px;box-shadow:0 4px 0 #070b15}.discovery-eyebrow{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#f7c875;margin-bottom:8px}.discovery-story{animation:discovery-enter .35s ease-out;min-height:155px}.discovery-story h2{font-family:Georgia,serif;font-size:30px;line-height:1.15;letter-spacing:-.03em;margin-bottom:12px}.discovery-story>p:last-child{font-size:14px;line-height:1.7;color:#cbd5e1}.discovery-steps{display:flex;gap:6px;margin:18px 0}.discovery-steps button{display:flex;flex:1;align-items:center;justify-content:center;gap:5px;min-height:44px;font-size:11px;border-radius:12px;border:1px solid #ffffff18;background:#ffffff06;color:#cbd5e1}.discovery-steps button[aria-pressed=true]{background:#f5b84b20;color:#ffe0a1;border-color:#f5b84b66;box-shadow:inset 0 1px #ffffff25,0 3px #030711}.discovery-primary{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:750;font-size:14px;color:#251703;background:linear-gradient(#ffe0a0,#edac42);border:1px solid #ffdfa0;border-radius:15px;box-shadow:inset 0 2px #fff7,0 5px #875513,0 10px 22px #0005;transition:transform .15s}.discovery-primary:active{transform:translateY(3px)}.discovery-next{display:block;margin:16px auto 0;font-size:12px;color:#e2e8f0;min-height:32px}.discovery-footer{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:20px;font-size:11px;color:#aebdd2}.discovery-footer button{color:#ffe0a1;min-height:36px;text-decoration:underline;text-underline-offset:4px}.discovery-compact .discovery-top{margin-bottom:18px}@keyframes discovery-float{50%{transform:translateY(-7px) rotateX(8deg) rotateY(-10deg) rotate(-4deg)}}@keyframes discovery-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.mobile-discovery *{animation:none!important;transition:none!important}}.mobile-discovery button:focus-visible{outline:2px solid #fff;outline-offset:4px}