:root{--green:#123f2b;--green2:#0b321f;--gold:#d7ad35;--ink:#19241d;--muted:#657168;--paper:#f7f7f2;--line:#d8ded6;--unknown:#e1e2da;--unknown-line:#7d826f}*{box-sizing:border-box}body{margin:0;background:linear-gradient(#f9faf6,#eef1e9);color:var(--ink);font:14px/1.45 Inter,system-ui,sans-serif}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px clamp(18px,5vw,70px);background:var(--green);color:#fff}.brand{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:700}.brand small{color:#d9b94a;font-size:9px;letter-spacing:.12em}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border:1px solid #d9b94a;border-radius:50%;color:#d9b94a}.topbar nav{display:flex;gap:8px;overflow:auto}.topbar button,.form-actions button,.card-actions button,.card-actions a{border:1px solid #c8d0c8;border-radius:6px;background:#fff;color:var(--ink);padding:9px 12px;text-decoration:none;white-space:nowrap;cursor:pointer}.topbar button{border-color:#678372;background:transparent;color:#fff}main{width:min(1180px,calc(100% - 30px));margin:28px auto 80px}.stage-banner{margin-bottom:12px;padding:8px 12px;border:1px solid #b98e20;border-radius:6px;background:#fff3c7;color:#654d12;font-weight:700;letter-spacing:.06em;text-align:center}.search-panel{padding:26px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 10px 28px #23382a12}.search-heading,.results-heading,.title-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.eyebrow{margin:0;color:#5e725f;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1{margin:4px 0 22px;font:700 30px/1.1 Georgia,serif}h2{margin:4px 0 5px;font:700 24px/1.2 Georgia,serif}form{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:16px 12px}label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#4d5f50}select,input{width:100%;min-height:42px;border:1px solid #ccd5cc;border-radius:7px;background:#fbfcf9;padding:9px;color:var(--ink)}.unknown-toggle{grid-column:span 2;display:flex;align-items:center;gap:10px;align-self:end;min-height:42px;padding:8px 11px;border:1px solid #b6b9a8;border-radius:7px;background:#eff0e8}.unknown-toggle input{width:18px;min-height:18px;accent-color:var(--green)}.unknown-toggle span{display:grid}.unknown-toggle small{font-weight:400;color:#687066}.form-actions{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;margin-top:4px}.form-actions .primary{background:var(--green);color:#fff;border-color:var(--green)}.results-section{margin-top:28px}.results-heading>label{width:210px}.score-guide{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0;padding:10px 14px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#526055;font-size:12px}.notice{margin:12px 0;padding:12px 14px;border:1px solid #c39225;border-radius:7px;background:#fff6d8}.results{display:grid;gap:14px}.empty{padding:45px;border:1px dashed #bac4ba;border-radius:10px;text-align:center;color:var(--muted)}.result-card{position:relative;display:grid;grid-template-columns:42px 1fr;gap:14px;padding:20px;border:1px solid #bcc9be;border-radius:10px;background:#fff;box-shadow:0 5px 18px #23382a0d}.result-card.unknown-species{border-color:var(--unknown-line);background:var(--unknown);box-shadow:inset 5px 0 #747a67}.best-ribbon{position:absolute;right:0;top:0;padding:5px 10px;border-radius:0 9px 0 7px;background:var(--gold);font-size:10px;font-weight:900}.rank{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--green);color:#fff;font-weight:800}.title-row h3{margin:0 0 3px;font:700 19px/1.2 Georgia,serif}.area-layer{margin:0;color:var(--muted)}.score{text-align:right}.score strong{font-size:24px;color:var(--green)}.score span,.score small{color:var(--muted)}.score small{display:block}.metrics{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px;margin:16px 0}.metric{padding:9px 10px;border-left:2px solid #d9dfd7}.metric strong,.metric span{display:block}.metric span{color:var(--muted);font-size:11px}.species-message{padding:10px 12px;border-radius:6px;background:#edf5ed}.unknown-species .species-message{background:#d1d3c8;color:#3e4439;font-weight:700}.card-actions{display:flex;gap:9px;flex-wrap:wrap}.card-actions .route{background:var(--green);border-color:var(--green);color:#fff}.caution{margin:10px 0 0;color:#7b5f34;font-size:11px}@media(max-width:900px){form{grid-template-columns:repeat(2,1fr)}.unknown-toggle{grid-column:1/-1}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.topbar{align-items:flex-start}.topbar nav{max-width:65vw}.search-heading,.results-heading{display:block}.results-heading>label{width:100%;margin-top:14px}form{grid-template-columns:1fr}.unknown-toggle{grid-column:auto}.form-actions{flex-direction:column}.result-card{grid-template-columns:32px 1fr;padding:15px}.title-row{display:block}.score{text-align:left;margin-top:8px}.metrics{grid-template-columns:1fr 1fr}}