/* Daily Kit chrome;
the kit renderer and all game-state selectors remain intact. */ body {
  background:#f4f1ec;
  border-top:8px solid #1e9e4a
}

body::before {
  opacity:.055
}

.wrap {
  max-width:480px;
  padding:24px 28px 40px
}

header {
  border-bottom:1px solid #1e3a5f40;
  padding-bottom:22px;
  margin-bottom:24px
}

.logo .d {
  font-size:31px;
  letter-spacing:-.06em
}

.logo .f {
  font-size:18px;
  margin-left:4px
}

.daynum {
  font-size:10px;
  opacity:1
}

.daily-instruction {
  font-size:11px;
  margin-bottom:21px;
  color:#1e3a5f
}

.prompt {
  font-size:12px;
  opacity:1;
  letter-spacing:.1em;
  margin-bottom:17px
}

.kit {
  border:0;
  border-radius:14px;
  box-shadow:0 10px 22px #1e3a5f25;
  width:240px
}

.guess {
  margin-top:30px;
  gap:12px
}

.guess input,.capture input {
  border:1px solid #1e3a5f;
  border-radius:2px;
  min-width:0
}

.guess label {
  font-size:12px;
  letter-spacing:.08em
}

.btn {
  border:1px solid #1e3a5f;
  border-radius:2px;
  box-shadow:none;
  padding:16px;
  font-size:14px;
  text-transform:none;
  letter-spacing:0;
  min-height:50px
}

.btn:active {
  box-shadow:none;
  transform:none
}

.btn:hover {
  background:#ffda3a
}

.verdict .stamp {
  font-size:38px;
  letter-spacing:-.04em
}

.verdict .answer {
  font-size:24px
}

.verdict .lore {
  line-height:1.5;
  font-size:16px
}

.verdict.win .stamp,.msg {
  color:#147532
}

.capture p {
  font-family:var(--font-body);
  font-style:normal;
  font-size:13px
}

.capture input {
  width:0
}

.capture .btn {
  padding:12px 15px
}

.cta {
  border-radius:0;
  padding:23px 20px;
  border-top:5px solid #1e9e4a
}

.cta .big {
  font-size:20px;
  letter-spacing:-.025em
}

.cta .sub {
  line-height:1.6;
  font-size:12px;
  margin-top:10px
}

.ordered-banner .ob-inner {
  max-width:480px;
  padding-top:19px;
  padding-bottom:19px
}

.ordered-banner .ob-close {
  min-width:44px;
  min-height:44px;
  top:4px;
  right:4px
}

.ordered-banner .ob-sub {
  font-size:12px
}

footer {
  opacity:1;
  font-size:11px;
  margin-top:30px
}

button:focus-visible,a:focus-visible,summary:focus-visible {
  outline:3px solid #1e9e4a;
  outline-offset:5px
}

.ordered-banner button:focus-visible {
  outline-color:#f2c200
}

@media(min-width:800px) {
  .wrap {
    padding-top:35px
  }

  .kit {
    width:256px
  }

  .daily-instruction {
    margin-top:4px
  }

}

@media(prefers-reduced-motion:reduce) {
  *,*:before,*:after {
    transition:none!important;
    animation:none!important
  }

}