/* First visit: two accessible previews of the site's light and dark palettes. */
html.theme-choice-open{scroll-behavior:auto!important}
.theme-choice-dialog{position:fixed;inset:0;width:min(760px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);height:fit-content;margin:auto;padding:34px 36px 24px;border:1px solid #a5a69b;border-radius:3px;background:#f4f3ed;color:#20221f;box-shadow:0 24px 80px #0005;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6d7164 #f4f3ed;isolation:isolate}
.theme-choice-dialog::backdrop{background:#10120fba;backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px)}
.theme-choice-dialog[open]{animation:theme-choice-enter .2s ease-out}
.theme-choice-close{position:absolute;right:14px;top:13px;width:42px;height:42px;display:grid;place-items:center;background:transparent;color:#52574c;border:1px solid transparent;border-radius:2px;cursor:pointer}
.theme-choice-close:hover{background:#e3e5d9;color:#20221f;border-color:#b6baaa}
.theme-choice-close .ui-icon{width:19px;height:19px}
.theme-choice-dialog .theme-choice-close:focus-visible,.theme-choice-dialog .theme-choice-card:focus-visible{outline:3px solid #435711;outline-offset:4px}
.theme-choice-intro{text-align:left;margin:0 0 28px;max-width:none}
.theme-choice-eyebrow{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:0 24px 27px 0;font:750 12px/1.5 Golos,Arial,sans-serif;letter-spacing:.8px;color:#20221f}
.theme-choice-eyebrow span{font-weight:400;letter-spacing:0;color:#606557}
.theme-choice-dialog .theme-choice-intro h2{font-family:Golos,Arial,sans-serif;font-weight:750;font-size:clamp(34px,4vw,49px);line-height:1.05;letter-spacing:-1.8px;color:#20221f;margin:0 0 16px;text-wrap:balance}
.theme-choice-intro>p:last-child{color:#555b4e;font-size:14px;line-height:1.5;margin:0}
.theme-choice-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.theme-choice-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:30px;padding:25px 24px 22px;border:1px solid;border-radius:2px;min-width:0;min-height:0;font-family:Golos,Arial,sans-serif;line-height:1.5;cursor:pointer;transition:border-color .15s,background-color .15s;isolation:isolate}
.theme-choice-card:hover{transform:none}
.theme-choice-light{background:#fffefa;color:#20221f;border-color:#b6baaa}
.theme-choice-light:hover{background:#eeefdf;border-color:#435711}
.theme-choice-dark{background:#171915;color:#f4f3ed;border-color:#171915}
.theme-choice-dark:hover{background:#23271d;border-color:#435711}
.theme-choice-mark{display:block;width:48px;height:48px;max-width:100%;color:inherit}
.theme-choice-mark svg{display:block;width:100%;height:100%;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.theme-choice-dark .theme-choice-mark{color:#d8f36a}
.theme-choice-card-copy{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0;width:100%}
.theme-choice-card-copy>strong{font-family:Golos,Arial,sans-serif;font-size:32px;font-weight:750;line-height:1.1;letter-spacing:-1px;color:inherit;overflow-wrap:anywhere;max-width:100%}
.theme-choice-card-copy>span:not(.theme-choice-action){font-size:13px;line-height:1.5;color:inherit}
.theme-choice-action{display:flex;gap:12px;align-items:center;justify-content:space-between;width:100%;padding-top:16px;margin-top:5px;border-top:1px solid #aeb4a1;font-size:13px;font-weight:650;color:#435711}
.theme-choice-dark .theme-choice-action{color:#d8f36a;border-color:#555d43}
.theme-choice-action .ui-icon{width:18px;height:18px;flex-shrink:0}
.theme-choice-footnote{text-align:left;font-size:12px;line-height:1.6;color:#555b4e;margin:20px 0 0}
.drawer-theme-control{padding:7px 30px 10px}
.drawer-theme-toggle{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px 15px;text-align:left;font-family:Golos,Arial,sans-serif;font-size:13px;line-height:1.5;color:var(--green);background:var(--soft);border:1px solid var(--line);border-radius:2px;cursor:pointer}
.drawer-theme-toggle>.ui-icon{width:18px;height:18px;flex-shrink:0}
.drawer-theme-toggle>span{min-width:0}
.theme-transitioning body,.theme-transitioning .topbar,.theme-transitioning .bottom-nav,.theme-transitioning .panel,.theme-transitioning .game-card,.theme-transitioning .story-card,.theme-transitioning input,.theme-transitioning textarea,.theme-transitioning select{transition:background-color .24s ease,border-color .24s ease,color .24s ease}
@keyframes theme-choice-enter{from{opacity:0}to{opacity:1}}
@media(max-width:600px){
  .theme-choice-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:27px 22px 21px}
  .theme-choice-close{right:7px;top:9px;width:38px;height:38px}
  .theme-choice-intro{margin-bottom:24px}
  .theme-choice-eyebrow{font-size:11px;gap:9px;margin:0 23px 26px 0}
  .theme-choice-eyebrow span{font-size:10px}
  .theme-choice-dialog .theme-choice-intro h2{font-size:36px;letter-spacing:-1.2px;line-height:1.07;margin-bottom:13px}
  .theme-choice-intro>p:last-child{font-size:13px}
  .theme-choice-options{grid-template-columns:1fr;gap:12px}
  .theme-choice-card{display:grid;grid-template-columns:43px minmax(0,1fr);align-items:start;gap:19px;padding:20px 18px;min-height:0}
  .theme-choice-mark{width:40px;height:40px;margin-top:2px}
  .theme-choice-card-copy{gap:8px}
  .theme-choice-card-copy>strong{font-size:28px;letter-spacing:-.6px}
  .theme-choice-card-copy>span:not(.theme-choice-action){font-size:12px;line-height:1.45}
  .theme-choice-action{font-size:12px;gap:8px;padding-top:10px;margin-top:2px}
  .theme-choice-action .ui-icon{width:16px;height:16px}
  .theme-choice-footnote{font-size:11px;margin:17px 0 0;line-height:1.5}
}
@media(max-width:359px){
  .theme-choice-dialog{padding:27px 18px 20px}
  .theme-choice-eyebrow span{display:none}
  .theme-choice-dialog .theme-choice-intro h2{font-size:32px;letter-spacing:-1px}
  .theme-choice-card{grid-template-columns:34px minmax(0,1fr);gap:13px;padding:19px 14px}
  .theme-choice-mark{width:32px;height:32px}
  .theme-choice-card-copy>strong{font-size:26px}
  .theme-choice-card-copy>span:not(.theme-choice-action){font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .theme-choice-dialog[open]{animation:none}
  .theme-choice-card,.theme-transitioning body,.theme-transitioning .topbar,.theme-transitioning .bottom-nav,.theme-transitioning .panel,.theme-transitioning .game-card,.theme-transitioning .story-card,.theme-transitioning input,.theme-transitioning textarea,.theme-transitioning select{transition:none!important}
  .theme-choice-card:hover{transform:none}
}