:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e8f7f0;background:#061a20;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #061a20;--panel: #0c2930;--panel-deep: #08242c;--line: rgba(152, 240, 211, .22);--cyan: #7ce8e1;--portal: #a7d95a}*{box-sizing:border-box}body{min-width:320px;margin:0;min-height:100vh;background:radial-gradient(ellipse 42rem 28rem at -7% 42%,rgba(78,173,143,.1),transparent 70%),radial-gradient(ellipse 34rem 24rem at 104% 22%,rgba(71,176,180,.14),transparent 70%),linear-gradient(140deg,#061a20,#081d29 60%,#0c2522)}body:before{position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;opacity:.32;background-image:radial-gradient(rgba(181,244,228,.42) .65px,transparent .65px);background-size:29px 29px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 25%,black 75%,transparent);mask-image:linear-gradient(to bottom,transparent,black 25%,black 75%,transparent)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.62}button:focus-visible,input:focus-visible,.resident:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}img{display:block;max-width:100%}.container{width:min(1160px,calc(100% - 2rem));margin:0 auto}.app-main{padding:0 0 5rem}.dimension-scanner{position:relative;width:min(900px,100%);margin:-2.4rem auto 3.25rem;padding:clamp(1.1rem,3vw,2rem);border:1px solid rgba(167,217,90,.34);border-radius:1.25rem;background:linear-gradient(135deg,#10373af5,#071d26fa);box-shadow:0 26px 65px #00000052,inset 0 1px #c5ffe614}.dimension-scanner:before{position:absolute;top:9px;right:9px;bottom:9px;left:9px;content:"";pointer-events:none;border:1px solid rgba(124,232,225,.12);border-radius:.9rem}.dimension-scanner__heading{position:relative;z-index:1;display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:0 .35rem .8rem}.dimension-scanner__heading>span{color:var(--portal);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.dimension-scanner__heading p{margin:0;color:#a7c4c0;font-size:.88rem}.request-state{position:relative;z-index:1;display:flex;gap:.75rem;align-items:center;justify-content:center;padding:1rem;margin:1rem 0 0;border-radius:.75rem;text-align:center}.request-state--loading{border:1px solid var(--line);color:var(--cyan);background:#03191f6b}.request-state--error{border:1px solid #e67d7d;color:#ffe5e5;background:#70232780}.portal-loader{width:1.1rem;height:1.1rem;border:3px solid rgba(167,217,90,.22);border-top-color:var(--portal);border-radius:50%;animation:orbit .8s linear infinite}@keyframes orbit{to{transform:rotate(360deg)}}.empty-state{position:relative;display:grid;min-height:170px;place-items:center;padding:2rem;border:1px dashed var(--line);border-radius:1rem;color:#b8d4cf;text-align:center;background:radial-gradient(circle at center,rgba(124,232,225,.06),transparent 45%)}.empty-state:before{width:3rem;height:3rem;margin-bottom:.8rem;content:"";border:2px solid rgba(167,217,90,.36);border-radius:50%;box-shadow:inset 0 0 0 8px #7ce8e10f}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:600px){.dimension-scanner{margin-top:-1.55rem;margin-bottom:2.4rem}.dimension-scanner__heading{align-items:start;flex-direction:column;gap:.3rem}}.hero{position:relative;min-height:clamp(320px,42vw,470px);overflow:hidden;display:grid;align-items:end;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#031219ed,#04141bb3 48%,#04141b52),url(/rick-banner.jpg) center/cover}.hero:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:linear-gradient(to bottom,transparent 58%,#061a20 100%)}.hero__content{position:relative;z-index:1;padding:clamp(3.5rem,9vw,7rem) 0 4.8rem}.hero__eyebrow{margin:0 0 .7rem;color:var(--portal);font-size:.75rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.hero h1{max-width:720px;margin:0;font-size:clamp(2.65rem,7vw,5.9rem);line-height:.88;letter-spacing:-.065em}.hero__content>p{max-width:480px;margin:1.1rem 0 1.15rem;color:#d2e5e1;font-size:clamp(.95rem,1.7vw,1.1rem)}.hero__signal{display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .65rem;border:1px solid rgba(124,232,225,.3);border-radius:999px;color:var(--cyan);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;background:#03161d7a}.hero__signal:before{width:.45rem;height:.45rem;content:"";border-radius:50%;background:var(--portal);box-shadow:0 0 12px #a7d95acc}.hero__portal{position:absolute;right:clamp(-2.8rem,7vw,6rem);top:10%;width:min(35vw,355px);aspect-ratio:1;border:18px solid rgba(167,217,90,.3);border-radius:50%;box-shadow:inset 0 0 0 15px #5ce2d02b,0 0 70px #66e2a638;transform:rotate(-13deg)}.hero__portal:before,.hero__portal:after,.hero__portal span{position:absolute;content:"";top:15%;right:15%;bottom:15%;left:15%;border:5px dashed rgba(124,232,225,.45);border-radius:46% 54% 55% 45%}.hero__portal:after{top:28%;right:28%;bottom:28%;left:28%;border-color:#a7d95a94}@media(max-width:600px){.hero{min-height:360px}.hero__content{padding-bottom:4rem}.hero__portal{top:5%;width:235px;opacity:.55}}.location{position:relative;z-index:1;overflow:hidden;padding:clamp(1.3rem,4vw,2.45rem) .35rem .2rem;animation:location-scan .3s ease-out both}.location:before{position:absolute;top:0;right:0;left:0;height:2px;content:"";background:linear-gradient(90deg,transparent,var(--cyan),var(--portal),transparent);box-shadow:0 0 18px #7ce8e18c;animation:scan-flash .38s ease-out both}.location__topline{display:flex;justify-content:space-between;gap:1rem;color:var(--cyan);font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.location h2{max-width:800px;margin:.5rem 0 .45rem;font-size:clamp(2rem,4.6vw,3.7rem);line-height:.95;letter-spacing:-.045em}.location__signal{margin:0 0 1.5rem;color:var(--portal);font-size:.93rem}.location__signal:before{display:inline-block;width:.55rem;height:.55rem;margin-right:.45rem;content:"";border-radius:50%;background:currentColor;box-shadow:0 0 12px #a7d95abf}.location__details{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.location__details div{min-height:92px;padding:.9rem;border:1px solid rgba(152,240,211,.12);border-radius:.7rem;background:#01141b57}.location__details span,.location__details strong{display:block}.location__details span{color:#a7c4c0;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.location__details strong{margin-top:.42rem;overflow-wrap:anywhere;font-size:1.02rem}@keyframes location-scan{0%{opacity:0;transform:translateY(8px)}}@keyframes scan-flash{0%{opacity:0;transform:scaleX(.22)}to{opacity:1;transform:scaleX(1)}}@media(max-width:600px){.location__details{grid-template-columns:1fr}.location__details div{min-height:0}}.resident{position:relative;overflow:hidden;min-height:310px;border:1px solid var(--line);border-radius:.9rem;color:#e8f7f0;background:var(--panel);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.resident:after{position:absolute;top:0;right:0;left:0;height:2px;content:"";background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:0;transform:translate(-110%);transition:opacity .2s ease,transform .45s ease}.resident:not(.resident--loading):not(.resident--error):hover,.resident:focus-visible{border-color:var(--cyan);box-shadow:0 12px 28px #00000040;transform:translateY(-3px)}.resident:not(.resident--loading):not(.resident--error):hover:after,.resident:focus-visible:after{opacity:1;transform:translate(110%)}.resident__header{position:relative;aspect-ratio:4/3;overflow:hidden;background:#10343b}.resident__img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.resident:hover .resident__img,.resident:focus-visible .resident__img{transform:scale(1.04)}.resident__status{position:absolute;top:.75rem;left:.75rem;padding:.25rem .55rem;border-radius:999px;color:#071e24;font-size:.78rem;font-weight:800;background:#b6c7c6}.resident__status--Alive{background:#a7d95a}.resident__status--Dead{color:#fff;background:#9f4c57}.resident__status--unknown{color:#1e2527;background:#d6bc65}.resident__body{padding:.9rem}.resident h3{margin:0;font-size:1.05rem}.resident__species{margin:.25rem 0 0;color:var(--cyan);font-size:.85rem}.resident__intel{display:grid;gap:.38rem;max-height:0;margin-top:0;overflow:hidden;color:#b8d4cf;font-size:.8rem;opacity:0;transition:max-height .25s ease,margin .25s ease,opacity .2s ease}.resident:hover .resident__intel,.resident:focus-visible .resident__intel{max-height:8rem;margin-top:.75rem;opacity:1}.resident__intel span,.resident__intel strong{display:block}.resident__intel strong{color:#e8f7f0;font-weight:600}.resident--loading,.resident--error{display:grid;place-items:center;padding:1.2rem;text-align:center}.resident--loading{color:var(--cyan);background:linear-gradient(135deg,var(--panel),#164c4c)}.resident--error{color:#ffd4d4;border-color:#a95b61}@media(hover:none){.resident__intel{max-height:8rem;margin-top:.75rem;opacity:1}}.residents{position:relative;padding:clamp(1.35rem,3vw,2.1rem);border:1px solid rgba(152,240,211,.14);border-radius:1.2rem;background:linear-gradient(135deg,#0a252eb8,#061c236b)}.residents__header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.35rem}.residents__eyebrow{color:var(--portal);font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.residents__header h2{margin:.25rem 0 0;font-size:clamp(1.5rem,2.5vw,2rem)}.residents__header p{margin:0;color:#a7c4c0;font-size:.9rem;text-align:right}.residents__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),270px));justify-content:center;gap:1rem}.pagination{display:flex;justify-content:center;align-items:center;gap:.8rem;margin-top:1.8rem}.pagination button{border:1px solid var(--line);border-radius:.5rem;padding:.55rem .85rem;color:#e8f7f0;background:#10343b;transition:border-color .15s ease,background .15s ease}.pagination button:not(:disabled):hover{border-color:var(--cyan);background:#16454b}@media(max-width:500px){.residents{padding:1rem}.residents__header{align-items:start;flex-direction:column}.residents__header p{text-align:left}}.search{position:relative;z-index:1;margin:0;padding:.9rem 0 1.25rem;border-bottom:1px solid rgba(152,240,211,.16)}.search__label{display:block;margin-bottom:.55rem;color:#d8eeea;font-size:.88rem;font-weight:650}.search__controls{display:flex}.search__input{min-width:0;flex:1;border:1px solid transparent;border-radius:.55rem 0 0 .55rem;padding:.86rem 1rem;color:var(--ink);background:#effaf7}.search__input[aria-invalid=true]{border-color:#dc7777}.search__btn{border:0;border-radius:0 .55rem .55rem 0;padding:.86rem 1.1rem;color:#082026;font-size:.85rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;background:var(--portal);transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.search__btn:not(:disabled):hover{background:#c1eb74;box-shadow:0 0 20px #a7d95a47;transform:translateY(-1px)}.search__btn:not(:disabled):active{transform:translateY(1px)}.search__error{margin:.65rem 0 0;color:#ffc1c1;font-size:.9rem}@media(max-width:430px){.search__controls{flex-direction:column;gap:.55rem}.search__input,.search__btn{border-radius:.55rem}}