:root{color:#fff;background:#030613;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;background:#030613}.app-shell{position:relative;min-height:100vh;overflow:hidden;padding:0;background:radial-gradient(circle at 76% 62%,rgba(66,216,255,.16),transparent 34%),radial-gradient(circle at 28% 24%,rgba(132,76,255,.18),transparent 30%),radial-gradient(circle at 50% 100%,rgba(255,204,93,.1),transparent 24%),linear-gradient(168deg,#020512,#071432 52%,#160b2f)}.cosmic-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,239,184,.88) 0 1px,transparent 1.7px),radial-gradient(circle,rgba(121,224,255,.62) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(210,181,255,.45) 0 1px,transparent 1.6px);background-position:10px 12px,42px 78px,88px 36px;background-size:140px 140px,190px 190px,260px 260px;opacity:.5;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%)}.hero-copy{position:fixed;top:max(28px,env(safe-area-inset-top));left:50%;z-index:4;width:min(92vw,520px);transform:translate(-50%);text-align:center}.tree-title{margin:0;color:#fff2bc;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.5rem,13vw,5.5rem);font-weight:600;line-height:.9;text-align:center;text-shadow:0 0 18px rgba(255,217,124,.36),0 0 42px rgba(103,214,255,.2)}.hero-copy p{margin:10px auto 0;max-width:34rem;color:#fff7dac7;font-size:clamp(.92rem,3.4vw,1.08rem);line-height:1.35;text-shadow:0 0 18px rgba(83,216,255,.18)}.tree-wrap{position:absolute;left:clamp(-72px,-8vw,-28px);bottom:clamp(-42px,-5vw,-16px);z-index:2;width:min(118vw,820px);aspect-ratio:1024 / 1536;isolation:isolate;background:transparent;transform-origin:left bottom}.tree-art,.tree-flow,.tree-bloom{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tree-art{z-index:1;object-fit:contain;object-position:center;opacity:.92;filter:saturate(1.08) brightness(1.02) drop-shadow(0 0 12px rgba(85,205,255,.28)) drop-shadow(0 0 38px rgba(150,93,255,.14))}.tree-flow,.tree-bloom{-webkit-mask-image:var(--tree-image);mask-image:var(--tree-image);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.tree-flow{z-index:2;mix-blend-mode:screen}.tree-flow-primary{opacity:.28;background:linear-gradient(104deg,transparent 0%,rgba(40,214,255,.28) 22%,rgba(137,82,255,.22) 38%,rgba(255,117,214,.2) 52%,rgba(255,232,117,.22) 66%,rgba(113,255,186,.18) 78%,transparent 100%);background-size:260% 260%;filter:blur(7px) saturate(1.16);animation:paintFlow 26s linear infinite,iridescentPulse 18s ease-in-out infinite}.tree-flow-secondary{opacity:.24;background:radial-gradient(ellipse at 38% 82%,rgba(255,240,142,.3),transparent 32%),radial-gradient(ellipse at 53% 56%,rgba(72,238,255,.28),transparent 36%),radial-gradient(ellipse at 42% 36%,rgba(178,93,255,.26),transparent 32%),radial-gradient(ellipse at 62% 22%,rgba(122,255,182,.2),transparent 30%);background-size:120% 150%;filter:blur(12px) saturate(1.18);animation:liquidGlow 28s ease-in-out infinite,colorDrift 42s linear infinite}.tree-flow-highlights{opacity:.22;background:linear-gradient(18deg,transparent 10%,rgba(255,246,194,.28) 30%,transparent 52%),linear-gradient(116deg,transparent 22%,rgba(83,233,255,.22) 42%,transparent 62%),linear-gradient(72deg,transparent 38%,rgba(255,143,226,.2) 58%,transparent 76%);background-size:140% 260%,220% 240%,200% 240%;filter:blur(8px);animation:highlightRise 32s linear infinite,highlightPulse 16s ease-in-out infinite}.tree-bloom{z-index:0;opacity:.34;background:radial-gradient(ellipse at 48% 67%,rgba(255,220,118,.32),transparent 30%),radial-gradient(ellipse at 49% 39%,rgba(81,212,255,.3),transparent 36%),radial-gradient(ellipse at 58% 24%,rgba(157,91,255,.26),transparent 34%);filter:blur(24px) saturate(1.14);animation:bloomPulse 18s ease-in-out infinite}.achievement-star{position:absolute;z-index:5;width:58px;height:58px;padding:0;border:0;background:transparent;transform:translate(-50%,-50%);cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;appearance:none;filter:drop-shadow(0 0 12px rgba(255,228,132,.96)) drop-shadow(0 0 32px rgba(255,205,78,.54));animation:starPulse 3.6s ease-in-out infinite;animation-delay:var(--delay)}.achievement-star span{position:absolute;inset:-22%;display:block;background-image:var(--star-atlas);background-position:var(--sprite-bg-position);background-repeat:no-repeat;background-size:var(--sprite-bg-size);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform .18s ease,filter .18s ease}.achievement-star:before{content:"";position:absolute;inset:-50%;border-radius:50%;background:radial-gradient(circle,rgba(255,226,129,.42),transparent 66%);animation:starHalo 3.8s ease-in-out infinite;animation-delay:var(--delay)}.achievement-star:hover span,.achievement-star:focus-visible span,.achievement-star.is-active span{transform:scale(1.12) rotate(5deg);filter:brightness(1.18)}.achievement-star-sm{width:42px;height:42px}.achievement-star-lg{width:72px;height:72px}.sheet-backdrop{position:fixed;inset:0;z-index:10;display:grid;align-items:end;justify-items:center;padding:20px 16px max(18px,env(safe-area-inset-bottom));background:#0205126b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:backdropIn .18s ease-out}.achievement-sheet{position:relative;width:min(100%,440px);padding:28px 22px 20px;border:1px solid rgba(255,218,137,.42);border-radius:22px 22px 10px 10px;color:#fff7df;background:radial-gradient(circle at 50% 0%,rgba(255,219,118,.16),transparent 42%),linear-gradient(150deg,#071230eb,#180b31eb);box-shadow:0 -24px 80px #0000007a,0 0 38px #5bd5ff24,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);animation:sheetIn .24s cubic-bezier(.2,.85,.2,1)}.sheet-handle{position:absolute;top:10px;left:50%;width:44px;height:4px;border-radius:999px;background:#ffebb56b;transform:translate(-50%)}.sheet-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.16);border-radius:50%;color:#fff7dfe6;background:#ffffff14;cursor:pointer}.sheet-kicker{margin:10px 0 8px;color:#ffd97c;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}.achievement-sheet h2{margin:0;color:#fff2bc;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,10vw,3rem);font-weight:600;line-height:.96;text-shadow:0 0 24px rgba(255,210,101,.2)}.achievement-sheet p:not(.sheet-kicker){margin:14px 0 0;color:#fff9e9c7;line-height:1.6}.sheet-details{display:flex;justify-content:space-between;gap:16px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);color:#fff9e99e;font-size:.9rem}.sheet-details strong{color:#ffe6a5;font-weight:600;text-align:right}.sheet-actions{display:flex;gap:10px;margin-top:18px}.sheet-actions button{flex:1;min-height:42px;border:1px solid rgba(255,225,151,.26);border-radius:999px;color:#fff0bb;background:#ffffff14;box-shadow:inset 0 1px #ffffff1a;cursor:pointer}.app-footer{position:fixed;right:12px;bottom:max(10px,env(safe-area-inset-bottom));z-index:6;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:6px 7px 6px 10px;border:1px solid rgba(255,225,151,.2);border-radius:999px;color:#fff8e1db;background:#050c2294;box-shadow:0 12px 38px #00000047,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-footer p{margin:0;font-size:.72rem;white-space:nowrap}.app-footer nav{display:flex;gap:6px}.app-footer a{display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(255,255,255,.14);border-radius:50%;color:#fff1bc;background:#ffffff14;transition:transform .16s ease,color .16s ease,background .16s ease}.app-footer a:hover,.app-footer a:focus-visible{color:#fff;background:#ffd87c29;transform:translateY(-2px)}.app-footer svg{width:14px;height:14px}@keyframes paintFlow{0%{background-position:44% 58%}to{background-position:58% 42%}}@keyframes liquidGlow{0%,to{background-position:48% 72%;transform:scale(1)}50%{background-position:52% 36%;transform:scale(1.002)}}@keyframes highlightRise{0%{background-position:0% 68%,18% 62%,82% 66%}to{background-position:0% 34%,62% 32%,30% 36%}}@keyframes iridescentPulse{0%,to{opacity:.2;filter:blur(7px) saturate(1.1) hue-rotate(0deg)}50%{opacity:.34;filter:blur(7px) saturate(1.22) hue-rotate(6deg)}}@keyframes colorDrift{0%{filter:blur(12px) saturate(1.12) hue-rotate(0deg)}to{filter:blur(12px) saturate(1.12) hue-rotate(24deg)}}@keyframes highlightPulse{0%,to{opacity:.16}50%{opacity:.28}}@keyframes bloomPulse{0%,to{opacity:.26;transform:scale(.998)}50%{opacity:.42;transform:scale(1.002)}}@keyframes starPulse{0%,to{opacity:.86;margin-top:0}50%{opacity:1;margin-top:-4px}}@keyframes starHalo{0%,to{opacity:.34;transform:scale(.88)}50%{opacity:.72;transform:scale(1.08)}}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes sheetIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media(min-width:760px){.hero-copy{top:38px;width:min(72vw,680px)}.tree-title{font-size:clamp(3.2rem,7vw,6.2rem)}.tree-wrap{left:clamp(-56px,-4vw,-28px);bottom:clamp(-70px,-5vh,-32px);width:min(76vw,64vh,720px)}.achievement-star{width:52px;height:52px}.achievement-star-sm{width:38px;height:38px}.achievement-star-lg{width:66px;height:66px}.achievement-sheet{margin-bottom:18px}}@media(min-width:1100px){.hero-copy{top:44px;left:50%;width:min(58vw,760px)}.tree-title{font-size:clamp(4rem,5.8vw,6.6rem)}.tree-wrap{left:clamp(56px,8vw,150px);bottom:clamp(-92px,-8vh,-48px);width:min(48vw,62vh,650px)}.app-footer{right:22px;bottom:18px}}@media(max-width:420px){.app-footer{right:8px;gap:6px;padding-left:9px}.app-footer p{font-size:.68rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}