:root{font-family:Comic Sans MS,Comic Sans,cursive;line-height:1.6;font-weight:400;color:#000;background:#fff}*{margin:0;padding:0;box-sizing:border-box}body,#root{min-height:100vh}*{box-sizing:border-box}.app{min-height:100vh;padding:2rem 1rem;max-width:700px;margin:0 auto}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:2rem;margin-bottom:.5rem}.subtitle{color:#666;font-size:1rem}.riddles-container{display:flex;flex-direction:column;gap:1.5rem}.riddle-card{border:1px solid #ccc;border-radius:8px;padding:1.5rem;position:relative}.riddle-card.solved{border-color:#22c55e;background:#f0fdf4}.riddle-number{position:absolute;top:1rem;right:1rem;font-weight:700;color:#999}.riddle-text{font-size:1.1rem;line-height:1.7;margin-bottom:1rem;padding-right:2rem}.blank{font-weight:700;text-decoration:underline}.riddle-hint{font-size:.9rem;color:#666;font-style:italic;margin-bottom:1rem}.input-group{display:flex;gap:.5rem;flex-wrap:wrap}.input-group.dual{flex-direction:column}.dual-inputs{display:flex;gap:.5rem;flex-wrap:wrap}.dual-inputs input{flex:1;min-width:150px}.input-group input{flex:1;padding:.5rem .75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.input-group input:focus{outline:none;border-color:#000}.input-group button{padding:.5rem 1rem;background:#000;border:none;border-radius:4px;color:#fff;font-weight:600;cursor:pointer}.input-group button:hover{background:#333}.success-container{display:flex;flex-direction:column;gap:.75rem}.success-badge{display:inline-flex;align-items:center;background:#22c55e;color:#fff;padding:.25rem .75rem;border-radius:4px;font-weight:600;font-size:.9rem;width:fit-content}.answer-reveal{font-weight:600;color:#22c55e}.coordinates{background:#f5f5f5;border-radius:4px;padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.coord-label{font-size:.85rem;color:#666}.coord-value{font-family:monospace;font-size:.9rem;word-break:break-all}.maps-link{color:#2563eb;text-decoration:none;font-weight:500;margin-top:.25rem}.maps-link:hover{text-decoration:underline}.reset-button{display:block;margin:2rem auto 0;padding:.5rem 1rem;background:transparent;border:1px solid #dc2626;border-radius:4px;color:#dc2626;font-weight:600;cursor:pointer}.reset-button:hover{background:#dc2626;color:#fff}.cipher-reference{margin-top:2rem;text-align:center}.cipher-reference summary{cursor:pointer;color:#666;font-size:.9rem}.cipher-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(55px,1fr));gap:.25rem;margin-top:.75rem;padding:.75rem;background:#f5f5f5;border-radius:4px;text-align:left}.cipher-grid span{font-family:monospace;font-size:.8rem;color:#666}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.riddle-card.shake{animation:shake .5s ease-in-out;border-color:#dc2626!important}@media(max-width:600px){.dual-inputs{flex-direction:column}.input-group button{width:100%}}
