html{font-size:62.5%;box-sizing:border-box}body{background-color:#b1f8acc9}.App{border:1px solid rgba(144,238,144,.3);min-height:100vh;position:relative}.Ben10Layout{position:relative;margin-top:16vh;z-index:1}.thumbnail{background-color:#000;position:sticky;top:0;z-index:-1}.ben10{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column}.ben10-button{width:5rem!important;height:3rem;background-color:#000;color:#29af3b;border:none;border-radius:.2rem;cursor:pointer;font-size:.75rem;font-weight:700;text-transform:uppercase;transition:all .3s ease}@media(max-width:768px){.ben10-button{width:4rem!important;height:2rem;background-color:#000;color:#29af3b;border:none;border-radius:.1rem;cursor:pointer;font-size:.4rem;font-weight:700;text-transform:lowercase;transition:all .3s ease}.ben10-button:hover{background-color:#fff;color:#29af3b;transform:scale(1.2)}}@media(max-width:400px){.ben10-button{width:3rem!important;height:1rem;background-color:#000;color:#29af3b;border:none;border-radius:.05rem;cursor:pointer;font-size:.25rem;font-weight:700;text-transform:uppercase;transition:all .3s ease}.ben10-button:hover{background-color:#fff;color:#29af3b;transform:scale(1.2)}}.aliens-container{max-width:800px;margin:0 auto;padding:24px;font-family:Arial,sans-serif}.search-input{width:100%;padding:8px 12px;margin-bottom:24px;border:1px solid #ccc;border-radius:6px;font-size:16px}.slideshow-card{display:flex;flex-direction:column;align-items:center;border:1px solid #ccc;padding:16px;border-radius:8px;box-shadow:0 2px 6px #0000001a;background-color:#fff;margin-bottom:24px}.alien-name{font-size:22px;font-weight:700;margin-bottom:12px}.alien-image{width:250px;height:250px;object-fit:contain;margin-bottom:12px}.nav-buttons{display:flex;gap:12px}.nav-buttons button{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;background-color:#e0e0e0;font-weight:700}.nav-buttons button:hover{background-color:silver}.thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px}.thumbnail-card{border:1px solid #ccc;border-radius:6px;padding:6px;text-align:center;cursor:pointer;transition:border-color .2s}.thumbnail-card:hover{border-color:#888}.active-thumbnail{border-color:#007bff}.thumbnail-image{width:50px;height:50px;object-fit:contain;margin-bottom:4px}.thumbnail-name{font-size:12px;display:block;word-break:break-word}.no-aliens-container{padding:16px;text-align:center}.no-aliens-input{width:100%;padding:8px;margin-bottom:16px;border:1px solid #ccc;border-radius:6px;font-size:16px;box-sizing:border-box}.no-aliens-text{font-size:16px;color:#333}.episode-list{background:#000000b3}.episode-row{display:flex;border-bottom:1px solid rgba(41,175,59,.3);transition:all .3s ease}.episode-row:hover{background:#29af3b1a;transform:translate(5px)}.episode-row .episode-number,.episode-row .episode-title{padding:1rem 1.5rem;color:#fff;font-size:1.1rem;border:1px solid rgba(41,175,59,.2);text-shadow:0 0 5px rgba(41,175,59,.5)}.episode-row .episode-number{font-weight:700;color:#fff;text-align:center;background:#29af3b1a;border-radius:5px;min-width:150px;flex-shrink:0}.episode-row .episode-title{color:#fff;font-weight:500;text-align:left;flex:1}.loading-state{text-align:center;color:#fff;font-size:2rem;font-weight:700;text-shadow:0 0 20px rgba(41,175,59,.8);animation:pulse 1.5s infinite}@media(max-width:768px){.episodes-table{width:95%;margin:0 auto}details summary{font-size:1.4rem;padding:1rem}.episode-row .episode-number,.episode-row .episode-title{padding:.8rem 1rem;font-size:1rem}.episode-row .episode-number{min-width:100px}}@media(max-width:480px){.episodes-container{padding:1rem}details summary{font-size:1.2rem;padding:.8rem}.episode-row{flex-direction:column}.episode-row .episode-number,.episode-row .episode-title{padding:.6rem .8rem;font-size:.9rem}.episode-row .episode-number{min-width:80px}}.media-container{padding:20px}.filter-buttons{display:flex;gap:10px;margin-bottom:20px;justify-content:center}.filter-button{padding:8px 16px;border:2px solid #0066cc;background:#fff;color:#06c;border-radius:5px;cursor:pointer;font-weight:700;transition:all .3s ease}.filter-button:hover{background:#f0f8ff}.filter-button.active{background:#06c;color:#fff}.media-name{color:#06c;margin-bottom:15px;text-align:center}.media-image{width:300px;height:200px;object-fit:cover;border-radius:10px;margin-bottom:15px}.no-media-container{padding:20px;text-align:center}.no-media-input{width:100%;max-width:400px;padding:10px;margin-bottom:15px;border:2px solid #ccc;border-radius:5px;font-size:16px}.no-media-text{color:#666;font-size:18px}@media(max-width:399px){.media-container{padding:10px}.slideshow-card{width:100%;margin:10px 0}.media-image{max-width:100%;height:auto}.thumbnail-grid{grid-template-columns:repeat(2,1fr);gap:5px}.thumbnail-image{width:100%;height:auto}.search-input{width:100%;margin-bottom:10px}.filter-buttons{flex-wrap:wrap;gap:5px}.filter-button{font-size:14px;padding:6px 12px}}.quote-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:40px;margin-bottom:30px;box-shadow:0 10px 30px #0000004d;color:#fff;position:relative;overflow:hidden}.quote-speaker p{font-size:20px;font-weight:500;margin:0;color:gold;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.quote-thumbnail{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:15px;padding:20px;cursor:pointer;transition:all .3s ease;border:3px solid transparent;box-shadow:0 5px 15px #0003}.quote-thumbnail.active-quote{border-color:gold;transform:scale(1.05);box-shadow:0 15px 35px #ffd7004d}.thumbnail-speaker{color:gold;font-size:12px;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.ben10alienforce{margin-top:19vh}.quote-card{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:20px;padding:40px;margin-bottom:30px;box-shadow:0 10px 30px #0000004d;color:#fff;position:relative;overflow:hidden}.quote-speaker p{font-size:20px;font-weight:500;margin:0;color:#87ceeb;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.quote-thumbnail{background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:15px;padding:20px;cursor:pointer;transition:all .3s ease;border:3px solid transparent;box-shadow:0 5px 15px #0003}.quote-thumbnail.active-quote{border-color:#87ceeb;transform:scale(1.05);box-shadow:0 15px 35px #87ceeb4d}.thumbnail-speaker{color:#87ceeb;font-size:12px;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.ben10ultimatealien{margin-top:19vh}.quote-card{background:linear-gradient(135deg,#1a1a1a,#4a0e0e);border-radius:20px;padding:40px;margin-bottom:30px;box-shadow:0 10px 30px #00000080;color:#fff;position:relative;overflow:hidden}.quote-text p{font-size:24px;font-weight:300;line-height:1.6;margin:0 0 20px;font-style:italic;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.quote-speaker p{font-size:20px;font-weight:500;margin:0;color:#ff6b6b;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.quote-nav-btn:hover{background:#1b263b!important;border-color:#415a77!important;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.quote-counter{color:#fffc;font-size:16px;font-weight:600;background:#0000004d;padding:8px 16px;border-radius:20px}.quote-thumbnail{background:linear-gradient(135deg,#8b0000,#dc143c);border-radius:15px;padding:20px;cursor:pointer;transition:all .3s ease;border:3px solid transparent;box-shadow:0 5px 15px #0000004d}.quote-thumbnail:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0006}.quote-thumbnail.active-quote{border-color:#ff6b6b;transform:scale(1.05);box-shadow:0 15px 35px #ff6b6b4d}.thumbnail-quote{color:#fff;font-size:14px;line-height:1.4;margin:0 0 10px;font-style:italic;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.thumbnail-speaker{color:#ff6b6b;font-size:12px;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.ben10omniverse{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column}details{margin:1rem 0;border:2px solid #29af3b;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#000000e6,#29af3b1a);transition:all .3s ease;position:relative}details[open]~details{opacity:.3;pointer-events:none;filter:blur(2px);transform:scale(.95)}.episodes-table td{padding:1rem 1.5rem;color:#fff;font-size:1.1rem;border:1px solid rgba(41,175,59,.2);text-shadow:0 0 5px rgba(41,175,59,.5)}.quote-card{background:linear-gradient(135deg,#2d5016,#4a7c59);border-radius:20px;padding:40px;margin-bottom:30px;box-shadow:0 10px 30px #0000004d;color:#fff;position:relative;overflow:hidden}.quote-speaker p{font-size:20px;font-weight:500;margin:0;color:#ff9f40;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.quote-thumbnail{background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:15px;padding:20px;cursor:pointer;transition:all .3s ease;border:3px solid transparent;box-shadow:0 5px 15px #0003}.quote-thumbnail.active-quote{border-color:#ff9f40;transform:scale(1.05);box-shadow:0 15px 35px #ff9f404d}.thumbnail-speaker{color:#ff9f40;font-size:12px;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.ben10reboot{margin-top:19vh}.ben10-title{position:relative}.buttons{display:flex;flex-direction:row;justify-content:space-around;width:100%}.ben10-button{width:4rem;height:3rem;background-color:#000;color:#29af3b;border:none;border-radius:.2rem;cursor:pointer;font-size:.75rem;font-weight:700;text-transform:uppercase;transition:all .3s ease}.ben10-button:hover{background-color:#fff;color:#29af3b;transform:scale(1.1)}@media(max-width:768px){.ben10-button{width:2rem;height:2rem;background-color:#000;color:#29af3b;border:none;border-radius:.1rem;cursor:pointer;font-size:.4rem;font-weight:700;text-transform:lowercase;transition:all .3s ease}.ben10-button:hover{background-color:#fff;color:#29af3b;transform:scale(1.2)}}@media(max-width:400px){.ben10-button{width:1.5rem;height:1rem;background-color:#000;color:#29af3b;border:none;border-radius:.05rem;cursor:pointer;font-size:.25rem;font-weight:700;text-transform:uppercase;transition:all .3s ease}.ben10-button:hover{background-color:#fff;color:#29af3b;transform:scale(1.2)}}.aliens-container{padding:20px}@media(max-width:399px){.aliens-container{padding:10px}.slideshow-card{width:59%;margin:10px 2rem}.alien-image{max-width:100%;height:auto}.thumbnail-grid{grid-template-columns:repeat(2,1fr);gap:5px}.thumbnail-image{width:100%;height:auto}.search-input{width:100%;margin-bottom:10px}}.episodes-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#abefab00,#baf7ba,#cbf2cb00);padding:2rem;position:relative}.episodes-table{width:90%;max-width:1200px;background:#000000d9;border:3px solid #29af3b;border-radius:15px;overflow:hidden;box-shadow:0 0 30px #29af3b80,0 0 60px #29af3b4d,inset 0 0 20px #29af3b1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}details{margin:1rem 0;border:2px solid #29af3b;border-radius:10px;overflow:visible;background:linear-gradient(135deg,#000000e6,#29af3b1a);transition:all .3s ease;position:relative;max-height:none}details summary{font-weight:700;font-size:1.8rem;text-align:center;padding:1.5rem;background:linear-gradient(90deg,#29af3b,#1a7d1a,#29af3b);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(255,255,255,.5),0 0 20px rgba(41,175,59,.8);border:none;outline:none;transition:all .3s ease;position:relative;overflow:hidden}details summary:hover{background:linear-gradient(90deg,#1a7d1a,#29af3b,#1a7d1a);transform:scale(1.02);box-shadow:0 0 20px #29af3bcc}details[open] summary{background:linear-gradient(90deg,#3fff35,#000,#2ada23);color:#fff;text-shadow:0 0 15px rgba(84,224,68,.8),0 0 30px rgba(0,0,0,.8)}details[open]{z-index:10;transform:scale(1.05);box-shadow:0 0 40px #5dff35cc,0 0 80px #ffffff80}details[open]~details{opacity:.3;pointer-events:none;filter:blur(2px);transform:scale(1.11)}.episodes-table tbody{background:#000000b3}.episodes-table tr{border-bottom:1px solid rgba(41,175,59,.3);transition:all .3s ease}.episodes-table tr:hover{background:#29af3b1a;transform:translate(5px)}.episodes-table td{padding:1rem 1.5rem;color:#fff;font-size:1.2rem;border:1px solid rgba(41,175,59,.2);text-shadow:0 0 5px rgba(41,175,59,.5)}.episode-number{font-weight:700;color:#29af3b;text-align:center;background:#29af3b1a;border-radius:5px;min-width:150px}.episode-title{color:#fff;font-weight:500;text-align:left}.loading-state{text-align:center;color:#29af3b;font-size:2rem;font-weight:700;text-shadow:0 0 20px rgba(41,175,59,.8);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}details:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#000,#1b8329,#1b8329,#000);border-radius:10px;z-index:-1;opacity:0;transition:opacity .3s ease;animation:omnitrixGlow 3s linear infinite}details[open]:before{opacity:1}@media(max-width:768px){.episodes-table{width:95%;margin:0 auto}details summary{font-size:1.4rem;padding:1rem}.episodes-table td{padding:.8rem 1rem;font-size:1rem}.episode-number{min-width:100px}}@media(max-width:480px){.episodes-container{padding:1rem}details summary{font-size:1.2rem;padding:.8rem}.episodes-table td{padding:.6rem .8rem;font-size:.9rem}.episode-number{min-width:80px}}.episodes-container::-webkit-scrollbar{width:12px}.episodes-container::-webkit-scrollbar-track{background:#0000004d;border-radius:6px}.episodes-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#000,#14b03b);border-radius:6px;border:2px solid rgba(0,0,0,.2)}.episodes-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2db31b,#000)}.quotes-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.quote-card{background:linear-gradient(135deg,#0a0a0a,#1a3d1a);border-radius:20px;padding:40px;margin-bottom:30px;box-shadow:0 10px 30px #00000080;color:#fff;position:relative;overflow:hidden}.quote-card:before{content:'"';position:absolute;top:-20px;left:20px;font-size:120px;opacity:.1;font-family:Georgia,serif}.quote-text{text-align:center;margin-bottom:30px}.quote-text p{font-size:24px;font-weight:300;line-height:1.6;margin:0 0 20px;font-style:italic;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.quote-speaker{margin-top:20px;border-top:2px solid rgba(255,255,255,.3);padding-top:15px}.quote-speaker p{font-size:20px;font-weight:500;margin:0;color:#0f0;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.nav-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.quote-nav-btn{background:#0d1b2a!important;border:2px solid #1b263b!important;color:#fff!important;padding:12px 24px;border-radius:30px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quote-nav-btn:hover{background:#1b263b!important;border-color:#415a77!important;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.quote-counter{color:#fffc;font-size:16px;font-weight:600;background:#0003;padding:8px 16px;border-radius:20px}.quote-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:30px}.quote-thumbnail{background:linear-gradient(135deg,#0d0d0d,#2d5a2d);border-radius:15px;padding:20px;cursor:pointer;transition:all .3s ease;border:3px solid transparent;box-shadow:0 5px 15px #0000004d}.quote-thumbnail:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000004d}.quote-thumbnail.active-quote{border-color:#0f0;transform:scale(1.05);box-shadow:0 15px 35px #00ff004d}.thumbnail-quote{color:#fff;font-size:14px;line-height:1.4;margin:0 0 10px;font-style:italic;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.thumbnail-speaker{color:#0f0;font-size:12px;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.no-quotes-text{text-align:center;font-size:24px;color:#666;margin-top:50px}@media(max-width:768px){.quotes-container{padding:10px}.quote-card{padding:30px 20px}.quote-text p{font-size:20px}.quote-speaker p{font-size:18px}.quote-nav-btn{padding:10px 18px;font-size:14px}.quote-grid{grid-template-columns:1fr}}@media(max-width:400px){.quote-card{padding:20px 15px}.quote-text p{font-size:18px}.quote-speaker p{font-size:16px}.nav-buttons{flex-direction:column;gap:15px}.quote-nav-btn{width:100%}}.thumbnail-row{gap:1rem;padding:1rem;border-radius:8px}.ben10{display:flex;justify-content:center;align-items:right;flex-direction:column}.nav-container{transition:background-color .3s ease;display:flex;flex-direction:row;justify-content:center;gap:2vw}.app-container.dark-green{background-color:#0d4f0d}.top-right-image{position:relative;top:0;width:18vw;height:15vh;max-width:none;min-width:none;cursor:pointer;border-radius:8px;box-shadow:0 4px 8px #0003;transition:transform .2s ease,box-shadow .2s ease;z-index:1000;will-change:width;contain:layout}.second-ben10-image{position:relative;width:18vw;top:0;height:15vh;max-width:none;min-width:none;cursor:pointer;border-radius:8px;box-shadow:0 4px 8px #0003;transition:transform .2s ease,box-shadow .2s ease;z-index:1000;will-change:width;contain:layout}.top-right-image:hover,.second-ben10-image:hover,.ultimate-alien-image:hover,.omniverse-image:hover,.reboot-image:hover{transform:scale(1.04);box-shadow:0 6px 12px #0000004d}.top-right-image:focus,.second-ben10-image:focus,.ultimate-alien-image:focus,.omniverse-image:focus,.reboot-image:focus{outline:2px solid #4CAF50;outline-offset:2px}.ultimate-alien-image,.omniverse-image,.reboot-image{position:relative;top:0;width:18vw;height:15vh;max-width:none;min-width:none;cursor:pointer;border-radius:8px;box-shadow:0 4px 8px #0003;transition:transform .2s ease,box-shadow .2s ease;z-index:1000;will-change:width;contain:layout}.content{margin:0 auto;text-align:center;color:#333}.dark-green .content{color:#fff}@media(max-width:577px){.nav-container{min-width:100vw;display:flex}.top-right-image,.second-ben10-image,.ultimate-alien-image,.omniverse-image,.reboot-image{width:17vw;height:10vh}}@media(max-width:400px){.nav-container{min-width:100%;display:flex;flex-direction:row;justify-content:center}.top-right-image,.second-ben10-image,.ultimate-alien-image,.omniverse-image,.reboot-image{width:15vw;height:5vh}}