@font-face{font-family:Shake Alone;src:url(/assets/fonts/Shake%20Alone.otf) format("opentype");font-weight:400;font-style:normal}:root{--bg-top: #f4ffd4;--bg-bottom: #b7ff8f;--ink: #0c260c;--ink-soft: #284828;--frame: #10370f;--card-bg: rgba(234, 255, 209, .78);--neon-main: #5dff55;--neon-strong: #17f081;--neon-glow: rgba(93, 255, 85, .52);--neon-glow-strong: rgba(23, 240, 129, .58);--surface-glass: rgba(255, 255, 255, .54);--dynamic-bg-image: url(/assets/background.png)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{position:relative;z-index:0;isolation:isolate;font-family:Shake Alone,Trebuchet MS,Verdana,sans-serif;color:var(--ink);background-color:#0f2f1a}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(to bottom,#0003,#00000080),var(--dynamic-bg-image) center 56% / cover no-repeat}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-image:radial-gradient(circle,rgba(238,255,177,.85) 0 2px,transparent 2.8px),radial-gradient(circle,rgba(238,255,177,.62) 0 1.4px,transparent 2.2px);background-size:180px 180px,240px 240px;background-position:0 0,90px 120px;background-repeat:repeat;opacity:.9;mix-blend-mode:screen;animation:float 6s linear infinite}#app{position:relative;z-index:2}body.loader-active{overflow:hidden}body.loader-active:before,body.loader-active:after{opacity:0}.loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;pointer-events:all;background:#020602}.loader-spiral{position:relative;width:min(92vw,960px);height:min(68vh,560px);perspective:1300px;transform-style:preserve-3d}.loader-sticker{position:absolute;top:50%;left:50%;width:clamp(52px,8.2vw,78px);aspect-ratio:1 / 1;object-fit:cover;border-radius:.52rem;border:2px solid rgba(216,255,200,.88);box-shadow:0 0 0 1px #00000029,0 10px 22px #00000057,0 0 18px #82ff786b;transform-style:preserve-3d;backface-visibility:hidden;opacity:0;animation:sticker-spiral-fan 3s cubic-bezier(.22,.61,.16,.99) forwards;animation-delay:calc(var(--i) * 35ms)}.page-shell{width:min(1320px,94vw);margin:0 auto;padding:1.4rem 0 3rem;display:grid;gap:1rem}.page-shell--blocked{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0}.section-frame{background:linear-gradient(150deg,var(--surface-glass),rgba(221,255,192,.72));border:2px solid var(--frame);border-radius:1rem;box-shadow:0 14px 28px #10370f29,inset 0 0 0 1px #ffffff80;padding:1.1rem}.top-strip{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"badge social" ". contract" ". notice";align-items:center;column-gap:.65rem;row-gap:.55rem}.strip-badge{grid-area:badge;display:inline-flex;align-items:center;gap:.45rem}.strip-dot{width:.68rem;height:.68rem;border-radius:999px;background:var(--neon-main);box-shadow:0 0 10px var(--neon-glow);animation:dot-pulse 1.3s ease-in-out infinite}.strip-text{letter-spacing:.16em;color:var(--ink-soft);font-size:clamp(.72rem,2.4vw,.95rem)}.contract-chip{grid-area:contract;justify-self:start;width:fit-content;padding:.45rem .82rem;border-radius:.78rem;border:1.5px solid rgba(200,206,214,.5);background:#101418eb;color:#f1f4f8;text-shadow:none;box-shadow:inset 0 0 0 1px #ffffff1f,0 8px 16px #0000004d;letter-spacing:.11em;font-size:clamp(.72rem,2vw,.9rem);position:relative;isolation:isolate;cursor:pointer;user-select:none;-webkit-user-select:none;transition:transform .16s ease,border-color .2s ease}.contract-chip:before{content:none}.contract-chip:hover,.contract-chip:focus-visible{transform:translateY(-1px);border-color:#ecf1f7cc;outline:none}.copy-notice{grid-area:notice;justify-self:start;margin:0;color:#0f4418;letter-spacing:.08em;font-size:clamp(.68rem,1.7vw,.82rem);text-shadow:0 0 10px rgba(93,255,85,.45)}.social-dock{grid-area:social;justify-self:start;display:flex;gap:.45rem;align-items:center}.social-btn{width:2.45rem;height:2.45rem;border-radius:999px;display:inline-grid;place-items:center;color:#eef3fa;background:#101418f0;border:1.5px solid rgba(203,212,222,.56);box-shadow:inset 0 0 0 1px #ffffff1f,0 10px 16px #00000047;position:relative;isolation:isolate;transition:transform .16s ease,border-color .2s ease}.social-btn:before{content:none}.social-btn:hover,.social-btn:focus-visible{transform:translateY(-2px) scale(1.04);border-color:#f1f7ffe0;outline:none}.social-icon{width:1.35rem;height:1.35rem;fill:currentColor}.social-icon-image{width:1.35rem;height:1.35rem;object-fit:contain;border-radius:.16rem}.hero{text-align:center;display:grid;justify-items:center;gap:.58rem}.brand-logo{width:min(230px,58vw);margin-top:.35rem;border-radius:.95rem;border:2px solid rgba(16,55,15,.82);box-shadow:0 0 0 7px #ffffff8c,0 0 20px #6eff6542;animation:pop-in .56s ease-out}.eyebrow{margin:.15rem 0 0;letter-spacing:.14em;font-size:clamp(.76rem,2vw,.98rem);color:var(--ink-soft)}h1,h2{margin:0;line-height:1.1;text-wrap:balance}h1{font-size:clamp(2rem,5.8vw,3.8rem)}h2{font-size:clamp(1.2rem,4vw,2.2rem)}.jump-link{margin-top:.35rem;color:#06240f;text-decoration:none;border:2px solid rgba(10,38,12,.84);background:linear-gradient(150deg,#63ff5b,#17f081);padding:.58rem 1rem;border-radius:.78rem;box-shadow:0 10px 20px #2ece534d;transition:transform .16s ease,box-shadow .2s ease}.jump-link:hover,.jump-link:focus-visible{transform:translateY(-2px);box-shadow:0 14px 25px #1bd16261}.section-title-wrap{margin-bottom:.8rem;display:grid;gap:.22rem}.featured-video{width:100%;border:2px solid rgba(16,55,15,.82);border-radius:1rem;background:#061305;aspect-ratio:1 / 1;object-fit:cover;box-shadow:0 0 20px #19b0453d}.gallery-grid{display:grid;grid-template-columns:1fr;gap:.82rem}.image-card{background:var(--card-bg);border:1.5px solid rgba(16,55,15,.68);border-radius:.82rem;overflow:hidden;box-shadow:0 10px 18px #0e320e24,inset 0 0 0 1px #ffffff61;opacity:0;animation:card-rise .52s ease forwards;transition:transform .18s ease,box-shadow .18s ease}.image-card:hover{transform:translateY(-3px);box-shadow:0 16px 24px #0e320e33,0 0 18px #48ff4538}.image-card:nth-child(3n+1){animation-delay:90ms}.image-card:nth-child(3n+2){animation-delay:.15s}.image-card:nth-child(3n+3){animation-delay:.21s}.gallery-image{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover}.gallery-board{position:relative;width:100%;max-width:1120px;--cell-gap: clamp(.5rem, 1.1vw, .9rem);--cell-size: calc((100% - (var(--cell-gap) * 3)) / 4);aspect-ratio:1 / 1;min-height:320px;padding:.2rem;border-radius:.95rem;overflow:hidden;perspective:1450px;transform-style:preserve-3d;margin-inline:auto}.gallery-board:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 50% 0%,rgba(118,255,105,.22),transparent 56%),linear-gradient(160deg,#0818082b,#08180814);pointer-events:none}.gallery-board-card{position:absolute;top:calc(var(--row) * (var(--cell-size) + var(--cell-gap)));left:calc(var(--col) * (var(--cell-size) + var(--cell-gap)));width:var(--cell-size);height:var(--cell-size);border:2px solid rgba(110,255,96,.96);border-radius:.86rem;overflow:hidden;transform-style:preserve-3d;backface-visibility:hidden;transform:translateZ(var(--depth)) rotateX(8deg) rotateY(calc(var(--tilt) * .32)) rotate(var(--tilt)) scale(var(--scale));box-shadow:0 8px 16px #06140659,0 0 18px #5dff5557,inset 0 0 0 1px #ecffea38;transition:top .92s cubic-bezier(.22,.82,.2,1),left .92s cubic-bezier(.22,.82,.2,1),transform .92s cubic-bezier(.22,.82,.2,1),box-shadow .26s ease}.gallery-board-image{display:block;width:100%;height:100%;object-fit:cover}.tokenomics-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.tokenomics-card{border:1.5px solid rgba(16,55,15,.62);border-radius:.8rem;background:linear-gradient(145deg,#ffffff8c,#cdffad7a);padding:.78rem .84rem;box-shadow:inset 0 0 0 1px #ffffff59,0 10px 16px #0e320e21}.tokenomics-label{margin:0;letter-spacing:.1em;color:var(--ink-soft);font-size:clamp(.72rem,1.8vw,.88rem)}.tokenomics-value{margin:.3rem 0 0;color:#10360f;font-size:clamp(1rem,2.3vw,1.28rem)}.site-footer{text-align:center;padding-block:1rem}.footer-line{margin:0;letter-spacing:.08em;color:var(--ink-soft)}.footer-line+.footer-line{margin-top:.35rem;font-size:clamp(.8rem,2vw,.96rem)}@media(min-width:640px){.gallery-grid,.tokenomics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.loader-sticker{width:clamp(72px,6vw,96px)}.page-shell{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"top top" "hero video" "gallery gallery" "tokenomics tokenomics" "footer footer";gap:.95rem;padding-top:1rem}.top-strip{grid-area:top;grid-template-columns:auto auto 1fr auto;grid-template-areas:"badge contract notice social";align-items:center;column-gap:.8rem;padding-inline:1.1rem}.hero{grid-area:hero;min-height:280px;align-content:center}.video{grid-area:video}.gallery{grid-area:gallery}.tokenomics{grid-area:tokenomics}.site-footer{grid-area:footer}.copy-notice{justify-self:start}.social-dock{justify-self:end}.social-btn{width:2.8rem;height:2.8rem}.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gallery-board{--cell-gap: clamp(.52rem, .85vw, .95rem);margin-top:.12rem}.tokenomics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@keyframes pop-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes card-rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes dot-pulse{0%,to{transform:scale(.9);opacity:.7}50%{transform:scale(1.18);opacity:1}}@keyframes sticker-spiral-fan{0%{opacity:0;transform:translate(-50%,-50%) translate3d(0,96px,-340px) rotateY(-62deg) rotate(0) scale(.58)}18%{opacity:1}58%{opacity:1;transform:translate(-50%,-50%) translate3d(calc(var(--offset) * 22px),calc(var(--offset) * 6px),calc((20 - var(--i)) * 13px)) rotateY(calc(var(--offset) * 8deg)) rotate(calc(var(--offset) * 7deg))}86%{opacity:1;transform:translate(-50%,-50%) translate3d(calc(var(--offset) * 26px),calc(var(--offset) * 8px),calc((20 - var(--i)) * 11px)) rotateY(calc(var(--offset) * 10deg)) rotate(calc(var(--offset) * 9deg))}to{opacity:0;transform:translate(-50%,-50%) translate3d(calc(var(--offset) * 30px),calc(var(--offset) * 10px),calc((20 - var(--i)) * 8px)) rotateY(calc(var(--offset) * 10deg)) rotate(calc(var(--offset) * 9deg)) scale(.94)}}@keyframes float{0%{transform:translateY(0);opacity:.3}50%{opacity:1}to{transform:translateY(-20px);opacity:.3}}
