@import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{--ink:#f7edd5;--muted:#b5bcc7;--green:#ebd49d;--lime:#ebd49d;--cream:#181e26;--line:#536175;--panel:#212935;--deep:#091f22;--pixel-font:'Pixelify Sans','Courier New',monospace}
body{background-color:var(--cream);background-image:radial-gradient(#45516255 1px,transparent 1px);background-size:8px 8px;font-family:'IBM Plex Mono',monospace;font-size:14px}
header{max-width:1200px;border-bottom:2px solid var(--line);background:#181e26f2;gap:16px}
.brand{font-family:var(--pixel-font);font-size:32px;letter-spacing:-1px;white-space:nowrap}.brand span{border-radius:0;background:var(--lime);color:var(--deep);transform:none;width:30px;height:30px;box-shadow:3px 3px 0 #6b7c96;font-size:24px}
.topnote{font-size:11px;color:var(--muted)}main{padding-top:36px}.hero{margin-bottom:32px;gap:28px}h1{font-family:var(--pixel-font);font-weight:700;font-size:clamp(42px,6vw,70px);line-height:1.02;letter-spacing:-1px;text-shadow:3px 3px 0 #081f22;margin:18px 0}.hero p{font-size:13px;max-width:580px}.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:10px;line-height:1.7;letter-spacing:1.5px;color:var(--lime)}
h2,.rareintro h2{font-family:var(--pixel-font);font-size:36px;letter-spacing:0;line-height:1.05}.rareintro h2{font-size:43px}.cardbody>p{font-size:12px;line-height:1.8}.meta{font-size:9px;letter-spacing:.7px;gap:12px;line-height:1.7}.dot{color:var(--lime)}
.card,.note,.daily,.rare-game,dialog{border:2px solid var(--line);border-radius:0;background:var(--panel);box-shadow:6px 6px 0 var(--deep)}.daily{background:#ebd49d;color:#202833;border-color:#f3e5c4;min-width:215px;padding:18px 22px;box-shadow:6px 6px 0 #081f22}.daily strong{font-family:var(--pixel-font);font-size:42px;line-height:1.3}.daily strong>span:last-child{color:#414f63!important}.daily small{color:#364253;font-size:10px;line-height:1.8}.card{overflow:hidden}.cardbody{padding:25px}.photo,.animalart{height:280px;border-bottom:2px solid var(--line)}.photo{background:#2d394a}.photo img{filter:saturate(.85)}.badge{border-radius:0;background:#181e26e8;color:var(--lime);border:1px solid #75859e;box-shadow:3px 3px 0 #091f2270;font-size:9px;padding:9px 10px;top:16px;left:16px}
.animalart,.animalart.revealed{background-color:#2c3747;background-image:linear-gradient(#51607633 1px,transparent 1px),linear-gradient(90deg,#51607633 1px,transparent 1px);background-size:24px 24px}.animalart:before,.animalart:after{border-radius:0;transform:rotate(45deg);border:2px dashed #5b6a8055;width:210px;height:210px}.animalart:after{width:145px;height:145px}.mystery{font:700 164px/1 var(--pixel-font);color:var(--lime);text-shadow:7px 7px 0 #181e26}.leaf{font-family:var(--pixel-font);color:#e4c57c;opacity:.6}.animal-reveal{background:#f2e3c0}
button.primary,.secondary,input,.quiz-choice,.clue,.result,.guess-chip,.accepted-card,.practice-success,.rare-tier,.tile,.rarebadges span,.rareplay input{border-radius:0}button.primary{border:2px solid #f7edd6;background:var(--lime);color:#1f2733;box-shadow:3px 3px 0 var(--deep);font-family:var(--pixel-font);font-size:20px;font-weight:600;padding:9px 16px}.secondary{border:1px solid #808ea2;color:#efdcaf;background:#273140;font-size:11px;line-height:1.6;padding:9px 11px;box-shadow:2px 2px 0 var(--deep)}button:not(:disabled):hover{filter:brightness(1.12)}button:not(:disabled):active{transform:translate(2px,2px);box-shadow:none}button:disabled{opacity:.5}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #f1c87b;outline-offset:4px}input{background:#161c25;border:1px solid #748092;color:var(--ink);font-size:13px;padding:12px}input::placeholder{color:#9ea6b3}input:focus{outline:2px solid #ebd49d;outline-offset:2px}.actions{flex-wrap:wrap}.hintcount{font-size:10px;color:#ebd49f}.clue{background:#2b3545;border-left:3px solid #ddb558;padding:13px 14px;font-size:12px;line-height:1.8}.clue small{font-size:9px;color:#ead196}.guess-chip{background:#161c24;border:1px solid #6a7688;color:#f5ead1;font-size:11px}.guess-chip small{color:#e9d094;font-size:10px}.feedback{font-size:12px}.result{background:#edd8a8;color:#202833;border:2px solid #e0bc69;padding:14px}.photocredit{color:#e9d095;font-size:9px}.photo-error{color:var(--ink)}
.rare-game{grid-template-columns:.8fr 1.3fr}.rareintro{background-color:#293444;background-image:repeating-linear-gradient(0deg,transparent,transparent 15px,#38465b30 15px,#38465b30 16px);padding:32px}.rareintro p{font-size:13px;line-height:1.8;color:#ebd49f}.rarebadges{gap:8px}.rarebadges span{border-color:#70819b;font-size:10px;color:#f0dfb6;background:#202833;padding:7px 9px}.rareplay{background:#171d26;padding:30px}.rare-top{font-size:10px;letter-spacing:.7px;gap:12px}.rarepath{gap:7px}.rarepath span{height:9px;border-radius:0;background:#344052;border:1px solid #6d7b91}.rarepath span.finished{background:var(--lime)}.rarepath span.active{background:#deb860}.rareplay h3{font:600 30px/1.2 var(--pixel-font);letter-spacing:0}.rareplay p{font-size:12px;line-height:1.8}.rare-clock{font-family:var(--pixel-font);font-size:40px}.rare-tier{background:#ebd49d;color:#1e2632;border:1px solid #f7edd6;font-size:11px}.rare-score-big{font-family:var(--pixel-font);font-size:58px;letter-spacing:0}.accepted-card{background:#293343;border-color:#64748b}.accepted-card strong{font-size:12px}.rare-list li{font-size:11px;line-height:1.7}.rare-list small{font-size:9px}.rare-list{max-height:240px}.rareplay details{font-size:11px;line-height:1.8}.rareplay summary{padding:8px 0;color:#f3e5c3}.rareplay .secondary{background:#273140}.rareplay .primary{border-color:#f7edd6}.validation-label{font-size:12px}.validation-source{color:#ebd49d}
.note h3{font-family:var(--pixel-font);font-size:23px;letter-spacing:.2px}.note p{font-size:12px;line-height:1.8}.note{background:#212935}.steps{font-size:10px;line-height:1.8}.steps b{color:var(--lime)}.tile{border:1px solid #6a7a91;background:#2b3545;color:#ecd7a4;font-size:10px;min-width:0;flex:1;padding:8px 4px}.tile b{font-family:var(--pixel-font);font-size:22px;color:var(--lime)}.history{gap:5px}.reference-note a{color:var(--lime)}.coverage th{color:#ecd5a0}.coverage th,.coverage td{border-color:#4f5d71}.coverage td{font-size:11px}.reference-note summary,.coverage summary{font-size:12px;line-height:1.8}.reference-note textarea{background:#181e26;color:var(--ink);border:1px solid var(--line)}
.daily-quiz{background:#212935}.quiz-question h3{font-family:var(--pixel-font);font-size:26px;line-height:1.3;min-height:68px}.quiz-question small{font-size:10px;color:#ecd5a0}.quiz-choice{background:#19202a;color:#f7edd5;border:1px solid #647081;font-size:12px;line-height:1.7}.quiz-choice.correct{background:#edd8a8;color:#202833;border:2px solid #f4e7c8}.quiz-choice.incorrect{background:#613d35;color:#ffdfce;border-color:#d29272}.quiz-question .quiz-explanation{font-size:12px;border-left:3px solid #e9d095;padding-left:12px}.quiz-question .quiz-choice:disabled{opacity:1}#quizscore{color:var(--lime);font-family:var(--pixel-font);font-size:25px;white-space:nowrap}
footer{border-top:2px solid var(--line);font-size:10px;gap:16px;line-height:1.8}dialog{color:var(--ink);background:#1f2732;padding:28px}dialog::backdrop{background:#061d21d9}dialog h2{font-size:34px}dialog p{font-size:12px}.photo-view{border:2px solid #deb85f}.photo-view img{background:#091f22}.bottom .note h3 span{color:#b5bcc7!important}
@media(max-width:850px){.rare-game{grid-template-columns:1fr}main{padding:28px 18px}.hero{gap:16px}.daily{min-width:150px;padding:14px}.daily strong{font-size:34px}.brand{font-size:27px}header{padding:20px 18px}.rareintro,.rareplay{padding:24px}.hero p{font-size:12px}footer{margin:0 18px}}
@media(max-width:520px){.hero{display:block}.daily{margin-top:24px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 16px}.daily strong{grid-column:2;grid-row:1 / 3;font-size:38px}.daily small:last-child{grid-column:1}.brand{font-size:25px}.brand span{width:24px;height:24px;font-size:20px;margin-right:7px}header>.secondary{font-size:10px;padding:7px}.cardbody{padding:21px}.photo,.animalart{height:245px}.quiz-grid{grid-template-columns:1fr}.quiz-question h3{min-height:0}.form{flex-wrap:wrap}.form input{flex:1 1 160px}.form .primary{flex:0 0 auto}.accepted-card{flex-wrap:wrap}.daily small{font-size:9px}.note{padding:22px}.topnote{display:none}footer{flex-wrap:wrap}.actions .hintcount{font-size:9px}h1{font-size:51px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Lighter display lettering; readable text throughout the games. */
body{font-family:'DM Sans',Arial,sans-serif;font-size:15px}
.brand{font-weight:400;letter-spacing:0}
h1{font-weight:400;text-shadow:none;letter-spacing:0;font-size:clamp(40px,5.5vw,62px)}
h2,.rareintro h2,dialog h2{font-weight:400;font-size:32px;letter-spacing:0}
.rareintro h2{font-size:38px}
.rareplay h3,.quiz-question h3,.note h3{font-family:'DM Sans',Arial,sans-serif;font-weight:500;letter-spacing:0}
.rareplay h3{font-size:24px;line-height:1.4}
.quiz-question h3{font-size:21px;line-height:1.5}
.note h3{font-size:18px}
button.primary{font-family:'DM Sans',Arial,sans-serif;font-size:14px;font-weight:500;padding:12px 17px}
.secondary,.quiz-choice,input{font-family:'DM Sans',Arial,sans-serif;font-weight:400}
.quiz-choice{font-size:14px}
.cardbody>p,.rareplay p,.note p,dialog p,.quiz-question .quiz-explanation{font-size:14px;line-height:1.7}
.clue{font-size:14px;line-height:1.7}.feedback{font-size:14px}
.daily strong,.rare-score-big,.rare-clock,#quizscore,.tile b{font-weight:400}
.accepted-card strong{font-weight:500}
@media(max-width:520px){h1{font-size:46px}.brand{font-size:25px}.rareintro h2{font-size:34px}.quiz-question h3{font-size:20px}}

/* Clear, consistent numerals across scores, timers, and progress labels. */
.daily strong,.daily strong span,.rare-score-big,.rare-clock,#quizscore,.tile b,
#rarescore,#rareprogress,.rare-tag,.meta,.eyebrow,.hintcount,.rare-tier,
.rarebadges,.tile,.quiz-question small,.steps b,.accepted-card>span,
.rare-list strong,.guess-chip small{
  font-family:'IBM Plex Mono','Consolas',monospace;
  font-variant-numeric:tabular-nums lining-nums;
  font-weight:400;
  letter-spacing:0;
  text-shadow:none;
}
.daily strong{font-size:36px;line-height:1.4}
.rare-score-big{font-size:42px;line-height:1.4}
.rare-clock{font-size:32px;line-height:1.4}
#quizscore{font-size:22px}
.tile b{font-size:18px;line-height:1.4}
@media(max-width:850px){.daily strong{font-size:30px}}
@media(max-width:520px){.daily strong{font-size:30px}.rare-score-big{font-size:36px}.rare-clock{font-size:28px}}

.sticker-book{margin-top:28px}.sticker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}.sticker{padding:20px 15px;background:#181e26;border:1px dashed #6a7586;text-align:center;min-width:0}.sticker.earned{background:#2a3545;border:2px solid #e3c379;box-shadow:3px 3px 0 #11151c}.sticker-art{margin:0 auto 16px;width:76px;height:76px;padding:14px;display:grid;place-items:center;background:#202835;border:2px solid #667386;transform:rotate(-4deg)}.sticker:nth-child(even) .sticker-art{transform:rotate(4deg)}.sticker-art svg{width:44px;height:44px;fill:#606a7a}.earned .sticker-art{background:#f1e1bb;border-color:#f8efda;box-shadow:3px 3px 0 #131820}.earned .sticker-art svg{fill:#354357}.sticker-label{font:400 9px 'IBM Plex Mono',monospace;color:#a6aebb;letter-spacing:1px}.earned .sticker-label{color:#efdcaf}.sticker h3{font-family:'DM Sans',sans-serif;font-size:16px;font-weight:500;line-height:1.4;margin:9px 0}.sticker p{font-size:12px;line-height:1.6;margin-bottom:15px}.sticker-progress{font:400 11px 'IBM Plex Mono',monospace;color:#efdcaf}.sticker-filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.sticker-filters [aria-pressed="true"]{background:#ebd49d;color:#202833;border-color:#f3e6c6}#stickerbar{width:100%;height:10px;appearance:none;border:1px solid #6d7b91;border-radius:0;background:#151a21;accent-color:#ebd49d;margin-top:15px}#stickerbar::-webkit-progress-bar{background:#151a21}#stickerbar::-webkit-progress-value{background:#ebd49d}#stickerbar::-moz-progress-bar{background:#ebd49d}.sticker-announcement{color:#f1e0b8}.sticker-announcement:empty{display:none}#stickerstatus{font:400 12px 'IBM Plex Mono',monospace;white-space:nowrap}@media(max-width:850px){.sticker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.sticker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sticker{padding:16px 10px}.sticker h3{font-size:14px}.sticker-art{width:66px;height:66px;padding:9px}.sticker-book>.meta{flex-wrap:wrap}}

.leaderboard{margin-top:28px}.leaderboard-player,.leaderboard-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:18px 0}.leaderboard-player strong{font-size:15px;font-weight:500}.leaderboard-auth{padding:20px;background:#181e26;border:1px solid #647081}.leaderboard-auth label{display:block;font-size:13px;margin:8px 0}.leaderboard-auth input{max-width:420px}.leaderboard-auth details{margin-top:24px}.leaderboard-auth summary{cursor:pointer;line-height:1.7}.leaderboard-auth form>.secondary{margin-top:12px}.note p.leaderboard-small{font-size:12px}.leaderboard-table{overflow:auto;margin-top:20px}.leaderboard table{border-collapse:collapse;width:100%;min-width:360px}.leaderboard th,.leaderboard td{text-align:left;border-bottom:1px solid #536175;padding:14px 10px;font-size:13px}.leaderboard th{font-weight:500;color:#e9d096}.leaderboard td:first-child,.leaderboard td:nth-child(3){font-family:'IBM Plex Mono',monospace;font-variant-numeric:tabular-nums}.leaderboard-you{background:#344155;color:#f3e5c5}.recovery-panel{background:#303b4b;border:2px solid #e4c67e;padding:20px;margin-top:20px}.recovery-panel textarea{display:block;width:100%;min-height:82px;background:#181e26;color:#f6ebd3;border:1px solid #e0bb65;padding:12px;font:12px/1.6 'IBM Plex Mono',monospace;overflow-wrap:anywhere}.leaderboard [hidden]{display:none!important}#leaderboardmessage{border-left:3px solid #e4c47a;padding-left:12px}#leaderboardmine{color:#ebd49d}

/* Neutral slate surfaces, warm highlights, and distinct game accents. */
:root{--cream:#131923;--panel:#202936;--deep:#0b1018;--ink:#eef0f5;--muted:#b7bdc9;--green:#f0c978;--lime:#f0c978;--line:#546172}
body{background-color:var(--cream);background-image:radial-gradient(#77869d24 1px,transparent 1px)}
header{background:#131923f2}.card,.note,.sticker-book,.leaderboard,.daily-quiz{background:var(--panel);border-color:var(--line)}
.daily{background:#ebcb8a;color:#242a35;border-color:#f5dfb2}.daily small{color:#3d424b}.daily strong>span:last-child{color:#515260!important}
.card:first-child{border-top:3px solid #92b9e3}.card:nth-child(2){border-top:3px solid #c5a4d9}.rare-game{border-top:3px solid #e3b878}.daily-quiz{border-top:3px solid #a2b7db}.sticker-book{border-top:3px solid #c6a4db}.leaderboard{border-top:3px solid #92b9e3}
.rareintro{background:#2a303b}.rareplay{background:#19212d}.clue{background:#2a3443;border-left-color:#92b9e3}.animalart,.animalart.revealed{background-color:#343344}.result{background:#c7d8e8;color:#202b38;border-color:#9bb8d4}.quiz-choice.correct{background:#c7d8e8;border-color:#9bb8d4;color:#202b38}
.rejected-guesses{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;padding:0;list-style:none}.rejected-guesses li{border:1px solid #718097;background:#263343;padding:8px 10px;font-size:12px;color:#edf0f6;overflow-wrap:anywhere;max-width:100%}.rejected-guesses small{display:block;color:#c0c9d7;font-size:10px;margin-top:4px}
