@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#f4f5e8;background:#071b20;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}#world{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;outline:none;cursor:grab;touch-action:none}.camera-dragging #world{cursor:grabbing}.vignette,.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.vignette{box-shadow:inset 0 0 180px 40px #00090ea3}.grain{opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.hud{position:fixed;z-index:4;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:28px 34px;pointer-events:none;opacity:0;transition:opacity .8s .35s}.brand{display:flex;align-items:center;gap:13px;text-shadow:0 2px 20px rgba(0,0,0,.7)}.brand-mark{width:42px;height:42px;border:1px solid rgba(236,255,211,.27);border-radius:50%;display:grid;place-items:center;color:#dff8b6;font-size:22px;background:#0214174d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand b,.brand span{display:block}.brand b{font-family:Playfair Display,serif;font-size:17px;letter-spacing:.02em}.brand div span{margin-top:3px;color:#eff6e18f;font-size:9px;letter-spacing:.19em;text-transform:uppercase}.petal-counter{display:flex;gap:11px;align-items:center;padding:10px 15px 10px 10px;border:1px solid rgba(229,255,195,.16);border-radius:15px;background:#02141759;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .35s,border-color .35s}.petal-counter.bump{transform:scale(1.12);border-color:#e5ffc3b3}.petal-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#d9ffa93d,#5be1bf1a);color:#e4ffac;text-shadow:0 0 13px #baff63}.petal-counter small,.petal-counter strong{display:block}.petal-counter small{font-size:8px;text-transform:uppercase;letter-spacing:.15em;color:#eef8e680}.petal-counter strong{margin-top:2px;font-size:14px}.quest{position:fixed;left:34px;top:50%;z-index:4;width:245px;padding:20px;transform:translateY(-44%);border-left:1px solid rgba(223,255,194,.3);background:linear-gradient(90deg,rgba(2,19,23,.42),transparent);text-shadow:0 2px 18px #001116;pointer-events:none;opacity:0;transition:opacity .8s .5s,transform .6s}.quest-kicker,.eyebrow{display:block;color:#dfffa8;text-transform:uppercase;letter-spacing:.24em;font-size:8px;font-weight:700}.quest h2{margin:8px 0;font-family:Playfair Display,serif;font-size:24px;font-weight:600;line-height:1.08}.quest p{margin:0;color:#eef4e2a8;font-size:11px;line-height:1.6}.quest-progress{height:2px;margin-top:16px;background:#ffffff1f;overflow:hidden}.quest-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#8fe2ba,#eaff9d);box-shadow:0 0 12px #b5ff8b;transition:width .8s cubic-bezier(.2,.8,.2,1)}.hint{position:fixed;left:50%;bottom:25px;z-index:4;transform:translate(-50%);padding:10px 16px;border-radius:100px;background:#0312176b;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#eef4e78c;font-size:9px;letter-spacing:.04em;white-space:nowrap;opacity:0;transition:opacity .8s .6s;pointer-events:none}.playing .hud,.playing .quest,.playing .hint{opacity:1}.hint span{color:#efffcf}.start-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;background:radial-gradient(circle at 66% 50%,#1d53441a,#000b11b8);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity 1.2s,visibility 1.2s}.start-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.start-glow{position:absolute;left:50%;top:50%;width:430px;height:430px;transform:translate(-5%,-50%);border-radius:50%;background:#cbffae17;filter:blur(70px);animation:breathe 5s ease-in-out infinite}.start-copy{width:min(470px,calc(100vw - 48px));margin-left:max(-34vw,-520px);position:relative}.start-copy h1{margin:13px 0 18px;font-family:Playfair Display,serif;font-size:clamp(68px,8.5vw,126px);line-height:.73;letter-spacing:-.065em;font-weight:600;text-shadow:0 8px 50px rgba(0,10,9,.75)}.start-copy h1 em{padding-left:.36em;color:#e5ffb4;font-weight:600}.start-copy p{width:340px;max-width:90%;margin:28px 0 25px 5px;color:#eff6e3ad;font-size:13px;line-height:1.7}.start-copy button,.complete button{margin-left:5px;border:1px solid rgba(225,255,184,.35);background:#c9f8a717;color:#f4ffe1;border-radius:100px;padding:8px 8px 8px 22px;cursor:pointer;display:inline-flex;align-items:center;gap:24px;transition:background .25s,transform .25s,box-shadow .25s}.start-copy button i{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#dcfba8;color:#16372b;font-style:normal}.start-copy button:hover,.complete button:hover{background:#c9f8a72e;transform:translateY(-2px);box-shadow:0 10px 35px #77dda71f}.start-note{display:inline-block;margin-left:17px;color:#eff6e359;font-size:9px}.complete{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,#14413359,#010b11bf);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transform:scale(1.03);transition:opacity 1s,visibility 1s,transform 1s}.complete.visible{opacity:1;visibility:visible;transform:scale(1)}.complete h2{margin:12px 0;font-family:Playfair Display,serif;font-size:clamp(52px,7vw,92px);line-height:.9;font-weight:600;letter-spacing:-.045em}.complete p{color:#f0f7e5a6}.complete button{margin-top:15px;padding:13px 22px}.touch-controls{display:none;position:fixed;z-index:5;left:50%;bottom:22px;transform:translate(-50%);grid-template-columns:repeat(3,48px);gap:6px}.touch-controls button{width:48px;height:45px;border:1px solid rgba(255,255,255,.15);border-radius:13px;color:#efffd7;background:#04181a80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:none}.touch-controls button:first-child{grid-column:2}@keyframes breathe{50%{transform:translate(-5%,-50%) scale(1.18);opacity:.65}}@media(max-width:760px){.hud{padding:17px}.brand div{display:none}.quest{top:auto;bottom:105px;left:17px;transform:none;width:215px;padding:14px}.quest h2{font-size:19px}.quest p,.hint{display:none}.start-copy{margin:0;transform:translateY(10vh)}.start-copy h1{font-size:clamp(62px,21vw,94px)}.start-copy p{width:300px}.touch-controls{display:grid}}