*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e6ed;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#05080f;justify-content:center;align-items:flex-start;min-height:100vh;margin:0;padding:10px;font-family:Courier New,monospace;display:flex}@media (width>=768px){body{align-items:center}}#game-wrapper{background:#0a0f1a;border:2px solid #1a2a4a;border-radius:12px;width:95%;max-width:1200px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 60px #3264c826}#header{background:#0d1525;border-bottom:1px solid #1a2a4a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex}#header h1{letter-spacing:2px;background:linear-gradient(135deg,#f5d76e,#f39c12);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(13px,2.5vw,18px);font-weight:400}#stats{flex-wrap:wrap;gap:12px;display:flex}.stat-item{color:#8e9bb5;font-size:clamp(10px,1.8vw,13px)}.stat-item strong{color:#d6e2ff;font-weight:600}#game-area{width:100%;height:60vh;min-height:350px;max-height:80vh;position:relative}#gameCanvas{cursor:pointer;touch-action:none;background:#1a212d;width:100%;height:100%;display:block}@media (width>=1024px){#game-area{height:65vh;max-height:85vh}}#start-screen{z-index:50;background:#050814eb;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#btn-language{color:#b7cdff;cursor:pointer;z-index:100;background:#ffffff14;border:1px solid #fff3;border-radius:8px;padding:6px 12px;font-family:Courier New,monospace;font-size:clamp(10px,1.5vw,13px);transition:all .2s;position:absolute;top:10px;right:10px}#btn-language:hover{background:#ffffff26;border-color:#fff6}#start-content{text-align:center;max-width:90%;padding:15px}.start-logo{margin-bottom:6px;font-size:clamp(35px,8vw,65px);animation:3s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.start-title{color:#d6e2ff;letter-spacing:2px;text-shadow:0 0 25px #64b4ff4d;margin:0 0 6px;font-family:Courier New,monospace;font-size:clamp(18px,4vw,28px)}.start-subtitle{color:#8e9bb5;margin:0 0 15px;font-family:Courier New,monospace;font-size:clamp(11px,2vw,15px)}#mode-buttons{flex-direction:column;align-items:center;gap:5px;margin-bottom:15px;display:flex}.mode-btn{color:#8e9bb5;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;width:100%;max-width:280px;padding:8px 16px;font-family:Courier New,monospace;font-size:clamp(10px,1.5vw,13px);transition:all .2s}.mode-btn:not(.locked):hover{color:#d6e2ff;background:#ffffff1f;border-color:#ffffff4d}.mode-btn.locked{opacity:.4;cursor:not-allowed}.start-hint{color:#5a6a8a;margin:0;font-family:Courier New,monospace;font-size:clamp(9px,1.5vw,12px)}.start-btn-mobile{color:#0a0f1a;cursor:pointer;letter-spacing:2px;background:linear-gradient(135deg,#f5d76e,#f39c12);border:none;border-radius:30px;width:fit-content;margin:15px auto 0;padding:14px 36px;font-family:Courier New,monospace;font-size:16px;font-weight:700;transition:all .2s;animation:2s ease-in-out infinite pulse;display:block;box-shadow:0 4px 15px #f39c1266}.start-btn-mobile:active{transform:scale(.95)}.start-btn-mobile:hover{transform:scale(1.05);box-shadow:0 6px 20px #f39c1299}@media (width<=768px),(pointer:coarse){.start-btn-mobile{display:block}}#panel{background:#0d1525;border-top:1px solid #1a2a4a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;display:flex}#code-display{letter-spacing:2px;color:#b7cdff;text-align:center;background:#0f151f;border:1px solid #2f3b4f;border-radius:10px;flex:1;min-width:100px;padding:6px 12px;font-family:Courier New,monospace;font-size:clamp(.7rem,1.5vw,1rem);font-weight:600;transition:all .3s;box-shadow:inset 0 2px 6px #0006}#code-display.glow{border-color:#f1c40f;box-shadow:0 0 20px #f1c40f33,inset 0 2px 6px #0006}#options{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.opt-btn{color:#d6e2ff;cursor:pointer;letter-spacing:.5px;touch-action:manipulation;white-space:nowrap;background:#1e293b;border:1px solid #3a4a62;border-radius:40px;min-width:32px;padding:6px 14px;font-family:Courier New,monospace;font-size:clamp(.65rem,1.3vw,.85rem);font-weight:600;transition:all .15s;box-shadow:0 2px #0b0f17}.opt-btn:hover:not(:disabled){background:#2d3d57;border-color:#5b7a9e;transform:translateY(-1px)}.opt-btn:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.opt-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.opt-btn.correct{animation:.3s pulse;color:#fff!important;background:#1f8b4c!important;border-color:#2ecc71!important;box-shadow:0 0 20px #2ecc714d!important}.opt-btn.wrong{animation:.3s pulse;color:#fff!important;background:#942f3e!important;border-color:#e74c3c!important;box-shadow:0 0 20px #e74c3c4d!important}#restart-btn{color:#8e9bb5;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff26;border-radius:6px;padding:6px 12px;font-family:Courier New,monospace;font-size:clamp(10px,1.5vw,13px);transition:all .2s}#restart-btn:hover{color:#d6e2ff;background:#ffffff1f}#notification{text-align:center;color:#6a7a8a;background:#0d1525;border-top:1px solid #1a2a4a;min-height:22px;padding:6px 14px;font-family:Courier New,monospace;font-size:clamp(9px,1.5vw,12px);font-weight:500;transition:all .3s}#notification.success{color:#2ecc71}#notification.fail{color:#e74c3c}#notification.warning{color:#f1c40f}#notification.info{color:#b7cdff}@keyframes glow{0%,to{box-shadow:0 0 5px #f1c40f33}50%{box-shadow:0 0 20px #f1c40f80}}#code-display.glow{animation:1s ease-in-out infinite glow}@media (width<=768px){body{padding:4px}#game-wrapper{border-width:1px;border-radius:8px;width:100%}#header{padding:6px 10px}#header h1{letter-spacing:1px}#stats{gap:8px}#game-area{height:50vh;min-height:280px;max-height:65vh}#start-content{padding:12px}.mode-btn{max-width:240px;padding:7px 14px}#panel{gap:5px;padding:6px 10px}#code-display{letter-spacing:1px;min-width:70px;padding:5px 8px}.opt-btn{min-width:28px;padding:5px 10px}#restart-btn{padding:5px 8px}#notification{min-height:18px;padding:5px 10px}#btn-language{padding:5px 8px;top:6px;right:6px}}@media (width<=480px){body{align-items:flex-start;padding:0}#game-wrapper{border:none;border-radius:0;width:100%}#header{gap:4px;padding:4px 8px}#header h1{letter-spacing:.5px;font-size:11px}#stats{gap:5px}.stat-item{font-size:9px}#game-area{height:70vh;min-height:300px;max-height:85vh}#gameCanvas{image-rendering:auto;backface-visibility:hidden}#start-content{padding:8px}.start-logo{font-size:30px}.start-title{letter-spacing:1px;font-size:16px}.start-subtitle{font-size:10px}.mode-btn{max-width:200px;padding:6px 10px;font-size:10px}.start-btn-mobile{margin-top:20px;padding:16px 40px;font-size:18px}#panel{gap:3px;padding:4px 6px}#code-display{letter-spacing:1px;min-width:50px;padding:4px 6px;font-size:.6rem}.opt-btn{min-width:22px;padding:4px 7px;font-size:.6rem}#restart-btn{padding:4px 7px;font-size:.6rem}#notification{min-height:16px;padding:3px 6px;font-size:.55rem}#btn-language{padding:4px 6px;font-size:.55rem;top:4px;right:4px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0a0f1a}::-webkit-scrollbar-thumb{background:#2a3342;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3a4a62}.hidden{display:none!important}.enigma-container{text-align:center;max-height:200px;padding:6px;overflow-y:auto}.enigma-phase{color:#9c27b0;letter-spacing:2px;margin-bottom:4px;font-size:clamp(.6rem,1.5vw,.75rem);font-weight:700}.enigma-subtitle{color:#6a7a8a;margin-bottom:6px;font-size:clamp(.5rem,1.2vw,.65rem)}.enigma-pattern-box{word-break:break-word;overflow-wrap:break-word;background:#0a0f1a;border:1px solid #9c27b0;border-radius:8px;margin:6px 0;padding:10px;box-shadow:0 0 15px #9c27b026}.enigma-pattern{color:#d6c8ff;letter-spacing:4px;text-shadow:0 0 20px #9c27b066;font-size:clamp(.9rem,3vw,1.5rem);font-weight:700}.enigma-turing-box{text-align:left;max-height:150px;overflow-y:auto}.enigma-turing-text{color:#b0b8d0;font-size:clamp(.55rem,1.3vw,.7rem);line-height:1.5}.enigma-hint{color:#6a7a8a;font-size:clamp(.5rem,1.1vw,.65rem);font-style:italic}.entity-a{color:#f1c40f;font-weight:700}.entity-b{color:#3498db;font-weight:700}@media (width<=480px){.enigma-container{max-height:160px;padding:4px}.enigma-turing-box{max-height:120px}.enigma-pattern-box{padding:6px}}.enigma-pattern-box{box-sizing:border-box;width:100%}#options{flex-direction:column;gap:6px;width:100%;display:flex}.opt-btn{text-align:center;width:100%}#ranking-list>div{transition:background .2s}#ranking-list>div:hover{background:#ffffff08}