*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:Courier New,monospace}canvas{width:100%;height:100%;display:block}#loading-screen{position:fixed;inset:0;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;transition:opacity .4s}#loading-screen.hidden{opacity:0;pointer-events:none}#loading-screen span{color:#0f0;font-size:28px;letter-spacing:4px}#loading-screen .sub{color:#0a0;font-size:16px;margin-top:12px}#hud{position:fixed;bottom:0;left:0;right:0;height:140px;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);display:none;z-index:10;padding:15px 30px}#hud.visible{display:flex;align-items:center;gap:30px}.stat-bar{height:28px;border:2px solid #555;border-radius:4px;overflow:hidden;position:relative;min-width:220px}.stat-fill{height:100%;transition:width .3s}.stat-label{color:#fff;font-size:16px;position:absolute;top:2px;left:6px;line-height:24px;text-shadow:2px 2px 2px #000}#hp-fill{background:linear-gradient(90deg,#a00,#f44)}#energy-fill{background:linear-gradient(90deg,#a80,#ff4)}#xp-fill{background:linear-gradient(90deg,#04a,#48f)}.hud-text{color:#0f0;font-size:18px;white-space:nowrap;text-shadow:2px 2px 4px #000}#intro{position:fixed;inset:0;background:#000;z-index:100;display:none;flex-direction:column;align-items:center;justify-content:center}#intro.visible{display:flex}#intro h1{color:#0f0;font-size:48px;margin-bottom:0;text-shadow:0 0 20px #0f0}#combat-screen{position:fixed;inset:0;background:#000000f2;z-index:50;display:none;flex-direction:column;align-items:center;justify-content:center}#combat-screen.visible{display:flex}#combat-screen h2{color:#f44;font-size:28px;margin-bottom:20px;text-shadow:0 0 10px #f00}#combat-log{color:#aaa;font-size:13px;max-width:500px;text-align:center;line-height:1.8;margin-bottom:20px}#combat-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}#combat-actions button{background:#222;color:#0f0;border:1px solid #0f0;padding:8px 20px;font-family:Courier New,monospace;font-size:14px;cursor:pointer;border-radius:2px}#combat-actions button:hover{background:#0f0;color:#000}#inventory-screen{position:fixed;inset:0;background:#000000f2;z-index:50;display:none;flex-direction:column;align-items:center;padding:40px 20px}#inventory-screen.visible{display:flex}#inventory-screen h2{color:#ff4;font-size:36px;margin-bottom:30px;text-shadow:0 0 10px #ff0}#inventory-grid{display:grid;grid-template-columns:repeat(4,180px);gap:15px}.inv-slot{border:2px solid #555;padding:15px;text-align:center;background:#111;min-height:80px;display:flex;flex-direction:column;justify-content:center;border-radius:4px}.inv-slot .name{color:#0f0;font-size:16px}.inv-slot .desc{color:#888;font-size:14px;margin-top:6px}#game-over{position:fixed;inset:0;background:#000;z-index:200;display:none;flex-direction:column;align-items:center;justify-content:center}#game-over.visible{display:flex}#game-over h1{font-size:48px;margin-bottom:20px;text-shadow:0 0 20px #f00;color:#f44}#game-over p{color:#fff!important;font-size:20px;margin-bottom:30px;max-width:600px;text-align:center;line-height:1.6;text-shadow:1px 1px 3px #000}#game-over button{background:#1a1a1a;color:#0f0;border:2px solid #0f0;padding:15px 50px;font-family:Courier New,monospace;font-size:22px;font-weight:700;cursor:pointer;border-radius:6px;text-transform:uppercase;letter-spacing:2px}#game-over button:hover{background:#0f0;color:#000;box-shadow:0 0 20px #0f0}#debug-panel{position:fixed;top:0;right:0;width:320px;height:100%;background:#000000f2;border-left:2px solid #0f0;z-index:60;display:none;overflow-y:auto;padding:15px;font-family:Courier New,monospace}#debug-panel.visible{display:block}.debug-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #0f0;padding-bottom:10px;margin-bottom:15px}.debug-header h3{color:#0f0;font-size:22px}.debug-close{background:none;border:2px solid #f44;color:#f44;padding:4px 12px;cursor:pointer;font-family:Courier New,monospace;font-size:18px;border-radius:3px}.debug-close:hover{background:#f44;color:#000}.debug-section{border:1px solid #333;margin-bottom:12px;padding:10px;border-radius:4px}.debug-section h4{color:#ff4;font-size:16px;margin-bottom:8px;text-transform:uppercase}.debug-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.debug-row label{color:#aaa;font-size:14px;min-width:60px}.debug-row input{width:70px;background:#111;border:1px solid #555;color:#0f0;padding:4px 6px;font-family:Courier New,monospace;font-size:14px;border-radius:3px}.debug-row button{background:#1a1a1a;color:#0f0;border:1px solid #0a0;padding:4px 12px;cursor:pointer;font-family:Courier New,monospace;font-size:14px;border-radius:3px}.debug-row button:hover{background:#0f0;color:#000}.debug-btns{display:flex;flex-wrap:wrap;gap:6px}.debug-btns button{background:#1a1a1a;color:#0f0;border:1px solid #0a0;padding:6px 10px;cursor:pointer;font-family:Courier New,monospace;font-size:13px;flex:1;min-width:100px;text-align:center;border-radius:3px}.debug-btns button:hover,.debug-btns button.active{background:#0f0;color:#000}#floating-texts{position:fixed;inset:0;pointer-events:none;z-index:55}.floating-text{position:absolute;color:#0f0;font-size:22px;font-weight:700;font-family:Courier New,monospace;text-shadow:2px 2px 4px #000;pointer-events:none;animation:floatUp 2.5s ease-out forwards}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-60px)}}