#byo-root{--byo-deep: #0d3d47;--byo-teal: #1a4a5c;--byo-light: #4fb3c9;--byo-sand: #f4efe6;--byo-cream: #faf7f0;--byo-gold: #d9b56a;--byo-ink: #12242a;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--byo-ink);background:var(--byo-cream);min-height:100vh;position:relative;overflow-x:hidden}#byo-root *{box-sizing:border-box}#byo-root h1,#byo-root h2,#byo-root h3{font-family:Cormorant Garamond,Georgia,serif;font-weight:500;letter-spacing:.01em;margin:0}.byo-intro{max-width:720px;margin:0 auto;padding:clamp(48px,8vw,96px) 24px 32px;text-align:center}.byo-eyebrow{display:inline-block;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--byo-teal);opacity:.7;margin-bottom:16px}.byo-intro h1{font-size:clamp(2.25rem,6vw,3.5rem);color:var(--byo-teal);line-height:1.1}.byo-intro p{margin-top:18px;font-size:1.05rem;line-height:1.6;color:var(--byo-ink);opacity:.75}.byo-chooser{max-width:480px;margin:0 auto;padding:8px 24px 80px;display:flex;justify-content:center}.byo-habitat-card{width:100%;border:none;border-radius:24px;padding:40px 32px;cursor:pointer;text-align:left;background:linear-gradient(160deg,#4fb3c929,#1a4a5c14);border:1px solid rgba(26,74,92,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease;display:flex;align-items:center;gap:20px}.byo-habitat-card:hover,.byo-habitat-card:focus-visible{transform:translateY(-4px);box-shadow:0 18px 40px -12px #0d3d4740;outline:none}.byo-habitat-card:focus-visible{outline:2px solid var(--byo-teal);outline-offset:3px}.byo-habitat-icon{font-size:2.5rem;line-height:1}.byo-habitat-copy h2{font-size:1.5rem;color:var(--byo-teal)}.byo-habitat-copy p{margin:4px 0 0;font-size:.9rem;opacity:.7}#byo-world{position:relative;min-height:640px;display:flex;flex-direction:column}#byo-world[hidden],#byo-chooser[hidden]{display:none}.byo-world-header{display:flex;align-items:center;justify-content:space-between;padding:20px clamp(16px,4vw,40px);gap:16px;flex-wrap:wrap}.byo-world-header h2{color:var(--byo-cream);font-size:1.6rem}.byo-progress{display:flex;align-items:center;gap:12px;background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:8px 16px}.byo-progress-track{width:120px;height:6px;background:#ffffff40;border-radius:999px;overflow:hidden}.byo-progress-fill{height:100%;width:0%;background:var(--byo-gold);border-radius:999px;transition:width .6s cubic-bezier(.22,1,.36,1)}.byo-progress-label{font-size:.78rem;color:var(--byo-cream);opacity:.85;white-space:nowrap}.byo-dropzone{position:relative;flex:1;min-height:340px;margin:0 clamp(12px,3vw,32px);border-radius:28px;border:2px dashed rgba(255,255,255,.22);overflow:hidden;transition:border-color .3s ease,background-color .3s ease}.byo-dropzone-active{border-color:#ffffff8c;background-color:#ffffff0d}.byo-dropzone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 40% at 20% 0%,rgba(255,255,255,.18),transparent 60%),radial-gradient(ellipse 40% 30% at 70% 0%,rgba(255,255,255,.1),transparent 60%);pointer-events:none}.byo-dropzone:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.5) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.3) 1px,transparent 1px);background-size:90px 90px,140px 140px;background-position:0 0,40px 60px;animation:byo-drift 40s linear infinite;opacity:.5;pointer-events:none}@keyframes byo-drift{0%{background-position:0 0,40px 60px}to{background-position:0 -900px,40px -840px}}.byo-swimmer{position:absolute;left:-60px;font-size:2rem;animation:byo-swim linear infinite;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))}@keyframes byo-swim{0%{transform:translate(0) translateY(0) scaleX(1)}49%{transform:translate(100vw) translateY(-10px) scaleX(1)}50%{transform:translate(100vw) translateY(-10px) scaleX(-1)}99%{transform:translate(0) translateY(10px) scaleX(-1)}to{transform:translate(0) translateY(10px) scaleX(1)}}@media(prefers-reduced-motion:reduce){.byo-dropzone:after,.byo-swimmer{animation:none}}.byo-tray-wrap{padding:20px clamp(12px,3vw,32px) clamp(32px,5vw,56px)}.byo-tray-label{color:var(--byo-cream);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;opacity:.75;margin-bottom:12px;display:block}.byo-tray{display:flex;flex-wrap:wrap;gap:12px}.byo-creature{display:flex;flex-direction:column;align-items:center;gap:6px;width:88px;padding:14px 8px 10px;border-radius:18px;border:1px solid rgba(255,255,255,.25);background:#ffffff24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:grab;transition:transform .25s ease,background-color .25s ease;font-family:inherit}.byo-creature:hover,.byo-creature:focus-visible{transform:translateY(-3px);background:#ffffff38;outline:none}.byo-creature:focus-visible{outline:2px solid var(--byo-cream);outline-offset:2px}.byo-creature.byo-dragging{opacity:.4}.byo-creature-emoji{font-size:1.8rem}.byo-creature-name{font-size:.7rem;color:var(--byo-cream);text-align:center;line-height:1.2}.byo-complete-msg{margin:0 clamp(12px,3vw,32px) 40px;padding:20px 24px;border-radius:18px;background:#d9b56a29;border:1px solid rgba(217,181,106,.35);color:var(--byo-cream);text-align:center;font-size:.95rem}.byo-complete-msg[hidden]{display:none}.byo-card-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d3d478c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:999;opacity:0;transition:opacity .25s ease}.byo-card-overlay.byo-card-visible{opacity:1}.byo-card{position:relative;width:100%;max-width:420px;background:var(--byo-cream);border-radius:24px;padding:36px 28px 28px;text-align:center;transform:translateY(16px) scale(.97);transition:transform .3s cubic-bezier(.22,1,.36,1);font-family:DM Sans,sans-serif;box-shadow:0 30px 60px -20px #0d3d4766}.byo-card-overlay.byo-card-visible .byo-card{transform:translateY(0) scale(1)}.byo-card-close{position:absolute;top:14px;right:16px;background:none;border:none;font-size:1.4rem;line-height:1;color:var(--byo-teal);opacity:.5;cursor:pointer;padding:4px}.byo-card-close:hover{opacity:1}.byo-card-icon{font-size:2.2rem;margin-bottom:6px}.byo-card-headline{font-family:Cormorant Garamond,serif;font-size:1.6rem;color:var(--byo-teal)}.byo-card-message{margin-top:10px;font-size:.95rem;line-height:1.55;color:var(--byo-ink);opacity:.85}.byo-card-fact{margin-top:20px;padding-top:18px;border-top:1px solid rgba(26,74,92,.12);text-align:left}.byo-card-fact-label{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--byo-gold);font-weight:700}.byo-card-fact p{margin:6px 0 14px;font-size:.88rem;line-height:1.5;opacity:.85}.byo-card-meta{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:.78rem}.byo-card-meta dt{color:var(--byo-teal);opacity:.6}.byo-card-meta dd{margin:0;opacity:.85}.byo-card-continue{margin-top:22px;width:100%;padding:13px;border:none;border-radius:999px;background:var(--byo-teal);color:var(--byo-cream);font-size:.9rem;letter-spacing:.02em;cursor:pointer;transition:background-color .2s ease}.byo-card-continue:hover{background:var(--byo-deep)}@media(max-width:640px){.byo-habitat-card{padding:28px 20px}#byo-world{min-height:560px}.byo-creature{width:76px}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/byo-style.css.map */