*{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-bottom:0;font-family:Courier New,monospace;display:flex}.hidden{display:none}.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{flex-direction:column;align-items:center;gap:32px;min-height:calc(100vh - 40px);margin-top:20px;display:flex}.enigma-box>.title+*{margin-top:auto}.enigma-box>:last-child{margin-bottom:auto}.title{letter-spacing:2px;text-transform:uppercase;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}.btn-row{justify-content:center;align-items:center;min-height:28px;margin-top:28px;display:flex;position:relative}.btn-aux{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}.btn-aux:hover,.btn-aux:focus-visible{color:#fff;border-color:#fff;outline:none}.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}.lvl{color:#8a0000;opacity:.8;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-family:Courier New,monospace;font-size:5.5rem;font-weight:700;line-height:1;position:fixed;top:14px;left:18px}@media (max-width:600px){.title{font-size:1.8em}.clue{font-size:1.1em}}
.modal{z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.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}@media (max-width:600px){.modal-content{max-height:85vh;padding:32px 20px 24px}}.rules-title{text-transform:uppercase;letter-spacing:2px}.rules-list{text-align:left;flex-direction:column;gap:12px;margin:16px 0 0;padding:0;list-style:none;display:flex}.rules-list li{color:#ccc;align-items:flex-start;gap:12px;font-size:1em;line-height:1.6;display:flex}.rules-list li .rule-icon{color:#555;flex-shrink:0;margin-top:2px;font-size:1em}.rules-list li strong{color:#fff}.rules-footer{color:#9ff1ff;text-align:center;letter-spacing:1px;border-top:1px solid #333;margin-top:20px;padding-top:16px;font-size:1em;font-style:italic}
