/* Isolated PWA games/discovery presentation. Never restyles classic web. */
.dg-games-body,.home-games-entry{
  --dg-paper:light-dark(#f4f2e8,#12291f);
  --dg-surface:light-dark(#fff,#213d30);
  --dg-ink:light-dark(#10382b,#edf6ee);
  --dg-muted:light-dark(#51675b,#c0d0c4);
  --dg-green:light-dark(#1b6d53,#ace0c2);
  --dg-on-green:light-dark(#fff,#143624);
  --dg-soft:light-dark(#e0eee5,#2a4938);
  --dg-line:light-dark(#cadbcf,#4b6b56);
  --dg-gold:light-dark(#f1d994,#615130);
  color-scheme:light dark;
}
.dg-games-body{--dg-safe-top:env(safe-area-inset-top,0px);--dg-safe-left:env(safe-area-inset-left,0px);--dg-safe-right:env(safe-area-inset-right,0px);background:var(--dg-paper);color:var(--dg-ink);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.dg-games-body [hidden]{display:none!important}
.dg-games-body a{color:inherit}
.dg-icon{display:block;flex:none}
.dg-games-body .dg-header{position:sticky;top:0;z-index:20;padding:calc(16px + var(--dg-safe-top)) max(16px,var(--dg-safe-right),calc((100% - 1000px)/2)) 16px max(16px,var(--dg-safe-left),calc((100% - 1000px)/2));background:#123e30;color:#f2f9f3;gap:10px}
.dg-brand{display:flex;align-items:center;gap:10px;min-height:48px;min-width:0;text-decoration:none;font-weight:750;line-height:1.2}
.dg-brand>span:first-child{display:grid;place-items:center;background:#e6f0e2;color:#123e30;width:46px;height:46px;border-radius:16px;font-size:25px}
.dg-brand small{display:block;margin-top:5px;font-size:11px;font-weight:500}
.dg-header .dg-header-action{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:5px;min-height:48px;max-width:130px;padding:10px 12px;background:#2b5844;color:#fff;border:0;border-radius:13px;font-size:12px;text-decoration:none;font-weight:600}
.dg-header form{margin:0}
.dg-main{max-width:1000px;margin:auto;padding:25px 16px 110px}
.dg-intro{text-align:center;margin-bottom:24px}
.discovery-world{text-align:center}
.discovery-world .dg-section-heading{justify-content:center}
.discovery-world .dg-expedition-copy>p{margin-left:auto;margin-right:auto}
.discovery-world .dg-another{margin-left:auto;margin-right:auto;justify-content:center;text-align:center}
.dg-eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.12em;font-size:11px;line-height:1.4;font-weight:750;color:var(--dg-green)}
.dg-intro h1{margin:0 auto 14px;max-width:21ch;font-size:clamp(29px,7.2vw,52px);line-height:1.07;letter-spacing:-.045em;color:var(--dg-ink)}
.dg-intro>p:last-child{font-size:14px;line-height:1.55;margin:0;color:var(--dg-muted)}
.dg-account{display:flex;align-items:center;gap:10px;background:var(--dg-soft);border-radius:18px;padding:14px;margin-bottom:18px}
.dg-account>span{font-size:25px}
.dg-account>div{flex:1;min-width:0}
.dg-account strong,.dg-account small{display:block}
.dg-account small{font-size:11px;color:var(--dg-muted)}
.dg-account a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px;font-size:12px;color:var(--dg-green);font-weight:700;text-decoration:none}
.dg-notice{padding:15px;border:1px solid var(--dg-line);border-radius:14px;color:var(--dg-ink);background:var(--dg-soft)}
.dg-expedition{border-radius:27px;overflow:hidden;background:var(--dg-surface);box-shadow:0 14px 40px #10382b0b}
.dg-expedition-photo{position:relative}
.dg-expedition-photo>img{display:block;width:100%;height:255px;object-fit:cover;object-position:50% 40%}
.dg-photo-tag{position:absolute;bottom:16px;left:16px;background:#123e30;color:#f2f9f3;padding:8px 13px;border-radius:10px;font-size:11px;letter-spacing:.11em;max-width:calc(100% - 32px)}
.dg-expedition-copy{padding:22px}
.dg-expedition-copy h2{font-size:26px;line-height:1.1;letter-spacing:-.035em;margin:0 0 10px;color:var(--dg-ink)}
.dg-expedition-copy>p:not(.dg-eyebrow){margin:0 0 18px;font-size:14px;color:var(--dg-muted);max-width:48ch}
.dg-primary,.dg-play{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:13px 16px;border:0;border-radius:15px;background:var(--dg-green);color:var(--dg-on-green)!important;text-decoration:none;font-family:inherit;line-height:1.4}
.dg-primary{font-size:15px;font-weight:750}
.dg-trail{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;margin-top:18px;color:var(--dg-muted);font-size:12px}
.dg-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.dg-section-heading h2{font-size:25px;line-height:1.2;letter-spacing:-.025em;margin:0}
.dg-curiosity{margin:28px 0;padding:22px;background:var(--dg-soft);border-radius:24px}
.dg-guide-bird{display:grid;place-items:center;width:50px;height:50px;background:var(--dg-surface);border-radius:17px;font-size:28px;flex:none}
.dg-curiosity-card>p{font-size:15px;margin:12px 0;color:var(--dg-ink)}
.dg-curiosity-card+.dg-curiosity-card:not([hidden]){border-top:1px solid var(--dg-line);margin-top:18px;padding-top:8px}
.dg-secret{border:0;margin-top:8px;padding:0}
.dg-secret summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:50px;padding:12px 15px;background:var(--dg-green);color:var(--dg-on-green);border-radius:14px;list-style:none;font-size:14px}
.dg-secret summary::-webkit-details-marker{display:none}
.dg-secret>div{padding:16px 2px 2px}
.dg-secret strong{font-size:21px}
.dg-secret p{color:var(--dg-muted);font-size:13px;line-height:1.55;margin:10px 0 0}
.dg-another{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 0;background:transparent;color:var(--dg-green);border:0;border-radius:0;font-size:13px;text-align:left}
.dg-tiny{font-size:11px;color:var(--dg-muted);margin:8px 0 0}
.dg-games{scroll-margin-top:calc(102px + var(--dg-safe-top))}
.dg-section-note{font-size:14px;color:var(--dg-muted);margin:0 0 18px}
.dg-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dg-game-card{display:flex;flex-direction:column;min-width:0;background:var(--dg-surface);border-radius:21px;overflow:hidden}
.dg-game-media{position:relative;aspect-ratio:4/3;width:100%;flex:none;overflow:hidden;background:var(--dg-soft)}
.dg-game-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;background:#f4f3ea}
.dg-game-card[data-game-card=find-habitat] .dg-game-art{object-fit:cover}
.dg-game-symbol{position:absolute;inset:0;display:grid;place-items:center;background:var(--dg-soft);color:var(--dg-ink)}
.dg-game-symbol .dg-icon{width:72%;max-width:120px;height:auto;filter:drop-shadow(0 4px 0 #10382b0b)}
.dg-game-copy{padding:15px 13px;display:flex;flex-direction:column;flex:1}
.dg-game-copy h3{font-size:17px;line-height:1.2;letter-spacing:-.015em;margin:0 0 9px;min-height:2.4em;display:grid;place-items:center;text-align:center}
.dg-game-copy p{font-size:12px;line-height:1.5;color:var(--dg-muted);margin:0 0 15px;min-height:4.5em;text-align:center}
.dg-game-copy form{margin:auto 0 0;display:block}
.dg-game-copy>.dg-play{margin-top:auto}
.dg-play{width:100%;padding:11px 8px;font-size:13px;min-height:48px;font-weight:750}
.dg-play:disabled{background:var(--dg-soft);color:var(--dg-muted)!important}
.dg-selected-game{outline:3px solid var(--dg-green);outline-offset:2px}
.dg-selected-label{display:block;font-size:11px;color:var(--dg-green);margin:0 0 12px;font-weight:700}
.dg-keepsakes{margin-top:26px}
.dg-keepsakes h2{font-size:22px;margin-bottom:16px}
.dg-keepsakes>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dg-keepsakes a{display:flex;align-items:flex-start;flex-direction:column;gap:8px;min-height:130px;padding:18px;background:var(--dg-soft);border-radius:19px;text-decoration:none}
.dg-keepsakes a>span{font-size:28px}
.dg-keepsakes small{font-size:12px;color:var(--dg-muted)}
.dg-join{display:flex;flex-direction:column;align-items:center;gap:13px;padding:22px;margin-top:28px;border-radius:24px;background:var(--dg-soft);text-align:center}
.dg-join>span{font-size:27px;flex:none}
.dg-join>div{min-width:0;width:100%}
.dg-join h2{font-size:22px;line-height:1.2;margin:0 0 10px}
.dg-join p{font-size:13px;color:var(--dg-muted);margin:0 0 18px}
.dg-join .dg-primary{font-size:13px}
.dg-parent{margin-top:24px;border-top:1px solid var(--dg-line)}
.dg-parent summary{min-height:50px;font-size:13px;color:var(--dg-muted)}
.dg-parent p{font-size:13px;color:var(--dg-muted)}
.dg-secondary{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:12px;border-radius:12px;background:var(--dg-soft);color:var(--dg-ink);text-decoration:none;font-size:13px}
.dg-outdoor-note,.dg-safety-note{color:var(--dg-muted);font-size:12px;line-height:1.6;margin:26px 0 0;text-align:center}
.dg-child-nav{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;justify-content:center;gap:6px;background:#123e30;padding:10px 8px max(10px,env(safe-area-inset-bottom))}
.dg-child-nav a{flex:1;max-width:240px;display:flex;align-items:center;justify-content:center;min-height:52px;padding:10px 4px;text-decoration:none;color:#f2f9f3;font-size:13px;font-weight:700;border-radius:14px}
.dg-child-nav a[aria-current=page]{background:#2b5844}
.dg-games-body :focus-visible{outline:3px solid light-dark(#8b610d,#f1d994);outline-offset:4px}
.dg-games-body .skip:focus{top:calc(12px + var(--dg-safe-top));color:#10382b}
/* A visible entry after the PWA species search, not inside guardian settings. */
.home-games-entry{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) 42px;align-items:center;gap:12px;min-height:118px;margin:12px 0;padding:13px 12px;background:#123e30;color:#f2f9f3;border-radius:22px;text-decoration:none;overflow:hidden}
.home-games-entry>img{display:block;width:72px;height:88px;object-fit:cover;object-position:50% 40%;border-radius:14px}
.home-games-copy{display:grid;gap:6px}
.home-games-copy small{color:#dbd1aa;font-size:10px;line-height:1.3;letter-spacing:.13em;font-weight:800}
.home-games-copy strong{font-size:18px;line-height:1.1;letter-spacing:-.02em}
.home-games-copy>span{font-size:11px;line-height:1.4;color:#daeade}
.home-games-arrow{display:grid;place-items:center;min-width:42px;height:48px;border-radius:13px;background:#e8d89c;color:#123e30;font-size:24px}
.home-games-entry:focus-visible{outline:3px solid var(--dg-green);outline-offset:3px}
@media(min-width:700px){.dg-expedition{display:grid;grid-template-columns:1.15fr 1fr}.dg-expedition-photo>img{height:100%;min-height:320px}.dg-expedition-copy{display:flex;flex-direction:column;justify-content:center;padding:32px}.dg-game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-games-entry{grid-template-columns:90px minmax(0,1fr) 54px}.home-games-entry>img{width:90px}.home-games-copy strong{font-size:23px}.home-games-copy>span{font-size:13px}.home-games-arrow{height:54px}}
@media(max-width:359px){.dg-main{padding:22px 13px 110px}.dg-curiosity{padding:18px}.dg-expedition-copy{padding:18px}.dg-expedition-photo>img{height:210px}.dg-game-grid{gap:9px}.dg-game-copy{padding:13px 11px}.dg-game-copy h3{font-size:16px}.dg-join{padding:18px;gap:8px}.dg-join>span{font-size:23px}.dg-header .dg-header-action{padding:9px;font-size:11px}.home-games-entry{grid-template-columns:54px minmax(0,1fr) 34px;gap:9px;padding:12px 10px}.home-games-entry>img{width:54px;height:84px}.home-games-copy strong{font-size:16px}.home-games-arrow{min-width:34px}}
@media(prefers-reduced-motion:no-preference){.dg-secret[open]>div{animation:dg-reveal .25s ease-out 1}@keyframes dg-reveal{from{transform:translateY(5px)}to{transform:translateY(0)}}}