*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#000;justify-content:center;align-items:flex-start;min-height:100vh;padding:20px 20px 0;font-family:Courier New,monospace;display:flex}.container{width:100%;max-width:600px}.container-wide{max-width:920px}.container-404{justify-content:center;align-items:center;min-height:calc(100vh - 40px);display:flex}.enigma-box,.result-box{text-align:center;width:100%}.enigma-box{text-align:center;flex-direction:column;align-items:center;gap:32px;min-height:calc(100vh - 40px);display:flex}.enigma-box>.title+*{margin-top:auto}.enigma-box>:last-child{margin-bottom:auto}.title{letter-spacing:2px;text-transform:uppercase;margin-bottom:0;font-size:2.5em;animation:2s ease-in-out infinite glow}@keyframes glow{0%,to{text-shadow:0 0 10px #ffffff80}50%{text-shadow:0 0 20px #fffc}}.clue{color:#ccc;justify-content:center;align-items:center;min-height:80px;margin-bottom:50px;font-size:1.3em;line-height:1.6;display:flex}#form{flex-direction:column;gap:0;width:min(100%,460px);display:flex}.answer-input-wrap{width:100%;position:relative}.answer-input{color:#fff;text-align:center;letter-spacing:1px;background-color:#1a1a1a;border:2px solid #444;width:100%;padding:15px 50px 15px 18px;font-family:Courier New,monospace;font-size:1.1em;transition:all .3s}.answer-input:focus{border-color:#fff;outline:none;box-shadow:0 0 15px #ffffff4d}.answer-input::placeholder{color:#666}.submit-inline-btn{color:#fff;cursor:pointer;background:#111;border:1px solid #666;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;line-height:1;transition:all .2s;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.submit-inline-btn:hover,.submit-inline-btn:focus-visible{color:#000;background:#fff;border-color:#fff;outline:none}.submit-inline-btn:active{transform:translateY(-50%)scale(.96)}.error-message{color:#ff6b6b;min-height:20px;margin-top:15px;font-size:.95em}.hint{color:#888;min-height:20px;margin-top:30px;font-size:.85em}.hint-wrap{justify-content:center;align-items:center;min-height:28px;margin-top:28px;display:flex;position:relative}.hint-trigger{color:#aaa;cursor:pointer;background:0 0;border:1px solid #666;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;line-height:1;transition:all .2s;display:inline-flex}.hint-trigger:hover,.hint-trigger:focus-visible{color:#fff;border-color:#fff;outline:none}.hint-text{opacity:0;pointer-events:none;color:#bbb;white-space:nowrap;background:#111;border:1px solid #333;padding:8px 10px;font-size:.82em;transition:opacity .2s,transform .2s;position:absolute;top:42px;left:50%;transform:translate(-50%)translateY(4px)}.hint-wrap:hover .hint-text,.hint-wrap:focus-within .hint-text{opacity:1;transform:translate(-50%)translateY(0)}.nav-links{justify-content:center;gap:20px;margin-top:50px;display:flex}.nav-links a{color:#fff;border:1px solid #fff;padding:10px 20px;text-decoration:none;transition:all .3s}.nav-links .back-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;padding:10px 20px;font-family:Courier New,monospace;font-size:1em;text-decoration:none;transition:all .3s}.nav-links a:hover,.nav-links .back-btn:hover{color:#000;background-color:#fff}.modal{z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.hidden{display:none}.modal-content{color:#e0e0e0;background:#111;border:2px solid #333;flex-direction:column;gap:0;width:100%;max-width:760px;max-height:90vh;padding:40px 36px 32px;font-family:Courier New,monospace;line-height:1.7;display:flex;position:relative;overflow-y:auto;box-shadow:0 0 30px #000000e6}.modal-content h2{color:silver;letter-spacing:1px;margin-bottom:4px;font-size:.95rem;font-weight:400}.close-btn{color:#666;cursor:pointer;background:0 0;border:0;padding:4px;font-size:20px;line-height:1;position:absolute;top:10px;right:14px}.close-btn:hover{color:#fff}.secret-line{color:#111;-webkit-user-select:text;user-select:text}.secret-line::selection{color:#f1f1f1;background:#4a4a4a}@media (max-width:600px){.title{font-size:1.8em}.clue{font-size:1.1em}.answer-input{font-size:1.15em}.hint-text{white-space:normal;max-width:220px}.modal-content{max-height:85vh;padding:32px 20px 24px}}
