*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#1a1a2e;font-family:Courier New,monospace;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#game-header{text-align:center;padding:12px 0 4px;position:relative}#game-header h1{color:#d4a84b;font-size:20px;letter-spacing:4px}#game-header p{color:#ddd;font-size:11px;margin-top:2px}#header-buttons-left{position:absolute;top:8px;left:12px;display:none;align-items:center;gap:8px}#header-buttons-right{position:absolute;top:8px;right:12px;display:flex;align-items:center;gap:8px}.desktop-only{display:flex}@media(max-width:768px),(pointer:coarse){#header-buttons-left{display:flex}.desktop-only{display:none!important}}#helpBtn,#soundBtn,#soundBtn2{width:28px;height:28px;background:none;border:2px solid #7a7a8a;color:#9a9aaa;font-family:inherit;font-size:16px;font-weight:700;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}#helpBtn:hover,#soundBtn:hover,#soundBtn2:hover{background:#5a5a6a;color:#eee}#soundBtn,#soundBtn2{font-size:13px}#soundBtn.muted,#soundBtn2.muted{opacity:.4}#coffeeBtn,#coffeeBtn2{width:28px;height:28px;background:none;border:2px solid #7a7a8a;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:14px;color:#d4a84b}#coffeeBtn:hover,#coffeeBtn2:hover{background:#5a5a6a}#gameCanvas{display:block;margin:0 auto;image-rendering:pixelated;image-rendering:crisp-edges}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:10}#ui-overlay.active{pointer-events:all;background:#000000b3}#ui-overlay.active~#dpad,#ui-overlay.active~#attackBtn,#ui-overlay.active~#dodgeBtn{opacity:0;pointer-events:none}.menu-box{display:none;background:#1a1a28;border:3px solid #5a5a6a;padding:24px 30px;text-align:center;color:#eee;max-width:90vw;border-radius:4px;box-shadow:0 0 20px #00000080,inset 0 1px #ffffff0d}.menu-box h1{color:#d4a84b;font-size:28px;margin-bottom:6px}.menu-box h2{color:#d4a84b;font-size:22px;margin-bottom:6px}.menu-box p{margin:4px 0;font-size:16px;line-height:1.4}.btn{display:inline-block;margin:10px 5px;padding:12px 28px;background:#6a5a3a;color:#f0e8d8;border:1px solid #8a7a5a;font-size:16px;cursor:pointer;border-radius:3px;font-family:inherit}.btn:hover{background:#8a7a5a;color:#fff}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;text-align:left}.stats-grid span{font-size:13px}.stats-grid .label{color:#888}#shareText{background:#111;padding:10px;margin:10px 0;font-size:12px;text-align:left;color:#ccc;white-space:pre-wrap;border-radius:3px}#dpad{display:none;position:absolute;bottom:20px;left:30px;z-index:20;width:180px;height:180px}.dpad-btn{position:absolute;width:56px;height:56px;background:#5a5a6a66;border:2px solid rgba(120,120,140,.5);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#ffffffb3}.dpad-btn:active{background:#6a5a3ab3}.dpad-up{top:0;left:62px}.dpad-down{bottom:0;left:62px}.dpad-left{top:62px;left:0}.dpad-right{top:62px;right:0}#attackBtn{display:none;position:absolute;bottom:40px;right:40px;z-index:20;width:70px;height:70px;border-radius:50%;background:#6a5a3a80;border:2px solid rgba(138,122,90,.6);font-size:14px;color:#f0e8d8e6;font-family:inherit}#attackBtn:active{background:#8a7a5acc}#dodgeBtn{display:none;position:absolute;bottom:120px;right:40px;z-index:20;width:56px;height:56px;border-radius:50%;background:#5a5a6a66;border:2px solid rgba(120,120,140,.5);font-size:11px;color:#f0e8d8cc;font-family:inherit}#dodgeBtn:active{background:#6a5a3ab3}.help-section{margin:14px 0;text-align:left}.help-section h3{color:#d4a84b;font-size:12px;margin-bottom:4px;letter-spacing:2px}.help-section p{font-size:13px;margin:4px 0}.key{display:inline-block;background:#0f3460;padding:1px 6px;border-radius:3px;font-size:12px;margin:0 2px;color:#ccc}.enemy-list{font-size:13px}.enemy-list>div{margin:4px 0;display:flex;align-items:center;gap:6px}.enemy-dot{display:inline-block;width:10px;height:10px;border-radius:50%}.help-footer{border-top:1px solid #3a3a4a;padding-top:12px;margin-top:16px;text-align:center}.help-footer p{font-size:11px;color:#888}.help-footer a{color:#4fc3f7;text-decoration:none}.help-footer a:hover{text-decoration:underline}#helpMenu{max-width:340px}.bmc-link{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;padding:10px 24px;color:#b8a878;font-size:14px;text-decoration:none;border:1px solid #5a5a4a;border-radius:3px;width:100%}.bmc-link:hover{color:#eee;border-color:#8a7a5a;background:#6a5a3a33}.bmc-link img{display:block}.controls-row{display:flex;justify-content:center;gap:24px}.control-item{display:flex;flex-direction:column;align-items:center;gap:4px}.control-label{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:1px}.control-keys{background:#0f3460;padding:4px 12px;border-radius:4px;font-size:13px;color:#ccc;border:1px solid #1a4a7a}.start-section{border-top:1px solid #3a3a4a;padding-top:10px;margin-top:10px}.community-stats-row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.community-stat{display:flex;flex-direction:column;align-items:center;font-size:16px;color:#fff;min-width:36px;text-align:center}.community-stat-icon{font-size:18px;margin-bottom:2px;display:block;width:100%;text-align:center;line-height:1}.stat-value.loading{display:inline-block;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.controls-mobile{display:none}@media(max-width:768px),(pointer:coarse){.controls-desktop{display:none!important}.controls-mobile{display:flex!important}}