@import"https://fonts.googleapis.com/css2?family=Creepster&family=Rubik:wght@700;900&display=swap";:root{--shrek-green: #C4D300;--shrek-dark-green: #3A4B1C;--shrek-brown: #5C4A36;--swamp-dark: #1a2e0f;--bg-color: #0f1a08;--font-main: "Rubik", system-ui, sans-serif;--font-swamp: "Creepster", cursive}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);background-image:url(/wood_bg.png);background-size:500px;background-repeat:repeat;background-attachment:fixed;color:#fff;line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#c4d3001a,#0f1a08cc 80%);pointer-events:none;z-index:-1}.container{max-width:1200px;margin:0 auto;padding:0 1rem}h1,h2,h3{font-weight:800;text-transform:uppercase;letter-spacing:-.02em}button{font-family:inherit;cursor:pointer;border:none;outline:none}.shrek-head-section{position:absolute;bottom:0;left:0;width:100%;height:auto;z-index:5;pointer-events:none}.shrek-head-full{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 -10px 40px rgba(0,0,0,.6));transform:translateY(70%)}.hero-section{position:relative;height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;z-index:20;background:transparent;overflow:visible}.hero-content{position:relative;z-index:10;text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:4vh;gap:1rem}.shrek-overlay-wrapper{width:350px;height:auto;margin:-10px 0;position:relative;z-index:5}.shrek-hero-canvas{width:100%;height:auto;filter:drop-shadow(0 0 15px rgba(196,211,0,.4))}.coin-title{font-family:Creepster,cursive;font-size:3.5rem;color:#c4d300;text-shadow:0 0 20px rgba(196,211,0,.8),0 0 40px rgba(196,211,0,.5),4px 4px 0 #3A4B1C,6px 6px 10px rgba(0,0,0,.8);margin:0;text-transform:uppercase;letter-spacing:.05em}.enter-btn{background:linear-gradient(180deg,#c4d300,#8a9600);border:4px solid #3A4B1C;color:#1a2e0f;font-family:Creepster,cursive;font-size:2.5rem;padding:1rem 3rem;border-radius:50px;cursor:pointer;box-shadow:0 10px #3a4b1c,0 15px 20px #00000080,inset 0 4px 10px #fff6;transition:all .2s cubic-bezier(.175,.885,.32,1.275);text-transform:uppercase;letter-spacing:.05em;position:relative}.enter-btn:active{transform:translateY(10px);box-shadow:0 0 #3a4b1c,inset 0 4px 10px #0006}.enter-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.ticker-container{background:#0f1a08cc;border:1px solid #C4D300;padding:.5rem 1rem;border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;transition:all .2s}.ticker-container:hover{background:#c4d30033}.ticker-text{font-family:monospace;color:#c4d300;font-size:.9rem}@media(max-width:768px){.coin-title{font-size:2.5rem}.enter-btn{font-size:2rem;padding:.8rem 2rem}.hero-content{padding-top:4vh}}.video-section{padding:4rem 1rem;background:#0f1a0880;position:relative;z-index:10;margin-top:65vw}.video-title{color:#c4d300;font-size:3rem;margin-bottom:3rem;text-align:center;text-shadow:0 0 20px rgba(196,211,0,.8),0 4px 10px rgba(0,0,0,.8);font-family:Creepster,cursive;text-transform:uppercase}.video-carousel{display:flex;gap:2rem;overflow-x:auto;padding:2rem 1rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#C4D300 rgba(15,26,8,.5);justify-content:flex-start}.video-carousel::-webkit-scrollbar{height:10px}.video-carousel::-webkit-scrollbar-track{background:#0f1a0880;border-radius:5px}.video-carousel::-webkit-scrollbar-thumb{background:#c4d300;border-radius:5px}.video-carousel::-webkit-scrollbar-thumb:hover{background:#8a9600}.video-card{flex:0 0 300px;height:533px;scroll-snap-align:center;border-radius:20px;overflow:hidden;background:#000;border:3px solid #3A4B1C;box-shadow:0 10px 30px #00000080;transition:transform .3s ease}.video-card:hover{transform:scale(1.02);border-color:#c4d300}.carousel-video{width:100%;height:100%;object-fit:cover}.video-placeholder{width:100%;height:100%;background-color:#0d1209;background-image:radial-gradient(circle,#1a2e0f 1px,transparent 1px);background-size:20px 20px}@media(max-width:768px){.video-title{font-size:2rem}.video-card{flex:0 0 260px;height:460px}.video-carousel{padding:1rem;gap:1rem}}.meme-maker{width:100%;max-width:900px;margin:2rem auto;padding:1.5rem;background:linear-gradient(135deg,#ffffffe6,#f0f5d4f2);border-radius:20px;box-shadow:0 15px 40px #3a4b1c40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s,box-shadow .2s}.meme-maker.drag-active-container{transform:scale(1.02);box-shadow:0 0 0 5px var(--shrek-green),0 20px 50px #3a4b1c59}.drop-zone{border:4px dashed var(--shrek-green);border-radius:16px;min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff9;cursor:pointer;transition:all .3s ease;gap:.5rem}.drop-zone:hover{background:#eef3c8;border-color:var(--shrek-dark-green);transform:scale(1.01)}.drop-icon{font-size:4rem;margin-bottom:.5rem}.drop-text{font-size:1.4rem;font-weight:700;color:var(--shrek-dark-green)}.sub-text{color:var(--shrek-brown);font-size:.95rem}.canvas-wrapper{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.canvas-hint{background:var(--shrek-dark-green);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem}.hidden{display:none!important}.visible{display:flex!important}.meme-canvas{width:100%;max-width:800px;height:auto;background:#111;border-radius:12px;box-shadow:0 8px 20px #0000004d;cursor:grab}.meme-canvas:active{cursor:grabbing}.scale-control{display:flex;align-items:center;gap:1rem;background:#fffc;padding:.6rem 1.2rem;border-radius:30px;box-shadow:0 2px 8px #0000001a}.scale-control label{font-weight:600;color:var(--shrek-dark-green)}.scale-control input[type=range]{width:150px;accent-color:var(--shrek-green)}.export-progress{width:100%;max-width:400px;height:28px;background:#00000026;border-radius:14px;overflow:hidden;position:relative}.progress-bar{height:100%;background:linear-gradient(90deg,#c4d300,#8fa800);transition:width .2s}.export-progress span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.85rem;font-weight:700;color:#1a2e0f}.controls{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}.control-btn{padding:.7rem 1.3rem;border:none;font-weight:700;border-radius:30px;font-size:.95rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.4rem}.control-btn.reset{background:#eee;color:#333}.control-btn.reset:hover{background:#ddd}.control-btn.download{background:var(--shrek-dark-green);color:#fff}.control-btn.download:hover{background:var(--shrek-green);color:var(--shrek-dark-green)}.control-btn.export{background:linear-gradient(135deg,#c4d300,#8fa800);color:#1a2e0f;font-weight:700}.control-btn.export:hover{background:linear-gradient(135deg,#d4e300,#9fb800);transform:scale(1.02)}.control-btn.export:disabled{opacity:.7;cursor:wait}@media(max-width:600px){.meme-maker{margin:1rem;padding:1rem}.drop-zone{min-height:250px}.drop-icon{font-size:3rem}.drop-text{font-size:1.1rem}.scale-control input[type=range]{width:100px}}.app-container{position:relative;width:100%;min-height:100vh}.meme-section{min-height:100vh;padding:3rem 1rem;position:relative;z-index:10;display:flex;flex-direction:column;align-items:center}.section-title{color:#c4d300;font-size:3rem;margin-bottom:2rem;text-shadow:0 4px 10px rgba(0,0,0,.8);font-family:Creepster,cursive;text-transform:uppercase;z-index:10;position:relative}.footer{text-align:center;padding:2rem;color:#8c9c6e;font-size:.9rem;border-top:1px solid rgba(196,211,0,.1);background:#0f1a08e6}