:root{--g-color-black: #000;--g-color-white: #fff;--g-color-grey-50: #f6f6f6;--g-color-grey-600: #636363;--g-color-grey-700: #4d4d4d;--g-color-grey-900: #0f0f0f;--alien-green: #00ff41;--alien-dark-green: #004d1a;--alien-acid: #ffff00;--alien-blood: #8b0000;--alien-metal: #2c2c2c;--alien-glow: #00ff88;--g-box-shadow: 0px 6px 12px rgba(18, 20, 23, .06), 0px 15px 24px rgba(18, 20, 23, .07), 0px -4px 12px rgba(18, 20, 23, .05);--g-font-family: "Courier New", "Monaco", "Menlo", "Consolas", monospace;--g-font-size-x-small: .75rem;--g-font-size-small: .875rem;--g-font-size-base: 1rem;--g-font-size-large: 1.25rem;--g-font-size-x-large: 1.5rem;--g-font-size-2x-large: 2rem;--g-font-size-3x-large: 2.5rem;--g-font-size-4x-large: 4rem;--g-font-weight-base: 400;--g-font-weight-semi-bold: 500;--g-font-weight-bold: 600;--g-font-weight-black: 700;--g-border-radius-small: .5rem;--g-border-radius-base: 1rem;--g-border-radius-large: 1.5rem;--g-spacing-small: .5rem;--g-spacing-base: 1rem;--g-spacing-large: 1.5rem;--g-spacing-x-large: 2rem;--g-spacing-2x-large: 2.5rem;--g-spacing-3x-large: 3rem;--g-spacing-6x-large: 6rem}*{padding:0;margin:0;box-sizing:border-box}html,body{font-family:var(--g-font-family)}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;cursor:pointer}a{color:inherit;text-decoration:none}.text-subtle{color:var(--g-color-grey-600);font-size:var(--g-font-size-x-small);font-weight:var(--g-font-weight-base)}.text-body-1{font-size:var(--g-font-size-2x-large);font-weight:var(--g-font-weight-base)}.text-body-2{font-size:var(--g-font-size-x-large);font-weight:var(--g-font-weight-base)}.text-body-3{color:var(--g-color-grey-900);font-size:var(--g-font-size-small);font-weight:var(--g-font-weight-base)}.text-display-1{font-size:var(--g-font-size-4x-large);font-weight:var(--g-font-weight-black);line-height:1.2}.text-display-2{font-size:var(--g-font-size-3x-large);font-weight:var(--g-font-weight-black);line-height:1.4}.text-display-3{font-size:var(--g-font-size-x-large);font-weight:var(--g-font-weight-black)}.text-heading-1{font-size:var(--g-font-size-large);font-weight:var(--g-font-weight-semi-bold)}.text-heading-2{font-size:var(--g-font-size-base);font-weight:var(--g-font-weight-semi-bold)}.container{padding:0 var(--g-spacing-6x-large);margin:auto}.nav{align-items:center;display:flex;justify-content:space-between;padding-bottom:var(--g-spacing-x-large);padding-top:var(--g-spacing-x-large);width:100%}.sign-in-btn{margin-right:var(--g-spacing-small)}.btn{border-radius:var(--g-border-radius-small);display:inline-block;font-weight:var(--g-font-weight-bold);padding:var(--g-spacing-base)}.btn-ghost{color:var(--g-color-grey-700)}.btn-dark{background-color:var(--g-color-black);color:var(--g-color-white)}.btn-light{background:var(--g-color-white);color:var(--g-color-black);font-weight:600}.btn-big{font-size:var(--g-font-size-large);padding:var(--g-font-size-large) var(--g-font-size-x-large)}.hero{align-items:center;display:flex;flex-direction:column;height:45rem;justify-content:center;text-align:center}.hero-title{margin-bottom:var(--g-spacing-x-large)}.hero-tagline{margin-bottom:var(--g-spacing-3x-large)}.card{background:var(--g-color-black);border-radius:var(--g-border-radius-large);box-shadow:var(--g-box-shadow);color:var(--g-color-white)}.link{text-decoration:underline;text-underline-offset:.2rem}.link:hover,.link:focus{background:#f1f2f4}.footer{padding-bottom:var(--g-spacing-x-large);padding-top:var(--g-spacing-x-large)}.footer-tagline{margin-bottom:var(--g-font-size-x-small);margin-top:var(--g-font-size-x-small)}.start-hero{padding:var(--g-spacing-2x-large);text-align:center}.start-hero-intro{margin-bottom:var(--g-spacing-base)}.avatar{align-items:center;background-color:var(--g-color-grey-50);border-radius:var(--g-border-radius-large);display:flex;height:var(--g-spacing-3x-large);justify-content:center;text-align:center;width:var(--g-spacing-3x-large)}.profile-blob{align-items:center;display:grid;gap:var(--g-spacing-base);grid-template-columns:auto 1fr}.next-steps-section{margin-top:var(--g-spacing-2x-large)}.c-user-menu{list-style:none;margin-top:.25rem}.c-user-menu button,.c-user-menu a{text-decoration:underline}body{background:var(--g-color-black);color:var(--alien-green);min-height:100vh;font-family:var(--g-font-family);text-shadow:0 0 10px var(--alien-green);letter-spacing:.1em;line-height:1.4}*{text-shadow:0 0 5px currentColor}.card{background:var(--g-color-black);border:2px solid var(--alien-green);box-shadow:0 0 20px #00ff4180,inset 0 0 20px #00ff411a;position:relative}.card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 48%,var(--alien-green) 49%,var(--alien-green) 51%,transparent 52%);opacity:.1;pointer-events:none}.btn-dark{background:var(--g-color-black);color:var(--alien-green);border:2px solid var(--alien-green);transition:all .3s ease;font-family:var(--g-font-family);font-weight:700;text-transform:uppercase;letter-spacing:.1em;position:relative;overflow:hidden}.btn-dark:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--alien-green),transparent);transition:left .5s}.btn-dark:hover:before{left:100%}.btn-dark:hover{background:var(--alien-dark-green);box-shadow:0 0 20px #00ff41cc;text-shadow:0 0 10px var(--alien-green)}.btn-light{background:var(--g-color-black);color:var(--alien-green);border:2px solid var(--alien-green);font-family:var(--g-font-family);font-weight:700;text-transform:uppercase;letter-spacing:.1em}.btn-light:hover{background:var(--alien-dark-green);box-shadow:0 0 15px #00ff4199;text-shadow:0 0 8px var(--alien-green)}.creature-generator{margin:var(--g-spacing-2x-large) 0}.generator-form{background:var(--g-color-black);border:2px solid var(--alien-green);border-radius:0;padding:var(--g-spacing-2x-large);margin-bottom:var(--g-spacing-2x-large);position:relative}.generator-form:before{content:">>> CREATURE GENERATION PROTOCOL INITIATED <<<";position:absolute;top:-15px;left:20px;background:var(--g-color-black);color:var(--alien-green);padding:0 10px;font-family:var(--g-font-family);font-size:var(--g-font-size-small);text-transform:uppercase;letter-spacing:.1em}.input-group{display:flex;flex-direction:column;gap:var(--g-spacing-base);margin-top:var(--g-spacing-large)}.creature-input{background:var(--g-color-black);border:2px solid var(--alien-green);border-radius:0;color:var(--alien-green);padding:var(--g-spacing-base);font-family:var(--g-font-family);font-size:var(--g-font-size-base);resize:vertical;min-height:100px;text-shadow:0 0 5px var(--alien-green);letter-spacing:.05em}.creature-input:focus{outline:none;border-color:var(--alien-glow);box-shadow:0 0 15px #00ff4180;text-shadow:0 0 8px var(--alien-green)}.creature-input::placeholder{color:var(--alien-green);opacity:.6;text-transform:uppercase;letter-spacing:.1em}.generate-btn{align-self:flex-start;padding:var(--g-spacing-base) var(--g-spacing-x-large)}.error-message{background:var(--g-color-black);border:2px solid #ff0000;border-radius:0;padding:var(--g-spacing-base);margin-top:var(--g-spacing-base);color:red;font-family:var(--g-font-family);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 10px #ff0000}.success-message{background:var(--g-color-black);border:2px solid var(--alien-green);border-radius:0;padding:var(--g-spacing-base);margin-top:var(--g-spacing-base);color:var(--alien-green);font-family:var(--g-font-family);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 10px var(--alien-green)}.generated-creatures{margin-top:var(--g-spacing-2x-large)}.save-section{display:flex;gap:var(--g-spacing-base);margin-bottom:var(--g-spacing-large);align-items:center}.save-input{flex:1;background:var(--g-color-black);border:2px solid var(--alien-green);border-radius:0;color:var(--alien-green);padding:var(--g-spacing-base);font-family:var(--g-font-family);text-shadow:0 0 5px var(--alien-green);letter-spacing:.05em}.save-input:focus{outline:none;border-color:var(--alien-glow);box-shadow:0 0 15px #00ff4180;text-shadow:0 0 8px var(--alien-green)}.save-input::placeholder{color:var(--alien-green);opacity:.6;text-transform:uppercase;letter-spacing:.1em}.creatures-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--g-spacing-large)}@media (max-width: 1200px){.creatures-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.creatures-grid{grid-template-columns:1fr}}.creatures-showcase{display:grid;grid-template-columns:1fr 1fr;gap:var(--g-spacing-large);margin-top:var(--g-spacing-large)}.detail-header{margin-bottom:var(--g-spacing-large)}.detail-header h1{margin:var(--g-spacing-medium) 0 var(--g-spacing-small) 0;color:var(--alien-green);text-shadow:0 0 10px var(--alien-green)}.detail-header p{color:var(--g-color-text-secondary);font-size:var(--g-font-size-body-2)}.back-link{color:var(--alien-green);text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.1em;transition:all .3s ease}.back-link:hover{color:var(--g-color-white);text-shadow:0 0 5px var(--alien-green)}@media (max-width: 768px){.creatures-showcase{grid-template-columns:1fr}}.creature-card{background:var(--g-color-black);border:2px solid var(--alien-green);border-radius:0;padding:var(--g-spacing-large);box-shadow:0 0 20px #00ff414d;position:relative;font-family:var(--g-font-family)}.creature-card:before{content:">>> CREATURE DATA <<<";position:absolute;top:-15px;left:20px;background:var(--g-color-black);color:var(--alien-green);padding:0 10px;font-family:var(--g-font-family);font-size:var(--g-font-size-small);text-transform:uppercase;letter-spacing:.1em}.creature-header{text-align:center;margin-bottom:var(--g-spacing-large)}.creature-image{margin:var(--g-spacing-base) 0;border-radius:0;overflow:hidden;border:2px solid var(--alien-green);width:100%;aspect-ratio:1 / 1;position:relative;max-width:300px;margin-left:auto;margin-right:auto;box-shadow:0 0 15px #00ff4166}.creature-image img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;top:0;left:0}.placeholder-image{width:100%;height:100%;background:var(--g-color-black);display:flex;align-items:center;justify-content:center;color:var(--alien-green);border:2px dashed var(--alien-green);position:absolute;top:0;left:0;font-family:var(--g-font-family);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 5px var(--alien-green)}.creature-details{display:flex;flex-direction:column;gap:var(--g-spacing-small)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--g-spacing-small) 0;border-bottom:1px solid rgba(0,255,65,.3);font-family:var(--g-font-family)}.detail-row:last-child{border-bottom:none}.label{font-weight:700;color:var(--alien-green);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 5px var(--alien-green)}.value{color:var(--alien-green);text-align:right;text-shadow:0 0 5px var(--alien-green);font-family:var(--g-font-family)}.abilities-section{margin-top:var(--g-spacing-base)}.abilities-list{display:flex;flex-wrap:wrap;gap:var(--g-spacing-small);margin-top:var(--g-spacing-small)}.ability-tag{background:var(--g-color-black);color:var(--alien-green);padding:var(--g-spacing-small) var(--g-spacing-base);border-radius:0;font-size:var(--g-font-size-small);border:1px solid var(--alien-green);font-family:var(--g-font-family);text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 5px var(--alien-green)}.description-section{margin-top:var(--g-spacing-base)}.description{margin-top:var(--g-spacing-small);line-height:1.5;color:var(--alien-green);font-family:var(--g-font-family);text-shadow:0 0 5px var(--alien-green);letter-spacing:.05em}.creature-directory{margin:var(--g-spacing-2x-large) 0}.directory-creature-card{background:var(--g-color-black);border:2px solid var(--alien-green);border-radius:0;overflow:hidden;transition:all .3s ease;font-family:var(--g-font-family)}.directory-creature-card:hover{border-color:var(--alien-glow);box-shadow:0 0 25px #00ff4180;transform:translateY(-2px)}.creature-link{display:block;text-decoration:none;color:inherit}.creature-preview{display:flex;flex-direction:column}.split-preview-images{display:flex;height:200px;border-bottom:2px solid var(--alien-green);width:100%}.alien-preview,.creature-preview{flex:1;position:relative;overflow:hidden;border-right:1px solid var(--alien-green)}.creature-preview{border-right:none}.alien-preview img,.creature-preview img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.alien-preview:hover img,.creature-preview:hover img{transform:scale(1.05)}.split-preview-images .alien-preview,.split-preview-images .creature-preview{flex:1;position:relative;overflow:hidden;border-right:1px solid var(--alien-green);height:100%;display:flex;align-items:center;justify-content:center}.split-preview-images .creature-preview{border-right:none}.split-preview-images .alien-preview img,.split-preview-images .creature-preview img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;display:block}.split-preview-images .alien-preview:hover img,.split-preview-images .creature-preview:hover img{transform:scale(1.05)}.image-label{position:absolute;bottom:8px;left:8px;background:#000c;color:var(--alien-green);padding:4px 8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--alien-green)}.user-profile-info{display:flex;flex-direction:column;gap:var(--g-spacing-small)}.user-name{font-family:var(--g-font-family);font-size:var(--g-font-size-heading-2);font-weight:700;color:var(--g-color-white);text-shadow:0 0 5px var(--alien-green);letter-spacing:.05em;text-transform:uppercase;margin:0}.user-menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--g-spacing-xs)}.user-menu li{margin:0}.user-menu-link{font-family:var(--g-font-family);font-size:var(--g-font-size-body-2);color:var(--g-color-text-secondary);text-decoration:none;text-transform:uppercase;letter-spacing:.1em;transition:all .3s ease;display:block;padding:4px 0}.user-menu-link:hover{color:var(--alien-green);text-shadow:0 0 3px var(--alien-green)}.filter-controls{margin:var(--g-spacing-large) 0;padding:var(--g-spacing-large);background:#0000004d;border:1px solid var(--alien-green);border-radius:0}.abilities-filter{display:flex;flex-direction:column;gap:var(--g-spacing-medium)}.filter-label{font-family:var(--g-font-family);font-size:var(--g-font-size-body-1);font-weight:700;color:var(--alien-green);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--g-spacing-small)}.abilities-dropdown-container{display:flex;flex-direction:column;gap:var(--g-spacing-medium)}.abilities-dropdown{font-family:var(--g-font-family);font-size:var(--g-font-size-body-2);color:var(--g-color-white);background:var(--g-color-black);border:2px solid var(--alien-green);border-radius:0;padding:var(--g-spacing-small);min-height:120px;max-height:200px;overflow-y:auto}.abilities-dropdown option{font-family:var(--g-font-family);font-size:var(--g-font-size-body-2);color:var(--g-color-white);background:var(--g-color-black);padding:var(--g-spacing-xs);text-transform:uppercase;letter-spacing:.05em}.abilities-dropdown option:checked{background:var(--alien-green);color:var(--g-color-black);font-weight:700}.abilities-dropdown:focus{outline:none;border-color:var(--g-color-white);box-shadow:0 0 10px var(--alien-green)}.selected-abilities{display:flex;align-items:center;justify-content:space-between;gap:var(--g-spacing-medium);padding:var(--g-spacing-small);background:#00ff001a;border:1px solid var(--alien-green)}.selected-count{font-family:var(--g-font-family);font-size:var(--g-font-size-body-2);color:var(--alien-green);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.clear-filters-btn{font-family:var(--g-font-family);text-transform:uppercase;letter-spacing:.1em;padding:var(--g-spacing-xs) var(--g-spacing-small);font-size:var(--g-font-size-body-3)}.preview-image{width:100%;aspect-ratio:1 / 1;overflow:hidden;position:relative;max-width:250px;margin:0 auto;border:2px solid var(--alien-green);box-shadow:0 0 10px #00ff414d}.preview-image img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;top:0;left:0}.preview-info{padding:var(--g-spacing-large)}.preview-info h3{margin-bottom:var(--g-spacing-small);color:var(--alien-green);font-family:var(--g-font-family);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 8px var(--alien-green)}.preview-info p{margin-bottom:var(--g-spacing-small);font-family:var(--g-font-family);color:var(--alien-green);text-shadow:0 0 5px var(--alien-green)}.empty-state{text-align:center;padding:var(--g-spacing-3x-large);background:var(--g-color-black);border:2px solid var(--alien-green);border-radius:0;font-family:var(--g-font-family);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 10px var(--alien-green)}.generator-section,.directory-section,.user-creatures-section{margin:var(--g-spacing-3x-large) 0}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:var(--g-font-size-large);color:var(--alien-green);font-family:var(--g-font-family);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 15px var(--alien-green)}.error-page{text-align:center;padding:var(--g-spacing-3x-large);font-family:var(--g-font-family);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 10px var(--alien-green)}.back-link{color:var(--alien-green);text-decoration:none;margin-bottom:var(--g-spacing-large);display:inline-block;font-family:var(--g-font-family);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 5px var(--alien-green)}.back-link:hover{color:var(--alien-glow);text-shadow:0 0 10px var(--alien-glow)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;color:var(--alien-green)}.loading-spinner{width:60px;height:60px;border:4px solid var(--alien-dark-green);border-top:4px solid var(--alien-green);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--g-spacing-large)}.loading-text{font-size:var(--g-font-size-large);font-weight:var(--g-font-weight-semi-bold);text-align:center;margin-bottom:var(--g-spacing-base)}.loading-subtext{font-size:var(--g-font-size-base);color:var(--g-color-grey-50);text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:10000;cursor:pointer}.image-modal-content{position:relative;width:80vw;height:80vh;max-width:1200px;max-height:800px;background:var(--alien-metal);border:2px solid var(--alien-green);border-radius:var(--g-border-radius-large);overflow:hidden;box-shadow:0 0 50px #00ff4180;cursor:default}.image-modal-close{position:absolute;top:var(--g-spacing-base);right:var(--g-spacing-base);background:var(--alien-dark-green);color:var(--alien-green);border:1px solid var(--alien-green);border-radius:50%;width:40px;height:40px;font-size:var(--g-font-size-large);font-weight:700;cursor:pointer;z-index:10001;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.image-modal-close:hover{background:var(--alien-green);color:var(--g-color-black);box-shadow:0 0 15px #00ff4180}.image-modal-image{width:100%;height:100%;object-fit:contain;object-position:center}.creature-image{cursor:pointer;transition:all .3s ease}.creature-image:hover{border-color:var(--alien-glow);box-shadow:0 0 20px #00ff414d;transform:scale(1.02)}.clickable-image{transition:all .3s ease}.creature-image:hover .clickable-image{transform:scale(1.05)}.nav-links{display:flex;align-items:center;gap:var(--g-spacing-base)}.directory-header{text-align:center;margin-bottom:var(--g-spacing-3x-large)}.search-controls{display:flex;flex-direction:column;gap:var(--g-spacing-large);margin-bottom:var(--g-spacing-2x-large);background:var(--alien-metal);border:1px solid var(--alien-green);border-radius:var(--g-border-radius-large);padding:var(--g-spacing-2x-large)}.search-bar{flex:1}.search-input{width:100%;background:var(--g-color-black);border:1px solid var(--alien-green);border-radius:var(--g-border-radius-small);color:var(--g-color-white);padding:var(--g-spacing-base);font-family:var(--g-font-family);font-size:var(--g-font-size-base)}.search-input:focus{outline:none;border-color:var(--alien-glow);box-shadow:0 0 10px #00ff414d}.search-input::placeholder{color:var(--g-color-grey-600)}.sort-controls{display:flex;align-items:center;gap:var(--g-spacing-base)}.sort-label{color:var(--alien-green);font-weight:var(--g-font-weight-semi-bold)}.sort-select{background:var(--g-color-black);border:1px solid var(--alien-green);border-radius:var(--g-border-radius-small);color:var(--g-color-white);padding:var(--g-spacing-small) var(--g-spacing-base);font-family:var(--g-font-family)}.results-info{margin-bottom:var(--g-spacing-large);text-align:center}.ability-tag-small{background:var(--alien-dark-green);color:var(--alien-green);padding:2px var(--g-spacing-small);border-radius:var(--g-border-radius-small);font-size:var(--g-font-size-x-small);border:1px solid var(--alien-green)}.debug-panel{background:var(--alien-metal);border:1px solid var(--alien-green);border-radius:var(--g-border-radius-large);padding:var(--g-spacing-2x-large);margin:var(--g-spacing-2x-large) 0}.debug-info{margin-bottom:var(--g-spacing-large)}.debug-json{background:var(--g-color-black);border:1px solid var(--alien-green);border-radius:var(--g-border-radius-small);padding:var(--g-spacing-base);color:var(--g-color-white);font-family:monospace;font-size:var(--g-font-size-small);max-height:300px;overflow-y:auto;white-space:pre-wrap}@media (max-width: 768px){.creatures-grid{grid-template-columns:1fr}.save-section{flex-direction:column;align-items:stretch}.container{padding:0 var(--g-spacing-large)}.image-modal-content{width:95vw;height:95vh;margin:var(--g-spacing-base)}.image-modal-close{top:var(--g-spacing-small);right:var(--g-spacing-small);width:35px;height:35px;font-size:var(--g-font-size-base)}.search-controls{flex-direction:column;align-items:stretch}.sort-controls{flex-direction:column;align-items:flex-start}.nav-links{flex-direction:column;gap:var(--g-spacing-small)}}h1,h2,h3,h4,h5,h6{font-family:var(--g-font-family);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 10px currentColor}p,span,div{font-family:var(--g-font-family);text-shadow:0 0 5px currentColor}.nav{font-family:var(--g-font-family);text-transform:uppercase;letter-spacing:.1em}.nav h1{text-shadow:0 0 15px var(--alien-green)}.directory-header{text-align:center;margin-bottom:var(--g-spacing-2x-large);font-family:var(--g-font-family);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 15px var(--alien-green)}.search-controls{display:flex;flex-direction:column;gap:var(--g-spacing-base);margin-bottom:var(--g-spacing-large);background:var(--g-color-black);border:2px solid var(--alien-green);border-radius:0;padding:var(--g-spacing-large);position:relative}.search-controls:before{content:">>> SEARCH PROTOCOL <<<";position:absolute;top:-15px;left:20px;background:var(--g-color-black);color:var(--alien-green);padding:0 10px;font-family:var(--g-font-family);font-size:var(--g-font-size-small);text-transform:uppercase;letter-spacing:.1em}.search-bar{display:flex;gap:var(--g-spacing-base)}.search-input{flex:1;background:var(--g-color-black);border:2px solid var(--alien-green);border-radius:0;color:var(--alien-green);padding:var(--g-spacing-base);font-family:var(--g-font-family);text-shadow:0 0 5px var(--alien-green);letter-spacing:.05em}.search-input:focus{outline:none;border-color:var(--alien-glow);box-shadow:0 0 15px #00ff4180;text-shadow:0 0 8px var(--alien-green)}.search-input::placeholder{color:var(--alien-green);opacity:.6;text-transform:uppercase;letter-spacing:.1em}.sort-controls{display:flex;align-items:center;gap:var(--g-spacing-base);font-family:var(--g-font-family);text-transform:uppercase;letter-spacing:.1em}.sort-label{color:var(--alien-green);text-shadow:0 0 5px var(--alien-green)}.sort-select{background:var(--g-color-black);border:2px solid var(--alien-green);border-radius:0;color:var(--alien-green);padding:var(--g-spacing-small) var(--g-spacing-base);font-family:var(--g-font-family);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 5px var(--alien-green)}.sort-select:focus{outline:none;border-color:var(--alien-glow);box-shadow:0 0 10px #00ff414d}.results-info{text-align:center;margin-bottom:var(--g-spacing-large);font-family:var(--g-font-family);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 8px var(--alien-green)}.creature-abilities{margin-top:var(--g-spacing-base)}.abilities-preview{display:flex;flex-wrap:wrap;gap:var(--g-spacing-small);margin-top:var(--g-spacing-small)}.ability-tag-small{background:var(--g-color-black);color:var(--alien-green);padding:var(--g-spacing-small);border-radius:0;font-size:var(--g-font-size-x-small);border:1px solid var(--alien-green);font-family:var(--g-font-family);text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 5px var(--alien-green)}.debug-panel{background:var(--g-color-black);border:2px solid var(--alien-green);border-radius:0;padding:var(--g-spacing-large);margin-top:var(--g-spacing-large);font-family:var(--g-font-family);position:relative}.debug-panel:before{content:">>> DEBUG CONSOLE <<<";position:absolute;top:-15px;left:20px;background:var(--g-color-black);color:var(--alien-green);padding:0 10px;font-family:var(--g-font-family);font-size:var(--g-font-size-small);text-transform:uppercase;letter-spacing:.1em}.debug-controls{display:flex;gap:var(--g-spacing-base);margin-bottom:var(--g-spacing-large)}.debug-info{margin-bottom:var(--g-spacing-base)}.debug-json{background:var(--g-color-black);border:1px solid var(--alien-green);border-radius:0;padding:var(--g-spacing-base);color:var(--alien-green);font-family:var(--g-font-family);font-size:var(--g-font-size-small);text-shadow:0 0 5px var(--alien-green);overflow-x:auto;white-space:pre-wrap}.upstash-test{background:var(--g-color-black);border:2px solid var(--alien-green);border-radius:0;padding:var(--g-spacing-large);margin-top:var(--g-spacing-large);font-family:var(--g-font-family);position:relative}.upstash-test:before{content:">>> UPSTASH DIAGNOSTICS <<<";position:absolute;top:-15px;left:20px;background:var(--g-color-black);color:var(--alien-green);padding:0 10px;font-family:var(--g-font-family);font-size:var(--g-font-size-small);text-transform:uppercase;letter-spacing:.1em}.test-controls{display:flex;gap:var(--g-spacing-base);margin-bottom:var(--g-spacing-large);flex-wrap:wrap}.test-result{margin-top:var(--g-spacing-base)}.test-result pre{background:var(--g-color-black);border:1px solid var(--alien-green);border-radius:0;padding:var(--g-spacing-base);color:var(--alien-green);font-family:var(--g-font-family);font-size:var(--g-font-size-small);text-shadow:0 0 5px var(--alien-green);overflow-x:auto;white-space:pre-wrap;max-height:400px;overflow-y:auto}.hero-actions{display:flex;gap:var(--g-spacing-base);margin-top:var(--g-spacing-2x-large);justify-content:center;flex-wrap:wrap}.btn-large{padding:var(--g-spacing-base) var(--g-spacing-2x-large);font-size:var(--g-font-size-large);font-weight:var(--g-font-weight-bold)}.features-section{margin:var(--g-spacing-6x-large) 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--g-spacing-2x-large);margin-top:var(--g-spacing-3x-large)}.feature-card{background:var(--alien-metal);border:1px solid var(--alien-green);border-radius:var(--g-border-radius-base);padding:var(--g-spacing-2x-large);text-align:center;transition:all .3s ease}.feature-card:hover{border-color:var(--alien-glow);box-shadow:0 0 20px #00ff884d;transform:translateY(-2px)}.feature-card h3{color:var(--alien-green);margin-bottom:var(--g-spacing-base);text-shadow:0 0 10px var(--alien-green)}.feature-card p{color:var(--g-color-white);line-height:1.6}.cta-section{margin:var(--g-spacing-6x-large) 0}.cta-card{text-align:center;background:linear-gradient(135deg,var(--alien-metal) 0%,var(--alien-dark-green) 100%);border:2px solid var(--alien-green);box-shadow:0 0 30px #00ff4133}.cta-card h2{color:var(--alien-green);margin-bottom:var(--g-spacing-base);text-shadow:0 0 15px var(--alien-green)}.cta-card p{color:var(--g-color-white);margin-bottom:var(--g-spacing-2x-large);font-size:var(--g-font-size-large)}.cta-actions{display:flex;gap:var(--g-spacing-base);justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.creatures-grid{grid-template-columns:1fr}.creatures-showcase{grid-template-columns:1fr;gap:var(--g-spacing-base)}.split-preview-images{height:200px}.detail-header{text-align:center}.back-link{margin-bottom:var(--g-spacing-base)}.hero-actions,.cta-actions{flex-direction:column;align-items:center}.features-grid{grid-template-columns:1fr}}.delete-creature-btn{position:absolute;top:10px;right:10px;background:var(--alien-blood);border:1px solid var(--alien-blood);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;color:var(--g-color-white);transition:all .3s ease;z-index:10}.delete-creature-btn:hover{background:red;border-color:red;box-shadow:0 0 10px #ff000080;transform:scale(1.1)}.delete-creature-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.directory-creature-card{position:relative}.nav-directory-link{color:var(--alien-green);text-decoration:none;font-family:var(--g-font-family);font-size:var(--g-font-size-large);font-weight:var(--g-font-weight-bold);text-shadow:0 0 10px var(--alien-green);transition:all .3s ease;padding:var(--g-spacing-small) var(--g-spacing-base);border:1px solid transparent;border-radius:var(--g-border-radius-small)}.nav-directory-link:hover{color:var(--alien-glow);text-shadow:0 0 15px var(--alien-glow);border-color:var(--alien-glow);background:#00ff881a}.user-filter-controls{display:flex;align-items:center;gap:var(--g-spacing-base)}.filter-checkbox{display:flex;align-items:center;gap:var(--g-spacing-small);cursor:pointer;color:var(--g-color-white);font-family:var(--g-font-family);font-size:var(--g-font-size-base)}.filter-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--alien-green);cursor:pointer}.checkbox-label{color:var(--g-color-white);font-family:var(--g-font-family);font-size:var(--g-font-size-base);-webkit-user-select:none;user-select:none}.logout-btn{background:none;border:none;color:inherit;font-family:inherit;font-size:inherit;cursor:pointer;padding:0;text-decoration:none;transition:all .3s ease}.logout-btn:hover{color:var(--alien-glow);text-shadow:0 0 10px var(--alien-glow)}