.bec-game-wrap{max-width:800px}
.bec-game-intro{max-width:720px}
.bec-game-intro h1{font-size:clamp(2rem,5vw,3.4rem)}
.bec-game-intro>p:last-child{max-width:62ch}

.bec-email-card{
  overflow:hidden;background:#F4F1E8;color:#252720;border:1px solid #CFC9BA;
  border-radius:8px;box-shadow:0 24px 60px rgba(0,0,0,.30)
}
.bec-email-head{padding:1.15rem 1.35rem;border-bottom:1px solid #D7D1C4;font-family:var(--mono);font-size:.8rem;line-height:1.65}
.bec-email-row{display:grid;grid-template-columns:5rem 1fr;column-gap:.65rem;align-items:start;padding:.12rem 0}
.bec-email-label{color:#77766F}
.bec-email-body{padding:1.55rem 1.45rem .55rem;font-family:Georgia,"Times New Roman",serif;font-size:1.08rem;line-height:1.85}
.bec-email-body p{margin:0 0 1.15rem}
.bec-signature{color:#696A64;font-style:italic}
.bec-quoted{margin:.4rem 1.45rem 1.55rem;padding:1rem 1.05rem;border-left:3px solid #CBC5B8;background:#EDE9DE;color:#666861}
.bec-quoted-head{margin-bottom:.55rem;font-family:var(--mono);font-size:.72rem;line-height:1.6}
.bec-quoted p{font-family:Georgia,"Times New Roman",serif;font-size:.92rem;line-height:1.65}

.bec-clue{border-radius:2px;transition:background-color .15s,color .15s,box-shadow .15s}
.bec-clue:focus-visible{outline:2px solid var(--amber-dp);outline-offset:2px}
.bec-clue.is-found{background:#F1DDAA;box-shadow:inset 0 -2px #9E721D;color:#2C281F}
.bec-explanation{display:block;grid-column:2;margin:.55rem 0 .7rem;padding:.65rem .75rem;border:1px solid #BE923D;border-radius:5px;background:#FFF9EA;color:#28524D;font-family:var(--mono);font-size:.74rem;line-height:1.55}
.bec-email-body .bec-explanation{margin:.55rem 0 .85rem}
.bec-explanation[hidden]{display:none}

.bec-hint{margin-top:1rem;color:var(--muted);font-family:var(--mono);font-size:.77rem}
.bec-result{margin-top:1.8rem;padding:1.6rem;border:1px solid rgba(230,169,60,.45);border-radius:12px;background:var(--ink-2)}
.bec-result[hidden]{display:none}
.bec-result h2{font-size:1.65rem;margin-bottom:.75rem;color:var(--amber-lt)}
.bec-result>p{max-width:62ch;color:var(--muted)}
.bec-result-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.25rem}
.bec-result-actions button{font-family:var(--body)}
.bec-game-footer{max-width:62ch}

@media (max-width:640px){
  .bec-email-head{padding:1rem;font-size:.72rem}
  .bec-email-row{grid-template-columns:3.8rem 1fr}
  .bec-email-body{padding:1.25rem 1.05rem .35rem;font-size:1rem}
  .bec-quoted{margin:.3rem 1.05rem 1.2rem}
}

@media (prefers-reduced-motion:reduce){
  .bec-clue{transition:none}
}