/* Field Sports — life list & games for The Nature Library */
.fungrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:22px 0 0}
.funcard{display:block;background:#faf5e6;border:1px solid var(--rule);border-radius:4px;
  padding:15px 17px;box-shadow:var(--shadow);color:var(--ink)}
.funcard:hover{text-decoration:none;color:var(--ink);border-color:var(--green)}
.funcard .fc-t{display:block;font-family:var(--sans);font-size:17px;letter-spacing:.04em;color:var(--green-dk)}
.funcard .fc-d{display:block;font-size:14px;color:var(--ink-soft);margin-top:4px;font-style:italic}
.funnav{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.4rem}
.funnav a{font-family:var(--sans);font-size:13px;letter-spacing:.05em;border:1px solid var(--rule);
  background:#faf5e6;border-radius:16px;padding:.2rem .9rem;color:var(--green-dk)}
.funnav a:hover{border-color:var(--green);text-decoration:none}
.funnav a.cur{background:var(--green);border-color:var(--green);color:#f4ecd8;pointer-events:none}
.gamebox{max-width:660px;margin:0 auto}
.gamebox .qcount{font-family:var(--sans);letter-spacing:.1em;font-size:12.5px;color:var(--rust);
  text-transform:uppercase;margin-bottom:6px;text-align:center}
.gamebox .qtext{font-size:20px;margin:0 0 14px;text-align:center;color:var(--green-dk)}
.gamephoto{text-align:center;margin:0 0 16px}
.gamephoto img{max-width:100%;max-height:360px;margin:0 auto;border:1px solid var(--rule);padding:6px;
  background:#faf5e6;box-shadow:var(--shadow)}
.opts{display:grid;gap:9px}
.opt{display:block;width:100%;text-align:center;font:inherit;font-size:16px;color:var(--ink);
  background:#faf5e6;border:1px solid var(--rule);border-radius:4px;padding:9px 14px;cursor:pointer}
.opt:hover{border-color:var(--green)}
.opt:disabled{cursor:default}
.opt.right{background:#e4ecdb;border-color:var(--green);color:var(--green-dk)}
.opt.wrong{background:#f0dcd4;border-color:#9c5a48;color:var(--rust)}
.explain{background:#efe6cf;border-left:3px solid var(--gold);padding:10px 16px;margin:14px 0;font-size:15.5px;text-align:center}
.nextrow{margin:16px 0 4px;text-align:center}
.bigbtn{display:inline-block;font-family:var(--sans);letter-spacing:.08em;font-size:14.5px;
  background:var(--green);color:#f4ecd8;border:1px solid var(--green);border-radius:4px;
  padding:9px 24px;cursor:pointer;text-decoration:none}
.bigbtn:hover{background:var(--green-dk);color:#f4ecd8;text-decoration:none}
.resultcard{background:#faf5e6;border:1px solid var(--rule);border-radius:4px;box-shadow:var(--shadow);
  padding:22px 24px;margin:12px 0 18px;text-align:center}
.resultcard h2{font-family:var(--display);font-weight:normal;font-size:26px;color:var(--green-dk);margin:0 0 6px}
.resultcard .score{font-size:40px;color:var(--rust);margin:0 0 4px}
.resultcard .sci2{font-style:italic;color:var(--ink-soft);margin:0 0 8px}
.resultcard p{margin:0 0 8px;font-size:15.5px}
.resultcard img{max-width:300px;margin:8px auto;border:1px solid var(--rule);padding:5px;background:#fff}
.sharebox{display:flex;gap:8px;max-width:460px;margin:12px auto 0}
.sharebox input{flex:1;font:inherit;font-size:13px;padding:7px 10px;border:1px solid var(--rule);
  border-radius:4px;background:#fff;color:var(--ink-soft);min-width:0}
.sharebox button{font-family:var(--sans);font-size:13px;background:#efe6cf;border:1px solid var(--rule);
  border-radius:4px;padding:7px 14px;cursor:pointer;color:var(--green-dk)}
.sharebox button:hover{border-color:var(--green)}
.sharenote{font-size:13px;color:var(--ink-soft);margin-top:6px;font-style:italic;text-align:center}
.challenge{background:#efe6cf;border:1px solid var(--gold);border-radius:4px;padding:10px 16px;
  margin:0 0 18px;font-size:15px;color:var(--rust);text-align:center;font-style:italic}
.datestamp{text-align:center;font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;
  color:var(--rust);font-size:13px;margin:0 0 10px}
/* life list */
.ll-head{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin:0 0 6px}
.ll-progress{font-family:var(--sans);font-size:15px;color:var(--green-dk)}
.ll-bar{flex:1;min-width:180px;height:10px;background:#e3d8ba;border-radius:6px;overflow:hidden;border:1px solid var(--rule)}
.ll-bar span{display:block;height:100%;background:var(--green);width:0}
.ll-search{width:100%;font:inherit;padding:9px 14px;border:1px solid var(--rule);border-radius:4px;
  background:#faf5e6;margin:10px 0 4px}
.ll-search:focus{border-color:var(--green);outline:none}
.ll-vol{font-family:var(--display);font-size:22px;color:var(--green-dk);margin:26px 0 4px;
  border-bottom:2px solid var(--green);padding-bottom:2px}
.ll-vol .n{font-size:14px;color:var(--ink-soft);font-family:var(--sans);margin-left:10px}
ul.ll{list-style:none;margin:8px 0 0;padding:0;columns:2;column-gap:2.4rem}
ul.ll li{break-inside:avoid;padding:3px 0;border-bottom:1px dotted var(--rule);font-size:15.5px}
ul.ll label{display:flex;gap:.55rem;align-items:baseline;cursor:pointer}
ul.ll input{transform:translateY(1px);accent-color:#355e3b}
ul.ll .seen a{color:var(--green-dk)}
ul.ll .seen .llt{text-decoration:line-through;text-decoration-color:rgba(53,94,59,.5);text-decoration-thickness:1px}
ul.ll .sci3{font-style:italic;color:var(--ink-soft);font-size:12.5px;margin-left:4px}
@media(max-width:640px){ul.ll{columns:1}}
.ll-tools{margin:14px 0 0;display:flex;gap:.6rem;flex-wrap:wrap}
.ll-tools button{font-family:var(--sans);font-size:13px;background:#efe6cf;border:1px solid var(--rule);
  border-radius:4px;padding:5px 12px;cursor:pointer;color:var(--ink-soft)}
.ll-tools button:hover{border-color:var(--rust);color:var(--rust)}