*{margin:0;padding:0;box-sizing:border-box}body{background:#0a0a0a;display:flex;align-items:center;justify-content:center;min-height:100vh;font-family:Courier New,monospace;overflow:hidden}#game-container{position:relative}canvas{display:block;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}#hud{position:absolute;top:12px;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;color:#fff;font-size:14px;text-shadow:2px 2px 0 #000;pointer-events:none;z-index:10}#level-name{flex:1 1 0;text-align:left}#lives-display{flex:0 0 auto;text-align:center}#score-display{flex:1 1 0;text-align:right;color:#ffe066}.heart{font-size:18px}#modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:100}#modal-overlay.hidden,#hud.hidden{display:none}#modal-box{background:#1a1a2e;border:3px solid #e94560;border-radius:4px;padding:28px 32px;max-width:460px;width:90%;text-align:center;color:#fff;box-shadow:0 0 40px #e9456066}#modal-box h2{font-size:18px;color:#f5c518;margin-bottom:12px;letter-spacing:2px}#modal-box p{font-size:13px;line-height:1.7;color:#ccc;margin-bottom:16px}.quiz-options{display:flex;flex-direction:column;gap:8px}.quiz-opt{background:#0f3460;border:2px solid #e94560;border-radius:3px;color:#fff;padding:9px 14px;font-family:Courier New,monospace;font-size:12px;cursor:pointer;text-align:left}.quiz-opt:hover{background:#e94560}.quiz-opt.correct{background:#1a7a4a!important;border-color:#2ecc71!important}.quiz-opt.wrong{background:#7a1a2a!important;border-color:#f46!important}#modal-continue{margin-top:16px;background:#e94560;border:none;border-radius:3px;color:#fff;padding:11px 26px;font-family:Courier New,monospace;font-size:14px;cursor:pointer;letter-spacing:1px;display:none}#modal-continue:hover{background:#c73652}.modal-secondary{margin-top:8px;background:transparent;border:1px solid #888;border-radius:3px;color:#ccc;padding:8px 18px;font-family:Courier New,monospace;font-size:12px;cursor:pointer;letter-spacing:1px}.modal-secondary:hover{color:#fff;border-color:#ccc}.modal-link{display:inline-block;margin-top:14px;color:#888;font-size:11px;cursor:pointer;text-decoration:underline;background:none;border:none;font-family:Courier New,monospace}.modal-link:hover{color:#e94560}#auth-overlay{position:fixed;inset:0;background:radial-gradient(circle at 50% 35%,#1a0840,#060015 75%);display:flex;align-items:center;justify-content:center;z-index:9999;font-family:Courier New,monospace}#auth-box{background:#1a1a2e;border:3px solid #e94560;border-radius:6px;padding:32px 36px;max-width:380px;width:90%;text-align:center;color:#fff;box-shadow:0 0 60px #e9456073}#auth-box h1{font-size:20px;color:#f5c518;margin-bottom:10px;letter-spacing:1px}#auth-box p{font-size:13px;color:#ccc;margin-bottom:18px}#auth-form{display:flex;flex-direction:column;gap:10px}#auth-input{background:#0f3460;border:2px solid #e94560;border-radius:3px;color:#fff;padding:10px 12px;font-family:Courier New,monospace;font-size:14px;outline:none;text-align:center;letter-spacing:2px}#auth-input:focus{border-color:#ffe066}#auth-form button{background:#e94560;border:none;border-radius:3px;color:#fff;padding:10px 22px;font-family:Courier New,monospace;font-size:14px;cursor:pointer;letter-spacing:1px}#auth-form button:hover{background:#c73652}#auth-error{margin-top:12px;color:#ff7090;font-size:12px}#auth-error.hidden{display:none}@keyframes auth-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}#auth-box.shake{animation:auth-shake .35s ease-in-out}