@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Bangers&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{width:100%;height:100%;scroll-behavior:smooth}body{width:100%;min-height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a0a00}#root{width:100%;min-height:100%}.main-wrapper{width:100%;min-height:100vh;background:#171204}.container{width:100%;min-height:100vh;position:relative;overflow:hidden}.header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:14px 40px;z-index:100;background:#171204e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid #c2a633}.header-logo{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;color:#c2a633;display:flex;align-items:center;gap:8px;flex-shrink:0}.header-logo-img{height:30px;width:auto;border-radius:50%}.nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.nav a{text-decoration:none;font-family:Space Grotesk,sans-serif;font-size:16px;color:#fff;padding:6px 12px;border:1px solid transparent;transition:all .3s ease;white-space:nowrap}.nav a:hover{color:#c2a633;border-color:#c2a633;background:#c2a6331a}.nav-x{display:flex;align-items:center;color:#fff;transition:color .2s ease}.nav-x:hover{color:#c2a633}.hero{width:100%;height:100vh;height:100dvh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:url(/hero-bg.jpg) center center;background-size:cover}.hero-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center bottom,#171204b3,#171204eb 60%);z-index:1}.hero-characters{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:min(1100px,95vw);height:75vh;z-index:2}.hero-char{position:absolute;bottom:0}.hero-char img{width:100%;height:100%;object-fit:contain;object-position:bottom;filter:none;transition:transform .3s ease}.hero-char:hover img{animation:softJiggle .4s ease-in-out}@keyframes softJiggle{0%{transform:rotate(0) scale(1)}25%{transform:rotate(-1.5deg) scale(1.02)}50%{transform:rotate(1deg) scale(.99)}75%{transform:rotate(-.5deg) scale(1.01)}to{transform:rotate(0) scale(1)}}.char-center{left:50%;transform:translate(-50%);width:clamp(160px,26vw,380px);height:clamp(230px,36vw,530px);z-index:5;animation:bounceIn .7s cubic-bezier(.34,1.56,.64,1) .1s both}.char-left-2{left:18%;width:clamp(140px,22vw,330px);height:clamp(200px,32vw,460px);z-index:3;transform:rotate(-6deg);animation:bounceInLeft .7s cubic-bezier(.34,1.56,.64,1) .4s both}.char-right-2{right:18%;width:clamp(140px,22vw,330px);height:clamp(200px,32vw,460px);z-index:3;transform:rotate(6deg);animation:bounceInRight .7s cubic-bezier(.34,1.56,.64,1) .4s both}.char-left-3{left:2%;bottom:-27px;width:clamp(120px,20vw,290px);height:clamp(170px,28vw,400px);z-index:1;transform:rotate(-12deg);animation:bounceInLeft3 .7s cubic-bezier(.34,1.56,.64,1) .7s both}.char-right-3{right:8%;bottom:-17px;width:clamp(120px,20vw,290px);height:clamp(170px,28vw,400px);z-index:1;transform:rotate(12deg);animation:bounceInRight3 .7s cubic-bezier(.34,1.56,.64,1) .7s both}@keyframes bounceIn{0%{transform:translate(-50%) translateY(100%)}70%{transform:translate(-50%) translateY(-15px)}85%{transform:translate(-50%) translateY(6px)}to{transform:translate(-50%) translateY(0)}}@keyframes bounceInLeft{0%{transform:rotate(-6deg) translateY(100%)}70%{transform:rotate(-6deg) translateY(-15px)}85%{transform:rotate(-6deg) translateY(6px)}to{transform:rotate(-6deg) translateY(0)}}@keyframes bounceInRight{0%{transform:rotate(6deg) translateY(100%)}70%{transform:rotate(6deg) translateY(-15px)}85%{transform:rotate(6deg) translateY(6px)}to{transform:rotate(6deg) translateY(0)}}@keyframes bounceInLeft3{0%{transform:rotate(-12deg) translateY(100%)}70%{transform:rotate(-12deg) translateY(-15px)}85%{transform:rotate(-12deg) translateY(6px)}to{transform:rotate(-12deg) translateY(0)}}@keyframes bounceInRight3{0%{transform:rotate(12deg) translateY(100%)}70%{transform:rotate(12deg) translateY(-15px)}85%{transform:rotate(12deg) translateY(6px)}to{transform:rotate(12deg) translateY(0)}}.hero-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;margin-top:-20vh}.hero-btn-row{display:flex;justify-content:center;width:100%}.hero-title-row,.hero-title-wrap{position:relative;display:inline-block}.hero-exclaim{position:absolute;top:-.3em;right:.1em;font-family:Bangers,cursive;font-size:.3em;color:red;-webkit-text-stroke:2px #000;paint-order:stroke fill;text-shadow:2px 2px 0 #000;transform:rotate(8deg)}.hero-title{font-family:Bangers,cursive;font-size:clamp(50px,10vw,140px);font-weight:400;color:#c2a633;letter-spacing:2px;margin-bottom:10px;-webkit-text-stroke:clamp(2px,.3vw,4px) #000;paint-order:stroke fill;text-shadow:clamp(2px,.4vw,5px) clamp(2px,.4vw,5px) 0 #000;transform:rotate(-2deg)}.hero-doge-img{position:absolute;right:-1.35em;bottom:.15em;height:1.4em;width:auto;object-fit:contain;font-size:clamp(50px,10vw,140px)}.hero-btn{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600;padding:14px 40px;margin-top:30px;background:#fff;color:#171204;border:none;border-radius:50px;cursor:pointer;transition:all .25s ease}.hero-btn:hover{background:#c2a633;color:#fff;transform:scale(1.05)}.preview-strip{overflow:hidden;background:#0d0a02;border-top:2px solid #c2a633;border-bottom:2px solid #c2a633;padding:10px 0}.preview-track{display:flex;gap:10px;animation:scrollStrip 30s linear infinite;width:max-content}.preview-img{width:80px;height:80px;object-fit:cover;border:2px solid rgba(194,166,51,.3);flex-shrink:0}@keyframes scrollStrip{0%{transform:translate(0)}to{transform:translate(-50%)}}.site-footer{text-align:center;padding:20px;background:#0d0a02;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.site-footer p{font-family:Space Grotesk,sans-serif;color:#ffffff80;font-size:14px;margin:0}.footer-x{color:#ffffff80;transition:color .2s ease;display:flex}.footer-x:hover{color:#fff}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-titlebar{background:#c2a633;padding:6px 10px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-title-text{font-family:Space Grotesk,sans-serif;font-size:16px;color:#fff;font-weight:700}.modal-close-btn{width:24px;height:24px;background:#171204;color:#c2a633;border:1px solid #c2a633;cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:14px;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.modal-close-btn:hover{background:#c2a633;color:#fff}.modal-box{background:#171204;border:2px solid #c2a633;width:100%;max-width:550px;max-height:90vh;max-height:90dvh;overflow:hidden;display:flex;flex-direction:column}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-body h2{font-family:Space Grotesk,sans-serif;font-size:28px;color:#c2a633;text-align:center;margin-bottom:16px}.modal-story{padding:16px;background:#c2a6330d;border:1px solid rgba(194,166,51,.2);margin-bottom:20px}.modal-story p{font-family:Space Grotesk,sans-serif;font-size:16px;color:#ffffffd9;line-height:1.8;margin-bottom:12px}.modal-story p:last-child{margin-bottom:0}.modal-cta{text-align:center}.poge-btn{font-family:Space Grotesk,sans-serif;font-size:16px;padding:12px 30px;background:#c2a633;color:#fff;border:2px solid #c2a633;cursor:pointer;transition:all .3s ease;border-radius:50px}.poge-btn:hover:not(:disabled){background:#dcc253}.poge-btn:disabled{opacity:.5;cursor:not-allowed}.poge-btn.outline{background:transparent;color:#c2a633}.poge-btn.outline:hover{background:#c2a6331a}.poge-btn.small{font-size:14px;padding:6px 16px}.picker-modal{background:#171204;border:2px solid #c2a633;width:100%;max-width:420px;max-height:90vh;max-height:90dvh;overflow:hidden;display:flex;flex-direction:column}.picker-body{padding:30px;text-align:center;overflow-y:auto;flex:1}.picker-image-frame{width:min(220px,60vw);height:min(220px,60vw);margin:0 auto 20px;border:3px solid rgba(194,166,51,.4);position:relative;overflow:hidden;background:#0d0a02}.picker-image-frame.rolling{border-color:#c2a633;animation:rollShake .1s linear infinite}.picker-image-frame.picked{border-color:#c2a633}@keyframes rollShake{0%{transform:translate(-2px)}50%{transform:translate(2px)}to{transform:translate(-2px)}}.picker-image{width:100%;height:100%;object-fit:cover}.picker-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.picker-placeholder span{font-family:Space Grotesk,sans-serif;font-size:80px;color:#c2a6334d}.picker-result{margin-bottom:20px}.picker-name{font-family:Space Grotesk,sans-serif;font-size:24px;color:#c2a633}.picker-actions{display:flex;flex-direction:column;gap:10px;align-items:center}.gallery-modal{background:#171204;border:2px solid #c2a633;width:100%;max-width:900px;max-height:90vh;max-height:90dvh;overflow:hidden;display:flex;flex-direction:column}.gallery-body{padding:16px;overflow-y:auto;flex:1}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.gallery-item{background:#0d0a02;border:1px solid rgba(194,166,51,.2);cursor:pointer;transition:all .2s ease;overflow:hidden}.gallery-item:hover{border-color:#c2a633;transform:scale(1.05);z-index:1}.gallery-item img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.gallery-item span{display:block;font-family:Space Grotesk,sans-serif;font-size:12px;color:#c2a633;text-align:center;padding:3px;background:#c2a6330d}.gallery-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;font-family:Space Grotesk,sans-serif;font-size:16px;color:#ffffffb3}@media(max-width:1024px){.header{padding:12px 24px}.nav{gap:16px}.hero-content{margin-top:-18vh}}@media(max-width:768px){.header{padding:10px 16px}.header-logo{font-size:22px}.header-logo-img{height:24px}.nav{gap:8px}.nav a{font-size:14px;padding:4px 8px}.hero-content{margin-top:-15vh}.hero-btn{font-size:14px;padding:12px 32px;margin-top:20px}.preview-img{width:60px;height:60px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.picker-body{padding:20px}}@media(max-width:480px){.header{padding:8px 12px}.header-logo{font-size:18px;gap:5px}.header-logo-img{height:20px}.nav{gap:4px}.nav a{font-size:12px;padding:3px 5px}.nav-x svg{width:16px;height:16px}.hero-content{margin-top:-20vh}.hero-btn{font-size:13px;padding:10px 24px;margin-top:16px}.preview-img{width:50px;height:50px}.preview-track{gap:6px}.picker-body{padding:16px}.picker-name{font-size:20px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:5px}.modal-body{padding:16px}.modal-body h2{font-size:22px}.modal-story p{font-size:14px}.site-footer p{font-size:12px}}@media(max-width:360px){.header-logo{font-size:16px}.nav a{font-size:11px;padding:2px 4px}.hero-btn{font-size:12px;padding:8px 20px}}