.meme-section{min-height:100vh;padding:2rem 0;background:linear-gradient(145deg,#1a2a3a,#2c3e50);color:#fff}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.game-header{text-align:center;margin-bottom:2rem}.game-title{font-size:3rem;margin-bottom:.5rem;background:linear-gradient(to right,#e74c3c,#f39c12);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-description{font-size:1.2rem;color:#fffc}.meme-container{background:#0003;border-radius:12px;padding:2rem;box-shadow:0 10px 30px #0000004d}.meme-editor{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-bottom:2rem}.template-selector h3{margin-bottom:1rem;color:#f39c12;font-size:1.4rem}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-height:480px;overflow-y:auto;padding-right:.5rem;scrollbar-width:thin;scrollbar-color:rgba(243,156,18,.5) rgba(0,0,0,.1)}.template-item{cursor:pointer;border-radius:8px;overflow:hidden;transition:all .3s ease;position:relative;background:#0000004d;border:2px solid transparent}.template-item img{width:100%;height:140px;object-fit:cover;display:block;transition:all .3s ease}.template-item span{display:block;padding:.5rem;font-size:.9rem;text-align:center;background:#00000080;transition:all .3s ease}.template-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.template-item:hover img{filter:brightness(1.1)}.template-item.selected{border:2px solid #f39c12;box-shadow:0 0 15px #f39c1280}.template-item.selected span{background:#f39c12;color:#222;font-weight:700}.template-grid::-webkit-scrollbar{width:8px}.template-grid::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.template-grid::-webkit-scrollbar-thumb{background:#f39c1280;border-radius:10px}.template-grid::-webkit-scrollbar-thumb:hover{background:#f39c12cc}.meme-preview-container{display:flex;flex-direction:column;gap:1.5rem}.meme-preview{position:relative;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 8px 25px #00000080;display:flex;flex-direction:column;align-items:center;max-width:550px;margin:0 auto}.meme-image-container{width:100%;position:relative}.meme-image-container img{width:100%;display:block}.meme-text{padding:1rem;font-family:Impact,Arial Black,sans-serif;font-size:32px;text-align:center;text-transform:uppercase;color:#fff;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000;width:100%;min-height:80px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;outline:none;position:relative;z-index:5}.meme-text:focus{outline:2px dashed rgba(243,156,18,.5);background:#0000004d}.meme-text:empty:before{content:"Klicke zum Bearbeiten";color:#ffffff80;font-style:italic}.meme-text-top{background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,transparent 100%);position:absolute;top:0;left:0;z-index:5}.meme-text-bottom{background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 100%);position:absolute;bottom:0;left:0;z-index:5}.meme-controls{display:flex;flex-wrap:wrap;gap:1.5rem;background:#0000004d;padding:1.5rem;border-radius:8px;justify-content:center}.control-group{display:flex;align-items:center;gap:.8rem;margin-bottom:.5rem}.control-group label{font-size:1rem;color:#fffc;min-width:100px}.control-section{background:#0003;padding:1rem;border-radius:8px;margin-bottom:1rem}.control-section h4{margin-bottom:1rem;color:#f39c12;font-size:1.1rem}.control-tab-container{display:flex;margin-bottom:1rem}.control-tab{padding:.5rem 1rem;cursor:pointer;border-radius:4px 4px 0 0;background:#0003;transition:all .2s ease}.control-tab.active{background:#f39c12;color:#222;font-weight:700}.control-tab:not(:last-child){margin-right:2px}.meme-actions{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0;justify-content:center}.meme-button{padding:.75rem 1.5rem;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:1rem}.meme-button.primary{background:#e74c3c;color:#fff}.meme-button.primary:hover{background:#c0392b;transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c80}.meme-button:not(.primary):not(.secondary){background:#f39c12;color:#fff}.meme-button:not(.primary):not(.secondary):hover{background:#d35400;transform:translateY(-2px);box-shadow:0 4px 12px #f39c1280}.meme-button.secondary{background:#95a5a64d;color:#fff}.meme-button.secondary:hover{background:#95a5a680;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.meme-gallery{margin-top:3rem;border-top:1px solid rgba(255,255,255,.1);padding-top:2rem;text-align:center}.meme-gallery h3{color:#f39c12;margin-bottom:.5rem;font-size:1.5rem}.meme-gallery p{color:#ffffffb3;margin-bottom:1.5rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.gallery-item{background:#0000004d;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px #0000004d;transition:transform .3s ease}.gallery-item:hover{transform:scale(1.03);box-shadow:0 8px 25px #0006}.gallery-item img{width:100%;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.gallery-item{animation:fadeIn .6s ease forwards}.gallery-item:nth-child(2){animation-delay:.2s}.gallery-item:nth-child(3){animation-delay:.4s}.color-palette{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.color-option{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.color-option:hover,.color-option.selected{transform:scale(1.1);border:2px solid white;box-shadow:0 0 10px #ffffff80}.tooltip{position:relative}.tooltip:hover:after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;white-space:nowrap;z-index:10}@media (max-width: 900px){.meme-editor{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(3,1fr);max-height:300px}.meme-preview{max-width:450px}}@media (max-width: 700px){.template-grid{grid-template-columns:repeat(2,1fr)}.meme-actions{flex-direction:column}.meme-button{width:100%}.game-title{font-size:2.2rem}.meme-controls{flex-direction:column;align-items:stretch}.control-group{flex-direction:column;align-items:flex-start}}.meme-section[data-astro-cid-6225a2yv]{min-height:100vh;padding:2rem 0;background:linear-gradient(145deg,#1a2a3a,#2c3e50);color:#fff}.container[data-astro-cid-6225a2yv]{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.game-header[data-astro-cid-6225a2yv]{text-align:center;margin-bottom:2rem}.game-title[data-astro-cid-6225a2yv]{font-size:3rem;margin-bottom:.5rem;background:linear-gradient(to right,#e74c3c,#f39c12);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-description[data-astro-cid-6225a2yv]{font-size:1.2rem;color:#fffc}.meme-container[data-astro-cid-6225a2yv]{background:#0003;border-radius:12px;padding:2rem;box-shadow:0 10px 30px #0000004d}.meme-editor[data-astro-cid-6225a2yv]{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-bottom:2rem}.template-selector[data-astro-cid-6225a2yv] h3[data-astro-cid-6225a2yv]{margin-bottom:1rem;color:#f39c12}.template-grid[data-astro-cid-6225a2yv]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.template-item[data-astro-cid-6225a2yv]{cursor:pointer;border-radius:8px;overflow:hidden;transition:all .2s ease;position:relative;background:#0000004d}.template-item[data-astro-cid-6225a2yv] img[data-astro-cid-6225a2yv]{width:100%;height:100px;object-fit:cover;display:block}.template-item[data-astro-cid-6225a2yv] span[data-astro-cid-6225a2yv]{display:block;padding:.5rem;font-size:.9rem;text-align:center;background:#00000080}.template-item[data-astro-cid-6225a2yv]:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000004d}.template-item[data-astro-cid-6225a2yv].selected{border:2px solid #f39c12;box-shadow:0 0 15px #f39c1280}.template-grid[data-astro-cid-6225a2yv]::-webkit-scrollbar{width:8px}.template-grid[data-astro-cid-6225a2yv]::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.template-grid[data-astro-cid-6225a2yv]::-webkit-scrollbar-thumb{background:#f39c1280;border-radius:10px}.template-grid[data-astro-cid-6225a2yv]::-webkit-scrollbar-thumb:hover{background:#f39c12cc}.meme-preview-container[data-astro-cid-6225a2yv]{display:flex;flex-direction:column;gap:1.5rem}.meme-preview[data-astro-cid-6225a2yv]{position:relative;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 8px 25px #00000080;display:flex;flex-direction:column;align-items:center;max-width:500px;margin:0 auto}.meme-image-container[data-astro-cid-6225a2yv]{width:100%}.meme-image-container[data-astro-cid-6225a2yv] img[data-astro-cid-6225a2yv]{width:100%;display:block}.meme-text[data-astro-cid-6225a2yv]{padding:1rem;font-family:Impact,Arial Black,sans-serif;font-size:32px;text-align:center;text-transform:uppercase;color:#fff;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000;width:100%;min-height:80px;display:flex;align-items:center;justify-content:center}.meme-text[data-astro-cid-6225a2yv]:focus{outline:2px dashed rgba(243,156,18,.5);background:#0000004d}.meme-controls[data-astro-cid-6225a2yv]{display:flex;flex-wrap:wrap;gap:1.5rem;background:#0000004d;padding:1rem;border-radius:8px;justify-content:center}.control-group[data-astro-cid-6225a2yv]{display:flex;align-items:center;gap:.5rem}.control-group[data-astro-cid-6225a2yv] label[data-astro-cid-6225a2yv]{font-size:.9rem;color:#fffc}.meme-actions[data-astro-cid-6225a2yv]{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;justify-content:center}.meme-button[data-astro-cid-6225a2yv]{padding:.75rem 1.5rem;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:all .2s ease}.meme-button[data-astro-cid-6225a2yv].primary{background:#e74c3c;color:#fff}.meme-button[data-astro-cid-6225a2yv].primary:hover{background:#c0392b;transform:translateY(-2px)}.meme-button[data-astro-cid-6225a2yv]:not(.primary):not(.secondary){background:#f39c12;color:#fff}.meme-button[data-astro-cid-6225a2yv]:not(.primary):not(.secondary):hover{background:#d35400;transform:translateY(-2px)}.meme-button[data-astro-cid-6225a2yv].secondary{background:#95a5a64d;color:#fff}.meme-button[data-astro-cid-6225a2yv].secondary:hover{background:#95a5a680;transform:translateY(-2px)}@media (max-width: 900px){.meme-editor[data-astro-cid-6225a2yv]{grid-template-columns:1fr}.template-grid[data-astro-cid-6225a2yv]{grid-template-columns:repeat(3,1fr);max-height:300px}}@media (max-width: 600px){.template-grid[data-astro-cid-6225a2yv]{grid-template-columns:repeat(2,1fr)}.meme-actions[data-astro-cid-6225a2yv]{flex-direction:column}.meme-button[data-astro-cid-6225a2yv]{width:100%}.game-title[data-astro-cid-6225a2yv]{font-size:2rem}}