*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}html,body{width:100%;height:100%;overflow:hidden;background-color:#f6cf96;font-family:Courier New,Courier,monospace}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#traceCanvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}#hud{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:24px}.boss-container{display:flex;flex-direction:column;align-items:center;margin:0 auto;width:520px;max-width:90vw}.boss-title{color:#fffaea;font-size:15px;font-weight:700;letter-spacing:3px;text-shadow:2px 2px 0px #000,-1px -1px 0px #000,0 0 10px #ff3b5c;margin-bottom:6px;text-transform:uppercase}.boss-bar-frame{width:100%;height:16px;background:#140a0fd9;border:2px solid #ffbe42;border-radius:2px;padding:2px;box-shadow:0 4px 15px #0009,inset 0 0 8px #000c;position:relative}.boss-bar-fill{width:100%;height:100%;background:linear-gradient(90deg,#ff2a4b,#ff7e38,#ffd042);transition:width .15s ease-out;box-shadow:0 0 8px #ff4b4b}.boss-bar-hit{position:absolute;top:2px;left:2px;height:calc(100% - 4px);background:#fff;opacity:0;pointer-events:none;transition:opacity .2s}.top-controls{position:absolute;top:20px;right:20px;display:flex;gap:10px;pointer-events:auto}.hud-btn{background:#1e140fcc;border:2px solid #dfb072;color:#fffaea;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;letter-spacing:1px;text-transform:uppercase;transition:all .15s ease;box-shadow:0 2px 8px #0006}.hud-btn:hover{background:#dfb072;color:#1a1005;box-shadow:0 0 12px #dfb072}.bottom-row{display:flex;justify-content:space-between;align-items:flex-end;width:100%}.player-vitals{display:flex;flex-direction:column;gap:6px;background:#19120cbf;border:2px solid #c89862;padding:12px 18px;box-shadow:0 4px 14px #00000080}.vital-label{color:#fffaea;font-size:11px;font-weight:700;letter-spacing:1px;text-shadow:1px 1px 0 #000}.player-bar-frame{width:220px;height:12px;background:#0a0505e6;border:1px solid #7c5832;padding:1px}.player-hp-fill{width:100%;height:100%;background:linear-gradient(90deg,#38c764,#73ff9e);transition:width .12s ease-out}.controls-guide{background:#19120cb3;border:1px solid #c89862;padding:8px 16px;color:#fffaea;font-size:12px;letter-spacing:1px;text-shadow:1px 1px 0 #000}.key-badge{color:#ffd042;font-weight:700}#click-prompt{position:absolute;top:0;left:0;width:100%;height:100%;background:#0f0a08a6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;cursor:pointer;transition:opacity .3s ease}#click-prompt.hidden{opacity:0;pointer-events:none}.prompt-card{background:#19120cf2;border:3px solid #dfb072;padding:32px 48px;text-align:center;box-shadow:0 0 30px #000c,inset 0 0 15px #dfb07233}.prompt-title{color:#ffd042;font-size:26px;font-weight:700;letter-spacing:4px;margin-bottom:12px;text-shadow:2px 2px 0 #000,0 0 12px #ffd042}.prompt-desc{color:#fed;font-size:14px;line-height:1.6;margin-bottom:24px}.prompt-action{color:#fff;background:#d68f3a;padding:10px 24px;display:inline-block;font-weight:700;letter-spacing:2px;border:2px solid #fffaea;box-shadow:0 0 15px #d68f3a;animation:pulseButton 1.5s infinite}@keyframes pulseButton{0%{transform:scale(1);box-shadow:0 0 10px #d68f3a}50%{transform:scale(1.05);box-shadow:0 0 20px #ffd042}to{transform:scale(1);box-shadow:0 0 10px #d68f3a}}#game-modal{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0508d9;display:none;flex-direction:column;align-items:center;justify-content:center;z-index:20}#game-modal.active{display:flex}.modal-title{font-size:36px;letter-spacing:4px;margin-bottom:16px;text-shadow:3px 3px 0 #000}.modal-title.victory{color:#ffd042;text-shadow:0 0 20px #ffd042,2px 2px 0 #000}.modal-title.defeat{color:#ff3b5c;text-shadow:0 0 20px #ff3b5c,2px 2px 0 #000}