.view-shell{position:relative;width:100%;max-width:none;margin:2rem 0 0;padding:0 clamp(.75rem,2.5vw,3.25rem) clamp(1rem,2vw,2rem);--view-glyph-menu-width:min(235px, 20vw);--view-glyph-menu-gap:clamp(1.35rem, 2.8vw, 3.25rem);padding-left:calc(var(--view-glyph-menu-width) + var(--view-glyph-menu-gap));box-sizing:border-box}.view-glyph-menu{position:fixed;top:clamp(1rem,2.6vw,3rem);left:clamp(1rem,2.8vw,3.25rem);z-index:2500;display:flex;flex-direction:column;align-items:stretch;gap:clamp(.4rem,1vw,.75rem);width:min(235px,20vw);padding:clamp(1rem,1.8vw,1.5rem);--view-glyph-scroll-arrow-space:clamp(2.35rem, 4.4vw, 3.65rem);border-radius:36px;border:1px solid rgba(108,244,255,.15);background:radial-gradient(circle at 12% 18%,rgba(118,246,255,.14),rgba(5,11,24,.3) 58%),radial-gradient(circle at 86% 82%,rgba(255,120,255,.11),rgba(4,9,22,.29) 64%),linear-gradient(150deg,rgba(7,13,32,.28),rgba(4,8,20,.27));background-color:rgba(4,7,20,.16);box-shadow:0 18px 80px rgba(12,16,48,.15),inset 0 0 32px rgba(108,244,255,.06);backdrop-filter:blur(12px) saturate(118%);color:#c9fff7;isolation:isolate;box-sizing:border-box;min-height:clamp(520px,78vh,760px);max-height:calc(100vh - clamp(1.8rem,4.8vw,5rem));visibility:hidden;transform:translateZ(0)}.view-glyph-scroll-viewport{flex:1;overflow-y:auto;overscroll-behavior:contain;max-height:min(clamp(420px,72vh,720px),calc(100vh - clamp(3rem,5.4vw,5.5rem)));padding:var(--view-glyph-scroll-arrow-space) clamp(.1rem,.6vw,.45rem);scrollbar-width:none}.view-glyph-scroll-viewport::-webkit-scrollbar{display:none}.view-glyph-scroll{--view-glyph-scroll-color:rgba(255, 255, 255, 0.92);--view-glyph-scroll-filter:drop-shadow(0 0 22px rgba(95, 246, 255, 0.6));--view-glyph-scroll-scale:1;--view-glyph-scroll-translate-y:0;position:absolute;left:50%;z-index:5;display:flex;align-items:center;justify-content:center;padding:clamp(.35rem,1vw,.65rem);cursor:pointer;transition:transform 220ms ease,filter 220ms ease,opacity 220ms ease;filter:var(--view-glyph-scroll-filter);color:var(--view-glyph-scroll-color);background:0 0;border:none;transform:translateX(-50%) translateY(var(--view-glyph-scroll-translate-y))}.view-glyph-scroll:focus-visible{outline:2px solid rgba(118,248,255,.9);outline-offset:2px}.view-glyph-scroll:focus-visible,.view-glyph-scroll:hover{--view-glyph-scroll-scale:1.08;filter:drop-shadow(0 0 28px rgba(118, 248, 255, .85))}.view-glyph-scroll:active{--view-glyph-scroll-translate-y:1px}.view-glyph-scroll:disabled{opacity:.35;cursor:default;filter:grayscale(.4)}.view-glyph-scroll-icon{width:clamp(30px,2.6vw,38px);height:clamp(30px,2.6vw,38px);transform:rotate(0) scale(var(--view-glyph-scroll-scale));transition:transform 220ms ease;filter:drop-shadow(0 0 22px rgba(118, 248, 255, .7))}.view-glyph-scroll-icon-shape{fill:currentColor}.view-glyph-scroll--up .view-glyph-scroll-icon{transform:rotate(-90deg) scale(var(--view-glyph-scroll-scale))}.view-glyph-scroll--down .view-glyph-scroll-icon{transform:rotate(90deg) scale(var(--view-glyph-scroll-scale))}.view-glyph-scroll--up{top:clamp(.4rem,1.4vw,1.15rem)}.view-glyph-scroll--down{bottom:clamp(.4rem,1.4vw,1.15rem)}.view-glyph-menu::after,.view-glyph-menu::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:inherit;pointer-events:none;z-index:0}.view-glyph-menu::before{border:1px solid rgba(122,248,255,.15);inset:10px;margin:0 auto;background:linear-gradient(165deg,rgba(122,248,255,.05),rgba(255,104,255,.04));mix-blend-mode:screen}.view-glyph-menu::after{inset:8px;margin:0 auto;background:linear-gradient(125deg,rgba(255,255,255,.09),rgba(255,255,255,0));opacity:.12}.view-glyph-layout{display:flex;flex-direction:column;gap:clamp(.65rem,1vw,1rem);width:100%}.view-glyph-group{display:flex;flex-direction:column;gap:clamp(.65rem,1vw,1rem)}.view-glyph-group--grid,.view-glyph-group--primary{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(.5rem,.9vw,.85rem);width:100%;justify-items:center}.view-glyph-divider{height:1px;width:100%;background:linear-gradient(90deg,rgba(118,248,255,0),rgba(118,248,255,.65),rgba(118,248,255,0));box-shadow:0 0 22px rgba(118,248,255,.4);border-radius:999px}.view-glyph-button{--view-glyph-accent:#c9fff7;--view-glyph-glow:rgba(118, 248, 255, 0.3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.45rem,.9vw,.7rem);width:auto;border:none;border-radius:0;background:0 0;color:var(--view-glyph-accent);font-size:.9rem;font-weight:600;cursor:pointer;padding:.25rem .5rem;position:relative;isolation:isolate;z-index:1;transition:transform 280ms cubic-bezier(.33, 1, .68, 1),color 220ms ease,filter 280ms ease;text-decoration:none}.view-glyph-button--map{--view-glyph-accent:#9ef8ff;--view-glyph-glow:rgba(155, 250, 255, 0.42)}.view-glyph-button--forest{--view-glyph-accent:#9cffbe;--view-glyph-glow:rgba(156, 255, 190, 0.4)}.view-glyph-button--metrics{--view-glyph-accent:#c7a6ff;--view-glyph-glow:rgba(199, 166, 255, 0.4)}.view-glyph-button--infinity{--view-glyph-accent:#ff9bff;--view-glyph-glow:rgba(255, 155, 255, 0.38)}.view-glyph-button--nft{--view-glyph-accent:#ffe29b;--view-glyph-glow:rgba(255, 226, 155, 0.4)}.view-glyph-button--leaderboards{--view-glyph-accent:#ffb07a;--view-glyph-glow:rgba(255, 176, 122, 0.42)}.view-glyph-button--gear{--view-glyph-accent:#8ac7ff;--view-glyph-glow:rgba(138, 199, 255, 0.42)}.view-glyph-button--about{--view-glyph-accent:#ffe6ff;--view-glyph-glow:rgba(255, 230, 255, 0.48)}.view-glyph-button:focus-visible{outline:3px solid rgba(95,246,255,.75);outline-offset:6px}.view-glyph-button::after,.view-glyph-button::before{content:"";position:absolute;inset:-22%;border-radius:999px;opacity:0;transition:opacity 260ms ease,transform 260ms ease;z-index:-1}.view-glyph-button::before{background:radial-gradient(circle at 50% 50%,var(--view-glyph-glow),rgba(255,255,255,0));filter:blur(12px)}.view-glyph-button::after{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.view-glyph-button.is-active,.view-glyph-button:hover{color:var(--view-glyph-accent);transform:translateY(-3px) scale(1.01);filter:drop-shadow(0 12px 30px var(--view-glyph-glow))}.view-glyph-button.is-active::before,.view-glyph-button:hover::before{opacity:.6;transform:scale(1.05)}.view-glyph-button.is-active::after,.view-glyph-button:hover::after{opacity:1}.view-glyph-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:clamp(44px,4vw,58px);aspect-ratio:1;border-radius:24px;color:currentColor;background:0 0;box-shadow:none}.view-glyph-icon::after{display:none}.view-glyph-symbol{width:70%;height:70%;display:block}.view-glyph-emoji{font-size:clamp(2rem, 3.4vw, 2.8rem);line-height:1;filter:drop-shadow(0 0 12px currentColor) drop-shadow(0 0 32px rgba(255, 255, 255, .6))}.view-glyph-label{font-family:Poppins,"Segoe UI","Helvetica Neue",Arial,sans-serif;font-size:clamp(.55rem, 1vw, .75rem);text-transform:uppercase;letter-spacing:.32em;text-align:center;line-height:1.3;color:currentColor;text-shadow:0 0 12px currentColor,0 0 30px rgba(255,255,255,.55)}.view-glyph-link{cursor:pointer}@media (max-height:900px){.view-glyph-menu{padding:clamp(.85rem,1.4vw,1.2rem);border-radius:30px}.view-glyph-button{padding:clamp(.65rem,1vw,.9rem) .3rem clamp(.75rem,1.2vw,.95rem)}.view-glyph-icon{width:clamp(40px,3.4vw,52px)}.view-glyph-label{letter-spacing:.28em}}@media (max-height:760px){.view-glyph-menu{transform:scale(.94);transform-origin:top left}}@media (max-height:660px){.view-glyph-menu{transform:scale(.88)}}.view-stage{flex:1;min-width:0;width:100%}.app-view{display:none}.app-view.is-active{display:block}body.dark-mode .view-glyph-menu{background:radial-gradient(circle at 12% 18%,rgba(118,246,255,.18),rgba(1,3,12,.38) 58%),radial-gradient(circle at 86% 82%,rgba(255,120,255,.12),rgba(0,2,8,.35) 64%),linear-gradient(150deg,rgba(1,3,12,.39),rgba(0,2,10,.39));border-color:rgba(118,248,255,.2);box-shadow:0 22px 98px rgba(0,1,10,.33),inset 0 0 36px rgba(108,244,255,.07)}body.dark-mode .view-glyph-scroll{--view-glyph-scroll-color:#ffffff;--view-glyph-scroll-filter:drop-shadow(0 0 24px rgba(95, 246, 255, 0.75))}body.dark-mode .view-glyph-menu::after{opacity:.09}body.dark-mode .view-glyph-button{color:var(--view-glyph-accent)}body.dark-mode .view-glyph-button.is-active,body.dark-mode .view-glyph-button:hover{filter:drop-shadow(0 14px 34px var(--view-glyph-glow))}@media (max-width:900px){.view-shell{display:block;padding:0 1rem 1.5rem}.view-glyph-menu{position:sticky;top:calc(4rem + .6vh);left:auto;right:auto;width:auto;max-width:none;min-height:0;height:auto;margin:0 auto 1.25rem;border-radius:20px;padding:.7rem .9rem;gap:.4rem;backdrop-filter:blur(12px) saturate(140%)}.view-glyph-scroll-viewport{max-height:none;overflow:visible;padding:0}.view-glyph-scroll{display:none}.view-glyph-layout{flex-direction:row;flex-wrap:nowrap;align-items:stretch;width:100%;max-height:none;overflow-x:auto;overflow-y:hidden;gap:.6rem;padding:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.view-glyph-layout::-webkit-scrollbar{display:none}.view-glyph-group,.view-glyph-group--grid,.view-glyph-group--primary{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.6rem;width:auto}.view-glyph-divider{width:1px;height:auto;min-height:64px;background:linear-gradient(180deg,rgba(118,248,255,0),rgba(118,248,255,.65),rgba(118,248,255,0))}.view-glyph-button{flex:0 0 clamp(84px,22vw,118px)}}