:root{--bg: #07060f;--bg2: #0e0b1f;--panel: rgba(20, 16, 40, .72);--neon-pink: #ff2bd6;--neon-cyan: #19e3ff;--neon-purple: #9d4bff;--neon-green: #2bff88;--neon-yellow: #ffe14b;--text: #eafaff;--muted: #8a87b0}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;height:100%}body{font-family:Segoe UI,Inter,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 0%,#1b1040 0%,transparent 45%),radial-gradient(circle at 90% 100%,#2a0a40 0%,transparent 45%),var(--bg);background-attachment:fixed}.app{max-width:560px;margin:0 auto;min-height:100vh;padding:14px 14px 88px}.title-neon{font-weight:800;letter-spacing:2px;color:#fff;text-shadow:0 0 6px var(--neon-cyan),0 0 16px var(--neon-pink)}.panel{background:var(--panel);border:1px solid rgba(157,75,255,.35);border-radius:16px;padding:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 18px #9d4bff26}.row{display:flex;align-items:center;gap:10px}.space{justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.btn{border:none;border-radius:12px;padding:12px 16px;font-weight:700;font-size:15px;color:#0a0612;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-pink));cursor:pointer;box-shadow:0 0 14px #ff2bd680;transition:transform .08s ease,box-shadow .2s ease}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn.secondary{background:transparent;color:var(--neon-cyan);border:1px solid var(--neon-cyan);box-shadow:0 0 10px #19e3ff4d}.chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:20px;background:#00000059;border:1px solid rgba(255,255,255,.12);font-size:13px;font-weight:600}.muted{color:var(--muted);font-size:13px}.creature-card{position:relative;border-radius:14px;padding:8px;background:#0000004d;overflow:hidden;text-align:center}.creature-card img{width:100%;aspect-ratio:1 / 1;object-fit:contain}.cname{font-weight:700;font-size:13px;margin-top:4px}.r-common{border:1px solid #9aa3b2;box-shadow:0 0 8px #9aa3b266}.r-rare{border:1px solid #2b8cff;box-shadow:0 0 12px #2b8cff8c}.r-epic{border:1px solid #b34bff;box-shadow:0 0 14px #b34bff99}.r-legendary{border:1px solid #ffb02b;box-shadow:0 0 18px #ffb02bb3}.r-mythic{border:1px solid #ff2bd6;box-shadow:0 0 22px #ff2bd6d9;animation:mythicPulse 2s infinite ease-in-out}@keyframes mythicPulse{0%,to{box-shadow:0 0 18px #ff2bd699}50%{box-shadow:0 0 30px #ff2bd6}}.badge{position:absolute;top:6px;left:6px;font-size:10px;font-weight:800;padding:2px 6px;border-radius:8px;text-transform:uppercase;background:#0009}.stars{color:var(--neon-yellow);font-size:12px}.elem{position:absolute;top:6px;right:6px;font-size:15px}.nav{position:fixed;bottom:0;left:0;right:0;max-width:560px;margin:0 auto;display:flex;justify-content:space-around;padding:8px 6px;background:#080612f2;border-top:1px solid rgba(157,75,255,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50}.nav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;text-decoration:none;color:var(--muted);padding:4px 8px;border-radius:10px}.nav a .ico{font-size:20px}.nav a.active{color:#fff;text-shadow:0 0 8px var(--neon-cyan)}.center{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;min-height:60vh;text-align:center}.h1{font-size:22px;margin:6px 0 14px}.spinner{width:42px;height:42px;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top-color:var(--neon-cyan);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.log-line{font-size:13px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.06)}