
/* Spin the Globe — Today’s World Challenge. Warm, light, accessible and mobile-first. */
.daily-section{scroll-margin-top:22px}
.daily-heading{margin-bottom:22px}
.daily-intro{color:#607a70;font-size:.96rem;margin-top:8px;max-width:660px}
.daily-date{background:#e9f2ed;border:1px solid #d4e4da;border-radius:100px;padding:8px 15px;font-size:.8rem;font-weight:800;color:#34675e;white-space:nowrap}
.daily-grid{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(270px,.78fr);gap:22px;align-items:stretch}
.daily-play{background:#fff;border:1px solid #d9e7df;border-radius:23px;box-shadow:0 10px 30px #122f2d09;overflow:hidden;min-width:0}
.daily-progress{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:22px 28px 16px;background:#f4f8f3}
.daily-progress>div:first-child{display:grid;gap:5px}
.daily-small-label{font-size:.68rem;font-weight:800;letter-spacing:.14em;color:#56786d}
#daily-step{font-family:Fraunces,Georgia,serif;font-size:1.2rem;color:#194940;line-height:1.23}
.daily-dots{display:flex;gap:8px}
.daily-dots span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;border:1px solid #d0e0d6;background:#fff;color:#709081;font-weight:800;font-size:.78rem}
.daily-dots span.active{background:#eebd80;border-color:#eebd80;color:#173e38}
.daily-dots span.complete{background:#3e8a77;border-color:#3e8a77;color:#fff}
.daily-progress-track{height:5px;background:#e4efea;overflow:hidden}
#daily-bar{height:100%;width:0;background:linear-gradient(90deg,#e6b16c,#65a792);transition:width .3s ease}
.daily-panel{padding:30px 32px 34px;min-height:385px;color:#244b43}
.daily-question-intro{font-size:1rem;color:#526f64;line-height:1.7;max-width:500px;margin:10px 0 16px}
.daily-panel h3{font-family:Fraunces,Georgia,serif;font-size:clamp(1.45rem,3vw,1.85rem);font-weight:600;line-height:1.25;color:#153e37;margin:12px 0}
.daily-preview-steps{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 30px}
.daily-preview-step{background:#f2f6f1;border:1px solid #d9e5dc;padding:11px 13px;border-radius:12px;font-size:.86rem;font-weight:800;color:#3a6a5d}
.daily-start{margin-top:4px}
.daily-question-heading{display:grid;gap:4px;margin-bottom:8px}
.daily-round-label{font-size:.71rem;letter-spacing:.14em;font-weight:800;color:#b17c37}
.daily-prompt{font-size:.93rem;color:#5b7469;line-height:1.65;margin:0 0 19px;max-width:620px}
.daily-clues{background:#f4f8f2;border-radius:15px;border:1px solid #e1ebe2;padding:13px 15px;margin-bottom:19px;display:grid;gap:8px}
.daily-clue{margin:0;display:flex;gap:10px;align-items:flex-start;font-size:.93rem;line-height:1.56}
.daily-clue-number{width:25px;height:25px;flex:none;display:grid;place-items:center;border-radius:100%;background:#cce5d7;font-size:.78rem;color:#276153;font-weight:800}
.daily-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:20px 0 16px}
.daily-choice{border:1px solid #d4e4d9;border-radius:13px;background:#fff;min-height:75px;display:flex;align-items:center;padding:15px;font-weight:800;text-align:left;line-height:1.3;color:#245249;font-size:.93rem;transition:border-color .15s,background .15s}
.daily-choice:hover:not(:disabled){background:#f4f9f3;border-color:#66a38b}
.daily-choice:focus-visible,.daily-map svg:focus-visible,.daily-reveal:focus-visible,.daily-link:focus-visible{outline:3px solid #b28035;outline-offset:3px}
.daily-choice:disabled{cursor:default;opacity:.73}
.daily-choice.is-correct{background:#e9f4ec;border-color:#75b08c;color:#245a46;opacity:1}
.daily-choice.is-wrong{background:#fff5f2;border-color:#d8a79b;color:#9b5d51;opacity:1}
.daily-reveal{background:transparent;border:0;border-bottom:1px solid #548477;color:#306c60;font-weight:800;font-size:.85rem;padding:9px 0;margin:4px 0 13px}
.daily-reveal:disabled{opacity:.6;border-bottom-color:transparent;cursor:default}
.daily-feedback{padding:16px 17px;margin:22px 0 14px;border-left:4px solid #8aaf99;background:#f5f8f3;border-radius:0 11px 11px 0}
.daily-feedback.is-missed{border-left-color:#bf9b78;background:#fbf8f2}
.daily-feedback strong{display:block;font-family:Fraunces,Georgia,serif;font-size:1.13rem;color:#234b41;margin-bottom:4px}
.daily-feedback p{font-size:.87rem;color:#4c6c60;margin:5px 0 0;line-height:1.6}
.daily-feedback .daily-earned{font-weight:800;color:#316f58;margin:8px 0 0}
.daily-link{display:inline-block;border:0;background:transparent;color:#276c61;text-decoration:underline;text-underline-offset:4px;font-size:.85rem;font-weight:800;padding:10px 0;margin-right:12px}
.daily-next{margin-top:12px}
.daily-map{position:relative;aspect-ratio:2/1;border:1px solid #c9dfd8;border-radius:15px;overflow:hidden;background:#edf6f1;cursor:crosshair}
.daily-map img,.daily-map svg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.daily-map svg{z-index:2;touch-action:manipulation}
.daily-map-help,.daily-map-legend{font-size:.79rem;color:#678279;line-height:1.5}
.daily-map-legend{margin-bottom:9px}
.daily-map-help{margin-top:9px}
.daily-aside{position:relative;overflow:hidden;background:linear-gradient(145deg,#13434b 0%,#102e38 100%);border-radius:23px;padding:30px 25px 28px;display:flex;flex-direction:column;min-height:365px;color:#dceae4}
.daily-aside:after{content:'';pointer-events:none;position:absolute;right:-90px;top:120px;width:220px;height:220px;border-radius:50%;border:1px solid #ffffff1d;box-shadow:0 0 0 45px #ffffff0b,0 0 0 90px #ffffff05}
.daily-aside .daily-small-label{color:#e5bd7d}
.daily-score{font:600 clamp(2.2rem,4vw,3.15rem)/1.15 Fraunces,Georgia,serif;color:#fff7e3;margin:12px 0}
.daily-best{font-size:.88rem;font-weight:700;color:#d4dbc0;margin-bottom:14px;min-height:1.3em}
.daily-aside-divider{border-top:1px solid #ffffff24;margin:18px 0}
.daily-aside-illustration{text-align:center;font-size:2.9rem;letter-spacing:.17em;margin:7px 0 14px}
.daily-aside h3{color:#fff3dc;font:600 1.3rem/1.25 Fraunces,Georgia,serif;margin:3px 0 11px}
.daily-aside p:not(.daily-small-label):not(.daily-best){color:#c5dad2;font-size:.85rem;line-height:1.62}
.daily-aside .daily-rules{font-size:.78rem!important}
.daily-aside .daily-privacy{font-size:.76rem!important;color:#b8cecb!important;margin-top:auto}
.daily-forget{align-self:flex-start;border:0;background:transparent;color:#f5d19a;font-size:.75rem;font-weight:800;text-decoration:underline;padding:8px 0;cursor:pointer}
.daily-forget[hidden]{display:none}
.daily-finish-symbol{text-align:center;font-size:3.2rem;margin:6px auto 10px}
.daily-final-score{text-align:center;color:#23695d;font:600 clamp(2.8rem,6vw,4rem)/1.15 Fraunces,Georgia,serif;margin:12px 0}
.daily-panel:has(.daily-final-score) h3,.daily-final-message,.daily-final-note{text-align:center}
.daily-final-message{font-size:.96rem;line-height:1.6;color:#536f64}
.daily-final-note{text-align:center;font-size:.82rem;line-height:1.5;color:#6e8278}
.daily-final-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:26px 0}
.daily-share-text{width:100%;border:1px solid #c3ded0;border-radius:9px;padding:12px;color:#254f45;font-size:.86rem}
.daily-share-text[hidden]{display:none}
@media(max-width:950px){.daily-grid{grid-template-columns:1fr}.daily-aside{min-height:0}.daily-aside-illustration{font-size:2rem}.daily-aside-divider{margin:10px 0}}
@media(max-width:600px){.daily-grid{gap:15px}.daily-panel{padding:22px 19px;min-height:335px}.daily-progress{padding:18px 18px 14px}.daily-choice-grid{grid-template-columns:1fr}.daily-choice{min-height:58px;padding:12px 14px}.daily-aside{padding:24px 21px}.daily-dots{gap:5px}.daily-dots span{width:28px;height:28px}.daily-date{font-size:.71rem}}
@media(prefers-reduced-motion:reduce){#daily-bar,.daily-choice{transition:none!important}}
