*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:Courier New,monospace}#game-canvas{width:100%;height:100%;display:block;image-rendering:pixelated}#hud{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffffb3;font-size:24px;display:none}#settings-menu{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000d9;pointer-events:auto;z-index:100}#settings-menu.hidden{display:none}#settings-menu h2{color:#f44;font-size:36px;text-shadow:0 0 15px rgba(255,68,68,.5);margin-bottom:30px;letter-spacing:3px}.settings-group{margin-bottom:20px;width:300px}.settings-group label{display:block;color:#ccc;font-size:14px;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.slider-row{display:flex;align-items:center;gap:12px}.slider-row input[type=range]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:#333;border-radius:3px;outline:none;cursor:pointer}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#f44;border-radius:50%;cursor:pointer}.slider-row input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#f44;border-radius:50%;border:none;cursor:pointer}.slider-row span{color:#fff;font-size:14px;min-width:35px;text-align:right}#settings-resume{margin-top:25px;padding:10px 30px;background:#f44;color:#fff;border:none;font-family:inherit;font-size:16px;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:background .2s}#settings-resume:hover{background:#c22}.settings-hint{color:#666;font-size:12px;margin-top:12px}#start-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000e6;pointer-events:auto}#start-screen h1{color:#f44;font-size:48px;text-shadow:0 0 20px rgba(255,68,68,.5);margin-bottom:10px;letter-spacing:4px}#start-screen .subtitle{color:#aaa;font-size:16px;margin-bottom:30px}#class-select{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;max-width:700px}.class-card{width:150px;padding:16px;background:#1e1e28e6;border:2px solid #444;border-radius:8px;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s;text-align:center}.class-card:hover{border-color:#f44;transform:translateY(-4px);box-shadow:0 4px 20px #ff44444d}.class-card .class-icon{width:48px;height:48px;margin:0 auto 10px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}.class-card .class-name{color:#fff;font-size:16px;font-weight:700;margin-bottom:6px}.class-card .class-desc{color:#aaa;font-size:11px;line-height:1.3;margin-bottom:8px}.class-card .class-passive{color:#fc4;font-size:10px;font-style:italic;line-height:1.3}#start-screen p{color:#aaa;font-size:18px;animation:blink 1.5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}#hp-bar-container{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;pointer-events:none}#hp-bar-bg{width:250px;height:18px;background:#222;border:2px solid #555}#hp-bar-fill{height:100%;width:100%;background:#4f4;transition:width .15s ease}#hp-text{color:#fff;font-size:14px;text-shadow:1px 1px 2px #000}#gold-display{position:fixed;bottom:60px;left:50%;transform:translate(-50%);color:#fc0;font-size:16px;font-weight:700;text-shadow:1px 1px 3px #000;pointer-events:none}#shop-hint{position:fixed;bottom:120px;left:50%;transform:translate(-50%);color:#4fa;font-size:16px;background:#000000b3;padding:8px 16px;border:1px solid #44ffaa;pointer-events:none}#shop-hint.hidden{display:none}#damage-flash{position:fixed;top:0;left:0;width:100%;height:100%;background:#ff000080;opacity:0;pointer-events:none;transition:opacity .1s ease}#room-cleared{position:fixed;top:30%;left:50%;transform:translate(-50%);color:#4f4;font-size:28px;text-shadow:0 0 10px rgba(68,255,68,.7);letter-spacing:4px;pointer-events:none}#room-cleared.hidden{display:none}#floor-indicator{position:fixed;top:10px;left:50%;transform:translate(-50%);color:#4af;font-size:14px;letter-spacing:2px;text-shadow:1px 1px 3px #000;pointer-events:none;opacity:.6;transition:opacity .5s}#item-list{position:fixed;top:20px;left:20px;display:flex;flex-wrap:wrap;gap:6px;max-width:240px;pointer-events:auto}#consumable-bar{position:fixed;bottom:88px;left:50%;transform:translate(-50%);color:#fb5;font-size:13px;letter-spacing:1px;text-shadow:1px 1px 2px #000;pointer-events:none;min-height:16px}.item-icon{width:28px;height:28px;border:2px solid #888;cursor:help;image-rendering:pixelated;transform:rotate(45deg)}.item-icon.rarity-common{border-color:#ccc}.item-icon.rarity-uncommon{border-color:#4f4}.item-icon.rarity-rare{border-color:#48f;box-shadow:0 0 8px #48f}.item-icon.rarity-legendary{border-color:#f80;box-shadow:0 0 12px #f80}#item-tooltip{position:fixed;z-index:200;background:#0a0810f2;border:1px solid #555;padding:8px 12px;pointer-events:none;min-width:160px;max-width:240px}#item-tooltip.hidden{display:none}.tooltip-name{font-size:14px;font-weight:700;margin-bottom:4px}.tooltip-desc{font-size:11px;color:#aaa;margin-bottom:4px;line-height:1.3}.tooltip-rarity{font-size:10px;text-transform:uppercase;letter-spacing:1px}.tooltip-rarity.rarity-common{color:#ccc}.tooltip-rarity.rarity-uncommon{color:#4f4}.tooltip-rarity.rarity-rare{color:#48f}.tooltip-rarity.rarity-legendary{color:#f80}#item-pickup{position:fixed;top:80px;left:50%;transform:translate(-50%);background:#000000d9;border:2px solid #888;padding:12px 20px;text-align:center;font-family:Courier New,monospace;pointer-events:none;min-width:280px;animation:pickupSlideIn .3s ease-out}#item-pickup.hidden{display:none}.item-pickup-name{font-size:20px;font-weight:700;margin-bottom:4px;text-shadow:1px 1px 2px #000}.item-pickup-desc{color:#ddd;font-size:13px;margin-bottom:6px}.item-pickup-rarity{font-size:11px;letter-spacing:2px}.rarity-common{color:#ccc}.rarity-uncommon{color:#4f4}.rarity-rare{color:#48f}.rarity-legendary{color:#f80}@keyframes pickupSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}#debug-menu{position:fixed;top:0;right:0;width:380px;height:100vh;background:#0f0f19f2;border-left:2px solid #555;color:#ddd;font-family:Courier New,monospace;font-size:12px;overflow-y:auto;z-index:1000;pointer-events:auto;padding:0}#debug-menu.hidden{display:none}.dbg-header{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#1a1a2e;border-bottom:2px solid #555}.dbg-header h2{margin:0;font-size:16px;color:#f80;letter-spacing:2px}.dbg-hint{color:#888;font-size:10px}.dbg-section{padding:10px 12px;border-bottom:1px solid #333}.dbg-section h3{margin:0 0 8px;font-size:12px;color:#4af;letter-spacing:1px}.dbg-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:4px}#debug-menu button{background:#333;color:#ddd;border:1px solid #555;padding:4px 8px;cursor:pointer;font-family:inherit;font-size:11px}#debug-menu button:hover{background:#444;border-color:#888}#debug-menu input[type=number]{background:#222;color:#fff;border:1px solid #555;padding:2px 4px;font-family:inherit;font-size:11px}#debug-menu label{display:flex;align-items:center;gap:4px;font-size:11px}.dbg-items-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;max-height:300px;overflow-y:auto}.dbg-item-btn{display:flex!important;flex-direction:column;align-items:flex-start!important;text-align:left;padding:6px 8px!important}.dbg-item-name{font-weight:700;font-size:11px}.dbg-item-rarity{font-size:9px;letter-spacing:1px;text-transform:uppercase}