*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Georgia,serif;background-color:#f5f0e1;color:#3b2f1e;line-height:1.6;min-height:100vh;display:flex;justify-content:center;padding:1rem}#app{max-width:600px;width:100%}h1{font-size:2rem;margin-bottom:.25rem}.subtitle{font-style:italic;color:#7a6b5a;margin-bottom:.75rem}h2{font-size:1.25rem;margin-bottom:.5rem;border-bottom:1px solid #c9b99a;padding-bottom:.25rem}section{margin-bottom:.75rem}ul{list-style:none;padding-left:0}li{padding:.25rem 0}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem}.input-cell{display:flex;flex-direction:column;gap:.25rem}.input-cell input{font-size:1rem;padding:.4rem .6rem;border:1px solid #c9b99a;border-radius:4px;width:100%;background:#fff}#submit-btn{margin-top:.75rem;display:block}button{font-size:1rem;padding:.4rem 1rem;border:1px solid #7a6b5a;border-radius:4px;background:#7a6b5a;color:#f5f0e1;cursor:pointer}button:hover{background:#5a4b3a}.error{color:#a03030;font-weight:700;margin-top:.5rem}#game-over{text-align:center;padding:1.5rem;border:2px solid #c9b99a;border-radius:8px;background:#ede6d4}#game-over-title{font-size:1.5rem;border-bottom:none}#new-game-btn{margin-top:1rem}label{display:block;font-weight:700}