body,html{background-image:url(https://raw.githubusercontent.com/snstudios2012/pwa-ark-data/refs/heads/main/assets/custom_images/background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100%;height:100%;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}:root{--app-bg-tint:#0a192366;--panel-bg:#0f232dbf;--panel-bg-hover:#193746d9;--border-main:1px solid #0ff;--border-subtle:1px solid #00ffff4d;--accent-color:#0ff;--text-main:#e0f7fa;--text-muted:#80deea;--text-glow:none;--glass-blur:5px;--panel-shadow:0 0 10px #00ffff1a;--btn-gold-bg:#f39c12d9;--btn-gold-shadow:#d68910;--btn-disabled-bg:#34495e99;--btn-success-bg:#27ae60d9;--btn-neutral-bg:#7f8c8d66;--btn-danger-bg:#c0392bd9;--btn-dark-bg:#00000080;--border-dark:#0009;--panel-bg-active:#2d5569e6;--text-danger:#e74c3c}[data-theme=aberration]{--app-bg-tint:#05020ab3;--panel-bg:#140519d9;--panel-bg-hover:#280a32e6;--border-main:1px solid #d500f9;--border-subtle:1px solid #d500f94d;--accent-color:#d500f9;--text-main:#0ff;--text-muted:#b39ddb;--text-glow:0 0 3px #0ff9;--glass-blur:2px;--panel-shadow:0 0 20px #d500f940;--btn-gold-bg:#d4ac0dd9;--btn-gold-shadow:#9a7d0a;--btn-disabled-bg:#1e0f2399;--btn-success-bg:#00c853cc;--btn-neutral-bg:#5a466466;--btn-danger-bg:#d50000cc;--btn-dark-bg:#05020a99;--border-dark:#0a000fcc;--panel-bg-active:#3c1450e6;--text-danger:#ff5252}.theme-panel{background:var(--panel-bg);border:var(--border-main);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(var(--glass-blur));color:var(--text-main);text-shadow:var(--text-glow);border-radius:8px;transition:all .3s}.species-profile-container{max-width:1200px;color:var(--text-main,#eee);margin:0 auto;padding:10px 10px 100px;font-family:sans-serif}.layout-wrapper{flex-direction:column;gap:15px;display:flex}@media (width>=1024px){.layout-wrapper{grid-template-columns:7fr 5fr;align-items:start;gap:20px;display:grid}}.form-section{background:var(--btn-dark-bg,#141414cc);border:1px solid var(--border-subtle,#444);-webkit-backdrop-filter:blur(var(--glass-blur,10px));backdrop-filter:blur(var(--glass-blur,10px));border-radius:8px;margin-bottom:15px;padding:15px;box-shadow:inset 0 0 10px #00000080}.form-section h3{border-bottom:1px solid var(--border-subtle,#444);color:var(--accent-color,#0ff);text-shadow:var(--text-glow,0 0 5px #00ffff80);text-transform:uppercase;letter-spacing:1px;margin-top:0;padding-bottom:5px;font-size:1.05em}.grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.input-field{width:100%;color:var(--text-main,#fff);border:1px solid var(--border-subtle,#555);box-sizing:border-box;background:#0009;border-radius:4px;outline:none;padding:10px;font-family:sans-serif;transition:all .2s}.input-field:focus{border-color:var(--accent-color,#0ff);box-shadow:0 0 8px #00ffff4d}.input-field option{color:#fff;background:#111}.input-label{color:var(--text-muted,#aaa);margin-bottom:4px;font-size:.8em;display:block}.variant-row{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.variant-btn{color:#aaa;cursor:pointer;background:#00000080;border:1px solid #444;border-radius:4px;padding:6px 12px;font-size:.85em;transition:all .2s}.variant-btn.active{background:var(--accent-color,#0ff);color:#000;border-color:var(--accent-color,#0ff);font-weight:700}.dropdown-wrapper{width:100%;position:relative}.dropdown-list{border:1px solid var(--accent-color,#0ff);z-index:9999;background:#141414fa;border-radius:4px;width:100%;max-height:250px;margin:4px 0 0;padding:0;list-style:none;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 15px 30px #000000e6}.dropdown-list li{color:#fff;cursor:pointer;border-bottom:1px solid #333;padding:12px;font-size:.9em}.dropdown-list li:hover{background:var(--accent-color,#0ff);color:#000;font-weight:700}.dropdown-empty{color:#aaa;text-align:center;z-index:9999;background:#141414fa;border:1px solid #444;width:100%;margin-top:4px;padding:12px;position:absolute;top:100%;left:0}.action-btn-holo{cursor:pointer;-webkit-backdrop-filter:blur(var(--glass-blur,10px));backdrop-filter:blur(var(--glass-blur,10px));text-transform:uppercase;letter-spacing:1px;background:var(--btn-dark-bg,#000c);color:#2ecc71;border:1px solid #27ae60;border-radius:6px;padding:10px 20px;font-weight:700;transition:all .3s;box-shadow:inset 0 0 8px #2ecc714d}.action-btn-holo:hover{color:#fff;background:#27ae60;box-shadow:0 0 15px #2ecc7199}.stat-grid-header{text-align:center;color:var(--text-muted,#aaa);grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;gap:5px;margin-bottom:5px;font-size:.7em;font-weight:700;display:grid}.stat-row{grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;align-items:center;gap:5px;margin-bottom:8px;display:grid}.stat-label{color:var(--accent-color,#0ff);text-transform:uppercase;text-shadow:var(--text-glow,0 0 5px #00ffff80);font-size:.75em;font-weight:700}.stat-input{width:100%;color:var(--text-main,#fff);border:1px solid var(--border-subtle,#555);text-align:center;background:#0009;border-radius:4px;outline:none;padding:6px;font-family:monospace;transition:border-color .2s}.stat-input:focus{border-color:var(--accent-color,#0ff)}.stat-final{text-align:right;color:var(--btn-gold-shadow,#f1c40f);font-family:monospace;font-weight:700}.checkbox-label{color:var(--text-main,#eee);cursor:pointer;align-items:center;gap:8px;font-size:.85em;display:flex}