:root{--red: #dc0a2d;--red-dark: #a30822;--screen: #1b1b1b;--screen-panel: #262626;--screen-edge: #3a3a3a;--text: #f2f2f2;--text-dim: #a5a5a5;--accent: #f7d02c;--green: #4caf50;--radius: 14px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--red);color:var(--text);-webkit-font-smoothing:antialiased}.shell{display:flex;flex-direction:column;height:100%;max-width:560px;margin:0 auto}.topbar{display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:var(--red)}.lens{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#9adcff,#1a7bd4 60%,#0d4a85);border:3px solid #fff;box-shadow:0 1px 3px #0006}.led{width:10px;height:10px;border-radius:50%}.led.r{background:#ff5a5a}.led.y{background:#ffd93b}.led.g{background:#58e07e}.topbar h1{font-size:1rem;margin:0 0 0 auto;letter-spacing:.06em;text-transform:uppercase}.screen{flex:1;overflow-y:auto;background:var(--screen);border:10px solid var(--red-dark);border-radius:var(--radius);margin:0 10px;padding:16px}.nav{display:flex;gap:10px;padding:10px 16px calc(12px + env(safe-area-inset-bottom));background:var(--red)}.nav a{flex:1;text-align:center;padding:12px 0;border-radius:999px;background:var(--red-dark);color:#fff;text-decoration:none;font-weight:700;letter-spacing:.04em;border:2px solid rgba(255,255,255,.25)}.nav a.active{background:var(--screen);border-color:var(--accent);color:var(--accent)}h2{margin:4px 0 14px;font-size:1.15rem}.card{background:var(--screen-panel);border:1px solid var(--screen-edge);border-radius:var(--radius);padding:14px;margin-bottom:12px}button,.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:999px;padding:12px 20px;font-size:1rem;font-weight:700;cursor:pointer;background:var(--accent);color:#222;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button.secondary{background:var(--screen-edge);color:var(--text)}button:disabled{opacity:.5;cursor:default}button.block{width:100%}input[type=email],textarea{width:100%;background:#111;color:var(--text);border:1px solid var(--screen-edge);border-radius:10px;padding:12px;font-size:1rem;font-family:inherit}textarea{min-height:84px;resize:vertical}.muted{color:var(--text-dim);font-size:.88rem}.error{color:#ff7a7a;font-size:.92rem}.photo-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px dashed var(--screen-edge);border-radius:var(--radius);padding:22px;cursor:pointer;text-align:center}.photo-drop img{max-width:100%;max-height:240px;border-radius:10px}.candidate{display:flex;gap:12px}.candidate img{width:96px;height:96px;object-fit:cover;border-radius:10px;background:#111;flex-shrink:0}.candidate .noimg{width:96px;height:96px;border-radius:10px;background:#111;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:.75rem;flex-shrink:0;text-align:center}.candidate h3{margin:0;font-size:1rem}.candidate .sci{font-style:italic;color:var(--text-dim);font-size:.85rem}.conf{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase}.conf.high{background:var(--green);color:#06280f}.conf.medium{background:var(--accent);color:#332a00}.conf.low{background:var(--screen-edge);color:var(--text)}.dex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.dex-tile{background:var(--screen-panel);border:1px solid var(--screen-edge);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--text)}.dex-tile img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#111}.dex-tile .info{padding:8px 10px}.dex-tile .num{color:var(--accent);font-weight:700;font-size:.8rem}.dex-tile .name{font-size:.92rem;font-weight:600}.hero img{width:100%;max-height:300px;object-fit:cover;border-radius:var(--radius)}.badge{display:inline-block;background:var(--screen-edge);color:var(--text);border-radius:999px;padding:3px 12px;font-size:.78rem;font-weight:700;margin-right:6px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stats .stat .label{color:var(--text-dim);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.flavor{font-size:1rem;line-height:1.55}.action-row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.action-row button{flex:1;min-height:44px}.linkbtn{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;background:var(--screen-panel);border:1px solid var(--screen-edge);color:var(--text);text-decoration:none;font-weight:700;font-size:.92rem}.action-row.external-links{margin:14px 0 16px}button.danger{background:#7a1f1f;color:#ffd7d7}.danger-link{background:none;border:none;color:#ff7a7a;font-size:.85rem;font-weight:700;padding:8px 10px;min-height:0;cursor:pointer;flex-shrink:0}.sighting-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.crop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:16px}.crop-modal{background:var(--screen);border:2px solid var(--screen-edge);border-radius:var(--radius);padding:16px;width:100%;max-width:360px}.crop-viewport{position:relative;width:320px;max-width:100%;aspect-ratio:1;margin:0 auto;overflow:hidden;border-radius:10px;background:#000;touch-action:none;cursor:grab}.crop-viewport:active{cursor:grabbing}.crop-viewport img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.crop-zoom{width:100%;accent-color:var(--accent)}.tier-chip{display:inline-block;border-radius:999px;padding:2px 10px;font-size:.68rem;font-weight:800;text-transform:uppercase;margin:4px 0;background:var(--screen-edge);color:var(--text-dim)}.tier-chip.bronze{background:#6d4c2f;color:#ffd9b0}.tier-chip.silver{background:#8d9aa5;color:#10161c}.tier-chip.gold{background:linear-gradient(135deg,#b8860b,#f7d02c);color:#332a00}.tier-chip.platinum{background:linear-gradient(135deg,#7fe3e0,#d9c2ff);color:#1c1233}.tier-bar{height:8px;border-radius:999px;background:#111;border:1px solid var(--screen-edge);overflow:hidden;margin:6px 0 4px}.tier-fill{height:100%;background:linear-gradient(90deg,var(--accent),#ffb300)}.rarity{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase}.rarity.common{background:var(--screen-edge);color:var(--text-dim)}.rarity.uncommon{background:#2e7d32;color:#d9ffe0}.rarity.rare{background:#1565c0;color:#dcecff}.rarity.legendary{background:linear-gradient(135deg,#b8860b,#f7d02c);color:#332a00}.level-row{display:flex;align-items:center;gap:12px}.level-badge{background:var(--accent);color:#222;font-weight:800;border-radius:12px;padding:10px 14px;font-size:1.1rem}.xp-bar{height:12px;border-radius:999px;background:#111;border:1px solid var(--screen-edge);overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,var(--accent),#ffb300)}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.badge-tile{background:var(--screen-panel);border:1px solid var(--screen-edge);border-radius:var(--radius);padding:12px;text-align:center}.badge-tile.locked{opacity:.45}.badge-emoji{font-size:1.6rem}.badge-name{font-weight:700;font-size:.85rem;margin:4px 0 2px}.badge-tile .muted{font-size:.72rem}.spinner{width:28px;height:28px;margin:20px auto;border-radius:50%;border:3px solid var(--screen-edge);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 420px){.screen{border-width:6px;margin:0 6px;padding:12px}.topbar{padding-left:12px;padding-right:12px}.nav{padding-left:10px;padding-right:10px;gap:8px}.nav a{font-size:.9rem;padding:12px 0}.dex-grid{grid-template-columns:repeat(2,1fr)}.candidate img,.candidate .noimg{width:84px;height:84px}h2{font-size:1.05rem}}