:root{--portal-bg: #1a1a2e;--portal-text: #e1e1e6;--portal-accent: #6ee660;--portal-highlight: #84e7e3;--portal-dark: #0c0c1d;--portal-green: #97ce4c;--portal-bright-green: #b7fb46;--portal-blue: #00b5cc;--portal-purple: #741fa8;--portal-stars: #ffffff;--portal-pink: #fb6099;--border-radius: 6px;--glow: 0 0 8px}@keyframes twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.2);filter:blur(.5px)}}@keyframes portal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.2)}}@keyframes glow{0%{box-shadow:0 0 5px var(--portal-green)}50%{box-shadow:0 0 15px var(--portal-green),0 0 20px var(--portal-blue)}to{box-shadow:0 0 5px var(--portal-green)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}body{background-color:var(--portal-bg);color:var(--portal-text);font-family:Roboto,Arial,sans-serif;margin:0;padding:0;overflow-x:hidden;position:relative;min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--portal-accent);letter-spacing:.5px;margin-bottom:1.5rem;font-weight:700;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}h1{font-size:2.6rem;text-shadow:0 0 10px var(--portal-accent)}h2{font-size:2.2rem;text-shadow:0 0 8px var(--portal-green)}h3{font-size:1.8rem}p{line-height:1.5;margin-bottom:1.2rem;font-size:1.1rem}a{color:var(--portal-highlight);text-decoration:none;transition:color .3s}a:hover{color:var(--portal-bright-green);text-shadow:0 0 5px var(--portal-accent)}.portal-app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:2rem;width:100%;display:flex;justify-content:center}.rick-container{width:100%;max-width:1200px;padding:1rem;background-color:#0c0c1db3;border:2px solid var(--portal-green);border-radius:8px;box-shadow:0 0 20px #97ce4c66;position:relative;overflow:hidden}.rick-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,var(--portal-green),var(--portal-blue),var(--portal-purple),var(--portal-pink));z-index:5}.nav-portal{background-color:#0a0a19e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid var(--portal-green);padding:.8rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;transition:all .3s ease}.nav-logo{font-size:1.5rem;font-weight:700;color:var(--portal-green);display:flex;align-items:center;gap:1rem;text-shadow:0 0 8px var(--portal-green);font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.portal-icon{width:40px;height:40px;background-color:var(--portal-green);border-radius:50%;position:relative;overflow:hidden;box-shadow:0 0 15px var(--portal-green);animation:pulse 3s infinite}.portal-swirl{position:absolute;top:5%;left:5%;right:5%;bottom:5%;background:conic-gradient(from 0deg,var(--portal-bg),var(--portal-blue),var(--portal-purple),var(--portal-green),var(--portal-bg));border-radius:50%;animation:portal-spin 3s linear infinite}.nav-links{display:flex;gap:2rem}.nav-link{position:relative;padding:.6rem 1rem;font-weight:600;transition:all .3s;color:var(--portal-text);font-size:1.1rem;letter-spacing:.5px;border-radius:4px}.nav-link:hover{color:var(--portal-bright-green);background-color:#97ce4c1a}.nav-link.active{color:var(--portal-green);background-color:#97ce4c26;box-shadow:0 0 8px #97ce4c4d}.star-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.star{position:absolute;background-color:var(--portal-stars);border-radius:50%;animation:twinkle linear infinite}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.8rem;margin-top:1.5rem}.character-card{background-color:#1a1a2ecc;border:2px solid var(--portal-green);border-radius:12px;overflow:hidden;transition:all .6s;position:relative;display:flex;flex-direction:column;height:100%}.character-card:hover{transform:translateY(-10px);box-shadow:0 5px 20px var(--portal-bright-green)}.card-header{padding:1rem;background-color:#0a0a19b3;border-bottom:2px solid var(--portal-green)}.character-name{font-size:1.4rem;font-weight:700;color:var(--portal-accent);margin:0;text-align:center;text-shadow:0 0 5px var(--portal-accent)}.image-container{padding:1rem;display:flex;justify-content:center}.character-image{width:180px;height:180px;object-fit:cover;border-radius:50%;border:3px solid var(--portal-green);box-shadow:0 0 15px #6ee66099;transition:all .3s}.character-card:hover .character-image{transform:scale(1.05);box-shadow:0 0 15px #6ee660cc}.character-info{padding:1.2rem;display:flex;flex-direction:column;gap:.8rem;flex-grow:1;background-color:#0c0c1d80}.info-row{display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(151,206,76,.2)}.info-label{font-weight:600;color:var(--portal-highlight);min-width:80px}.info-value{color:var(--portal-text)}.character-status-badge{display:inline-block;padding:.3rem .7rem;border-radius:20px;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-alive{background-color:var(--portal-green);color:#111;box-shadow:0 0 8px #6ee66099}.status-dead{background-color:var(--portal-pink);color:#fff;box-shadow:0 0 8px #fb609999}.status-unknown{background-color:#888;color:#fff;box-shadow:0 0 8px #8889}@media (max-width: 768px){.character-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.2rem}.character-image{width:150px;height:150px}.character-name{font-size:1.2rem}}@font-face{font-family:Schwifty;src:local("Comic Sans MS");font-weight:400;font-style:normal}.pagination-container{display:flex;justify-content:center;align-items:center;margin:2rem 0;flex-wrap:wrap;gap:.5rem;position:relative;padding:1rem 0}.pagination-wrapper{display:flex;justify-content:center;align-items:center;gap:.5rem;max-width:80%;flex-wrap:wrap}.page-btn{min-width:40px;height:40px;display:flex;justify-content:center;align-items:center;background-color:#1a1a2ecc;border:2px solid var(--portal-blue);color:var(--portal-text);border-radius:8px;cursor:pointer;transition:all .3s;font-weight:600;margin:0 .2rem;padding:0 .8rem}.page-btn:hover{background-color:#00b5cc33;border-color:var(--portal-green);transform:translateY(-2px)}.page-btn.active{background-color:var(--portal-green);color:#111;border-color:var(--portal-accent);box-shadow:0 0 10px #6ee660b3}.nav-btn{min-width:120px;height:45px;font-weight:700;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;z-index:1}.nav-btn.prev-btn{background:linear-gradient(45deg,var(--portal-blue),var(--portal-purple));color:#fff;border:none;border-radius:var(--border-radius)}.nav-btn.next-btn{background:linear-gradient(45deg,var(--portal-green),var(--portal-blue));color:#111;border:none;border-radius:var(--border-radius)}.nav-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,var(--portal-pink),var(--portal-purple));z-index:-1;opacity:0;transition:opacity .3s ease}.nav-btn.next-btn:before{background:linear-gradient(45deg,var(--portal-bright-green),var(--portal-green))}.nav-btn:hover:before{opacity:1}.nav-btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px #97ce4c99}.nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.page-indicator{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);background-color:var(--portal-dark);color:var(--portal-highlight);padding:.3rem .8rem;border-radius:20px;font-size:.9rem;font-weight:600;border:1px solid var(--portal-blue);box-shadow:0 0 8px #00b5cc80}@media (max-width: 768px){.pagination-container{flex-direction:column;gap:1rem}.nav-buttons{width:100%;display:flex;justify-content:space-between}.nav-btn{min-width:110px}.pagination-wrapper{max-width:100%;margin:1rem 0}.page-btn{min-width:35px;height:35px;font-size:.9rem}}.search-bar{position:relative;max-width:600px;margin:2rem auto;text-align:center}.search-input{width:100%;padding:1rem 1.5rem;font-size:1.1rem;background-color:#0c0c1db3;color:var(--portal-text);border:2px solid var(--portal-blue);border-radius:30px;transition:all .3s ease;box-shadow:0 0 10px #00b5cc33;outline:none}.search-input:focus{border-color:var(--portal-green);box-shadow:0 0 15px #6ee66099;transform:scale(1.02)}.search-input::placeholder{color:#e1e1e699;font-style:italic}.nav-buttons-container{display:flex;justify-content:center;gap:1.5rem;margin:2rem auto;flex-wrap:wrap}.portal-nav-btn{position:relative;padding:.9rem 1.8rem;min-width:180px;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:30px;cursor:pointer;overflow:hidden;z-index:1;transition:all .4s ease;box-shadow:0 0 10px #97ce4c66;animation:float 3s infinite ease-in-out}.portal-nav-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .5s ease}.portal-nav-btn:hover:before{left:100%}.portal-nav-btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 5px 20px #97ce4cb3}.btn-characters{background:linear-gradient(45deg,var(--portal-green),var(--portal-blue));color:#fff;animation-delay:0s}.btn-locations{background:linear-gradient(45deg,var(--portal-blue),var(--portal-purple));color:#fff;animation-delay:.2s}.btn-episodes{background:linear-gradient(45deg,var(--portal-purple),var(--portal-pink));color:#fff;animation-delay:.4s}.search-results{margin-top:2rem;padding:1rem;background-color:#0c0c1db3;border:2px solid var(--portal-blue);border-radius:12px;animation:glow 3s infinite}.results-title{font-size:1.5rem;color:var(--portal-green);text-align:center;margin-bottom:1.5rem;text-shadow:0 0 8px var(--portal-green)}.no-results{text-align:center;padding:2rem;font-size:1.2rem;color:var(--portal-pink)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease forwards}.episode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.8rem;margin-top:1.5rem}.episode-header{padding:1rem;background-color:#0a0a19b3;border-bottom:2px solid var(--portal-blue)}.episode-name{font-size:1.4rem;font-weight:700;color:var(--portal-highlight);margin:0;text-align:center;text-shadow:0 0 5px var(--portal-highlight)}.episode-image{width:100%;height:140px;object-fit:cover;border-bottom:3px solid var(--portal-blue);transition:all .3s}.episode-image-container{padding:1rem;display:flex;justify-content:center;background:radial-gradient(circle,#00b5cc4d,#1a1a2ecc)}.episode-card:hover .episode-image{filter:brightness(1.2)}.episode-info{padding:1.2rem;display:flex;flex-direction:column;gap:.8rem;flex-grow:1;background-color:#0c0c1d80}.episode-code{display:inline-block;padding:.3rem .7rem;border-radius:20px;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background-color:var(--portal-blue);color:#fff;box-shadow:0 0 8px #00b5cc99;align-self:flex-start}.location-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.8rem;margin-top:1.5rem}.location-card{background-color:#1a1a2ecc;border:2px solid var(--portal-purple);border-radius:12px;overflow:hidden;transition:all .6s;position:relative;display:flex;flex-direction:column;height:100%}.location-card:hover{transform:translateY(-10px);box-shadow:0 5px 20px var(--portal-purple)}.location-header{padding:1rem;background-color:#0a0a19b3;border-bottom:2px solid var(--portal-purple)}.location-name{font-size:1.4rem;font-weight:700;color:var(--portal-pink);margin:0;text-align:center;text-shadow:0 0 5px var(--portal-pink)}.location-image-container{padding:1rem;display:flex;justify-content:center;background:radial-gradient(circle,#741fa84d,#1a1a2ecc)}.location-image{width:180px;height:180px;object-fit:cover;border-radius:50%;border:3px solid var(--portal-purple);box-shadow:0 0 15px #741fa899;transition:all .3s}.location-card:hover .location-image{transform:scale(1.05);box-shadow:0 0 15px #741fa8cc}.location-info{padding:1.2rem;display:flex;flex-direction:column;gap:.8rem;flex-grow:1;background-color:#0c0c1d80}.location-type{display:inline-block;padding:.3rem .7rem;border-radius:20px;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background-color:var(--portal-purple);color:#fff;box-shadow:0 0 8px #741fa899;align-self:flex-start}.location-dimension{color:var(--portal-pink);font-weight:600;text-shadow:0 0 3px rgba(251,96,153,.4)}@keyframes card-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.episode-card,.location-card .character-card{animation:card-appear .5s ease forwards}@keyframes card-highlight{0%{box-shadow:0 0 5px var(--portal-blue)}50%{box-shadow:0 0 15px var(--portal-blue),0 0 20px var(--portal-green)}to{box-shadow:0 0 5px var(--portal-blue)}}@keyframes location-highlight{0%{box-shadow:0 0 5px var(--portal-purple)}50%{box-shadow:0 0 15px var(--portal-purple),0 0 20px var(--portal-pink)}to{box-shadow:0 0 5px var(--portal-purple)}}.location-card:hover{animation:location-highlight 2s infinite}@media (max-width: 768px){.episode-grid,.location-grid .character-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.2rem}.location-image{width:150px;height:150px}.episode-name,.location-name .character-name{font-size:1.2rem}}.episode-card{background-color:#1a1a2ecc;border:2px solid var(--portal-blue);border-radius:12px;overflow:hidden;transition:all .6s;position:relative;display:flex;flex-direction:column;height:100%}@keyframes episode-highlight{0%{box-shadow:0 0 5px var(--portal-blue)}50%{box-shadow:0 0 15px var(--portal-blue),0 0 20px var(--portal-highlight)}to{box-shadow:0 0 5px var(--portal-blue)}}.episode-card{animation:episode-highlight 2s}.episode-card:hover{transform:translateY(-10px);box-shadow:0 0 15px var(--portal-blue),0 0 20px var(--portal-highlight);animation:none}.search-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.8rem;margin-top:1.5rem}.search-results .character-card,.search-results .location-card,.search-results .episode-card{opacity:0;animation-delay:calc(.1s * var(--animation-order, 0))}.search-results .character-card{animation:card-appear .5s ease forwards,glow 3s infinite;animation-delay:.1s}.search-results .location-card{animation:card-appear .5s ease forwards,location-highlight 3s infinite;animation-delay:.2s}.search-results .episode-card{animation:card-appear .5s ease forwards,episode-highlight 3s infinite;animation-delay:.3s}.search-results .episode-image-container{display:flex;justify-content:center;align-items:center;height:100px;background:radial-gradient(circle,#00b5cc4d,#1a1a2ecc);padding:1rem}.search-results .location-image-container{display:flex;justify-content:center;align-items:center;height:120px;padding:1rem}.search-results{margin-top:2rem;padding:1.5rem;background-color:#0c0c1dcc;border:2px solid var(--portal-green);border-radius:12px}@media (max-width: 768px){.search-results-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.2rem}}