*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-y:auto;height:100%}body{background:#fdf3ec;font-family:Nunito,sans-serif;font-size:14px;color:#6f3333;min-height:100%;overflow-y:auto}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;opacity:1;transition:opacity .6s ease}.page.fade-out{opacity:0}.page.fade-in{animation:fadeIn .6s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bus-card{padding:.6rem .8rem;background:#fff5b7;border:2px solid #e8c4b8;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:border-color .15s,background .15s,box-shadow .15s,transform .1s}.bus-card:hover{border-color:#cb4343;box-shadow:3px 3px #f8b29d;transform:translateY(-1px)}.bus-card.selected{border:2px solid #6f3333;background:#fae8e0;box-shadow:3px 3px #6f3333}.clue-content{padding:1.25rem 2.88rem}.success-media{width:360px}@media(max-width:600px){html{font-size:12.88px}.clue-content{padding-left:.72rem;padding-right:.72rem}.success-media{width:216px}.page{align-items:center;text-align:center}}@keyframes flipHint{0%,to{opacity:1}50%{opacity:.6}}.flip-btn{filter:drop-shadow(-3px -3px 4px rgba(111,51,51,.18))}.flip-btn-hint{animation:flipHint 1.2s ease-in-out infinite}.back-btn{position:fixed;top:1.25rem;left:1.25rem;background:none;border:none;font-family:Nunito,sans-serif;font-size:.9rem;color:#a87878;cursor:pointer;letter-spacing:.03em;padding:.25rem 0}.back-btn:hover{color:#6f3333}
