body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;font-family:Arial,sans-serif;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation;-webkit-touch-callout:none}#game-container{position:absolute;top:0;left:0;width:100%;height:100%}.interaction-tooltip{position:absolute;left:50%;bottom:18%;transform:translate(-50%);padding:8px 12px;background:#000000a6;color:#fff;font-size:12px;letter-spacing:1px;text-transform:uppercase;pointer-events:none;border-radius:4px;opacity:0;transition:opacity .2s ease;white-space:nowrap;z-index:900}.interaction-tooltip.visible{opacity:1}.instructions{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000b3;padding:20px;border-radius:8px;font-size:18px;color:#fff;z-index:100;max-width:400px;text-align:center}.crosshair{position:fixed;top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%);pointer-events:none;z-index:1000;display:none}.crosshair:before,.crosshair:after{content:"";position:absolute;background-color:#fff}.crosshair:before{top:9px;left:0;width:20px;height:2px}.crosshair:after{top:0;left:9px;width:2px;height:20px}#joystick-container{position:fixed;bottom:20px;right:20px;width:150px;height:150px;z-index:1000;display:none;touch-action:none;background-color:#fff3;border-radius:50%}#jump-button{position:fixed;bottom:190px;right:20px;width:80px;height:80px;background-color:#ffffff80;border-radius:50%;display:none;z-index:1000;touch-action:none;text-align:center;line-height:80px;font-weight:700;color:#333;-webkit-user-select:none;user-select:none}#action-buttons{position:fixed;bottom:20px;left:20px;display:flex;flex-direction:column;gap:10px;z-index:1000}.action-button{width:60px;height:60px;background-color:#ffffff80;border:none;border-radius:8px;font-weight:700;color:#333;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:pointer}.mobile-only{display:none}#camera-controls{position:fixed;bottom:10px;right:10px;background-color:#0000004d;color:#fff;padding:5px;border-radius:5px;font-size:12px;z-index:100}.player-name{position:absolute;font-size:14px;color:#fff;background-color:#00000080;padding:2px 6px;border-radius:8px;pointer-events:none;white-space:nowrap;transform:translate(-50%,-100%);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.chat-message{position:absolute;font-size:14px;color:#fff;background-color:#0009;padding:4px 8px;border-radius:8px;pointer-events:none;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis;transform:translate(-50%,-100%);margin-top:-25px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}#chat-input-container{position:fixed;bottom:10px;left:50%;transform:translate(-50%);width:80%;max-width:500px;background-color:#000000b3;border-radius:8px;padding:10px;display:none;z-index:2000}#chat-input{width:100%;padding:8px;border-radius:4px;border:none;background-color:#ffffffe6;color:#333;font-size:16px}#chat-button{position:fixed;bottom:50px;right:50px;background-color:#ffffff80;border-radius:50%;width:60px;height:60px;text-align:center;line-height:60px;font-weight:700;color:#333;z-index:1000;touch-action:none;cursor:pointer}#close-chat{position:absolute;top:10px;right:10px;width:20px;height:20px;background-color:#ffffffb3;border-radius:50%;text-align:center;line-height:20px;font-weight:700;color:#333;cursor:pointer}#health-bar{position:absolute;top:10px;left:10px;width:150px;height:20px;background:#555;border:2px solid #000;z-index:1000}#health-fill{height:100%;background:#0f0;width:100%}#ammo-display{position:absolute;top:40px;left:10px;display:flex;align-items:center;gap:6px;padding:6px 10px;background:#0009;border:2px solid #000;border-radius:6px;color:#fff;font-family:"Press Start 2P",sans-serif;font-size:12px;z-index:1000;transition:opacity .2s ease,transform .2s ease}#ammo-icon{font-size:16px}#ammo-display.inactive{opacity:.4;transform:scale(.95)}#ammo-display.empty{color:#ff9b9b}#voice-button.active{background-color:#ff000080}#chat-ui{position:absolute;bottom:10px;left:10px;display:flex;gap:8px;background:#00000080;padding:8px;border-radius:6px;z-index:10}#chat-ui input,#chat-ui button{font-size:14px;padding:6px}.audio-indicator{position:absolute;width:30px;height:30px;background-color:#00ff0080;border-radius:50%;pointer-events:none;transform:translate(-50%,-150%);opacity:0;transition:opacity .2s}.mobile-btn{position:absolute;bottom:80px;right:20px;z-index:10;padding:12px 20px;font-size:16px;background-color:#ff4e4e;color:#fff;border:none;border-radius:10px;opacity:.8}#settings-button{position:fixed;top:10px;right:10px;font-size:24px;cursor:pointer;z-index:1000}#settings-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;display:none;justify-content:center;align-items:center;z-index:999}#settings-panel{background:#fff;padding:20px;border-radius:8px;text-align:center}#settings-panel input,#settings-panel select{margin-top:8px;margin-bottom:12px;padding:4px;width:200px}#settings-tabs{display:flex;gap:0;margin-bottom:12px;border-bottom:2px solid #ddd}.tab-btn{flex:1;padding:8px 0;background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;font-size:13px;font-weight:700;cursor:pointer;color:#666;transition:color .2s,border-color .2s}.tab-btn.active{color:#333;border-bottom-color:#39f}.tab-content{min-height:80px}#leaderboard-list{font-size:13px;text-align:left;max-height:200px;overflow-y:auto}#leaderboard-list table{width:100%;border-collapse:collapse}#leaderboard-list th,#leaderboard-list td{padding:4px 8px;border-bottom:1px solid #eee}#leaderboard-list th{font-weight:700;background:#f5f5f5}@media (pointer: coarse){#action-buttons{bottom:16px;left:16px;gap:6px}#action-buttons .action-button{width:52px;height:52px;font-size:14px}#action-buttons .mobile-action{display:none}#action-buttons.mobile-expanded .mobile-action{display:flex}#mobile-action-toggle{display:flex;font-size:24px;padding-bottom:4px}#mobile-action-toggle[aria-expanded=true]{background-color:#ffffffb3}.mobile-only{display:flex}#joystick-container{width:120px;height:120px;bottom:16px;right:16px}#jump-button{width:70px;height:70px;line-height:70px;font-size:14px;bottom:140px;right:16px}.interaction-tooltip.visible{pointer-events:auto;cursor:pointer}}@media (pointer: coarse) and (max-width: 768px),(pointer: coarse) and (max-height: 768px){#joystick-container,#jump-button{display:block}.instructions{display:none!important}}@media (pointer: coarse) and (orientation: landscape){#joystick-container{left:20px;right:auto;bottom:20px}#jump-button{left:auto;right:20px;bottom:20px}#action-buttons{left:auto;right:120px;bottom:20px;flex-direction:column}}#game-over-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;flex-direction:column;justify-content:center;align-items:center;color:red;font-family:"Press Start 2P",monospace;text-align:center;z-index:2000}#game-over-message{font-size:48px;opacity:0;transition:opacity 1s}#continue-section{font-size:24px;margin-top:20px}.continue-option{margin:0 20px;cursor:pointer}.hidden{display:none!important}#win-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;flex-direction:column;justify-content:center;align-items:center;font-family:"Press Start 2P",monospace;text-align:center;z-index:2500}#win-overlay:not(.hidden){display:flex}#win-message{font-size:52px;font-weight:700;text-shadow:0 0 20px currentColor,0 4px 8px rgba(0,0,0,.8);animation:winPulse .6s ease-in-out infinite alternate}@keyframes winPulse{0%{transform:scale(1)}to{transform:scale(1.06)}}#play-again-btn{margin-top:48px;padding:18px 48px;font-size:24px;font-family:"Press Start 2P",monospace;background:#fff;color:#111;border:4px solid #fff;border-radius:12px;cursor:pointer;transition:transform .15s,background .15s}#play-again-btn:hover{transform:scale(1.08);background:#eee}.arcade-overlay:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);pointer-events:none;z-index:10001}.arcade-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0a0a2a,#000005);z-index:10000;font-family:"Press Start 2P",monospace;overflow-y:auto;padding:20px;box-sizing:border-box}.arcade-overlay:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 30% 60%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 50% 10%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 70% 80%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 90% 40%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 20% 90%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 80% 15%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 45% 55%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 60% 35%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 85% 70%,rgba(255,255,255,.4) 0%,transparent 100%);pointer-events:none;z-index:10000}.arcade-panel{position:relative;z-index:10002;background:#0d0d1a;border:4px solid #ffdd00;box-shadow:0 0 0 4px #000,0 0 0 8px #fd0,0 0 40px #ffdd004d,inset 0 0 30px #00001ecc;padding:32px 28px;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:18px;image-rendering:pixelated}.arcade-title{font-size:clamp(20px,5vw,32px);color:#fd0;text-align:center;text-shadow:3px 3px 0 #aa7700,0 0 20px rgba(255,221,0,.7),0 0 40px rgba(255,150,0,.4);line-height:1.4;letter-spacing:2px}.arcade-subtitle{font-size:clamp(10px,2.5vw,14px);color:#f44;text-align:center;text-shadow:2px 2px 0 #880000,0 0 15px rgba(255,50,50,.6);letter-spacing:3px}.arcade-insert-coin{font-size:clamp(8px,2vw,11px);color:#0fc;text-align:center;text-shadow:0 0 12px rgba(0,255,200,.8);letter-spacing:2px;animation:blink-fast 1s step-end infinite}.arcade-field{width:100%;display:flex;flex-direction:column;gap:6px}.arcade-label{font-size:8px;color:#aaf;letter-spacing:2px}.arcade-input{width:100%;background:#000018;border:3px solid #4444cc;color:#0f8;font-family:"Press Start 2P",monospace;font-size:clamp(9px,2vw,12px);padding:10px 12px;box-sizing:border-box;outline:none;caret-color:#0f8;transition:border-color .1s,box-shadow .1s;box-shadow:inset 0 0 10px #00006480}.arcade-input:focus{border-color:#0f8;box-shadow:0 0 10px #0f86,inset 0 0 10px #00006480}.arcade-input::placeholder{color:#232;opacity:1}.pin-row{position:relative;width:100%}.pin-real{position:absolute;opacity:0;pointer-events:all;width:100%;height:100%;top:0;left:0;z-index:2;cursor:text}.pin-display{background:#000018;border:3px solid #4444cc;color:#fd0;font-family:"Press Start 2P",monospace;font-size:clamp(14px,3.5vw,20px);padding:10px 12px;letter-spacing:8px;text-align:center;box-sizing:border-box;box-shadow:inset 0 0 10px #00006480;transition:border-color .1s;-webkit-user-select:none;user-select:none;min-height:48px;display:flex;align-items:center;justify-content:center}.pin-row:focus-within .pin-display{border-color:#fd0;box-shadow:0 0 10px #fd06,inset 0 0 10px #00006480}.arcade-error{font-size:8px;color:#f44;text-align:center;text-shadow:0 0 8px rgba(255,50,50,.6);letter-spacing:1px;line-height:1.6;padding:6px;border:2px solid #ff4444;background:#ff000014;width:100%;box-sizing:border-box;animation:shake .3s ease-in-out}.arcade-btn-row{display:flex;gap:12px;width:100%;justify-content:center;flex-wrap:wrap}.arcade-btn{font-family:"Press Start 2P",monospace;font-size:clamp(8px,2vw,11px);padding:12px 20px;border:3px solid;cursor:pointer;letter-spacing:1px;transition:transform .05s,box-shadow .05s;text-transform:uppercase;background:#000018;position:relative;flex:1;min-width:120px;max-width:200px}.arcade-btn:active{transform:translateY(3px);box-shadow:none!important}.arcade-btn:disabled{opacity:.5;cursor:not-allowed}.arcade-btn-yellow{color:#fd0;border-color:#fd0;box-shadow:3px 3px #a70,0 0 15px #ffdd004d}.arcade-btn-yellow:hover:not(:disabled){background:#ffdd001a;box-shadow:4px 4px #a70,0 0 20px #ffdd0080}.arcade-btn-green{color:#0f8;border-color:#0f8;box-shadow:3px 3px #074,0 0 15px #00ff884d}.arcade-btn-green:hover:not(:disabled){background:#00ff881a;box-shadow:4px 4px #074,0 0 20px #00ff8880}.arcade-btn-red{color:#f44;border-color:#f44;box-shadow:3px 3px #800,0 0 15px #ff32324d}.arcade-btn-red:hover:not(:disabled){background:#ff32321a;box-shadow:4px 4px #800,0 0 20px #ff323280}.arcade-btn-dim{color:#888;border-color:#555;box-shadow:2px 2px #333;font-size:clamp(7px,1.5vw,9px)}.arcade-btn-dim:hover:not(:disabled){color:#aaa;border-color:#888;box-shadow:3px 3px #555}.char-panel{max-width:460px;gap:24px}.char-carousel{display:flex;align-items:center;gap:12px;width:100%;justify-content:center}.char-arrow{font-family:"Press Start 2P",monospace;font-size:20px;background:#000018;border:3px solid #ffdd00;color:#fd0;padding:12px 16px;cursor:pointer;box-shadow:3px 3px #a70;transition:transform .05s;flex-shrink:0}.char-arrow:active{transform:translateY(3px);box-shadow:none}.char-arrow:hover{background:#ffdd001a}.char-display{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;background:#000018;border:3px solid #4444cc;padding:20px 10px;box-shadow:inset 0 0 20px #00005099;min-height:140px;justify-content:center}.char-emoji{font-size:64px;line-height:1;filter:drop-shadow(0 0 12px rgba(255,255,255,.4));animation:float 2s ease-in-out infinite}.char-name{font-size:clamp(10px,2.5vw,13px);color:#0fc;text-align:center;text-shadow:0 0 10px rgba(0,255,200,.6);letter-spacing:1px}.char-counter{font-size:8px;color:#558;letter-spacing:1px}@keyframes blink-fast{0%,to{opacity:1}50%{opacity:0}}@keyframes blink-slow{0%,80%,to{opacity:1}40%{opacity:.3}}.blink-slow{animation:blink-slow 2.5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media (max-width: 480px){.arcade-panel{padding:20px 16px;gap:14px}.arcade-btn{padding:10px 14px;min-width:100px}.char-emoji{font-size:48px}.char-arrow{padding:10px 12px;font-size:16px}}.dashboard-panel{gap:24px;min-width:320px}.dashboard-online-count{display:flex;align-items:center;justify-content:center;gap:10px;font-family:"Press Start 2P",monospace;font-size:12px;color:#7fff7f;letter-spacing:.1em}.dashboard-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#7fff7f;box-shadow:0 0 8px #7fff7f;animation:pulse-dot 1.4s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.dashboard-btn-group{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.dashboard-big-btn{width:100%;font-size:16px;padding:16px 24px;letter-spacing:.08em}.dashboard-btn-desc{font-family:"Press Start 2P",monospace;font-size:8px;color:#fff6;letter-spacing:.1em;margin-bottom:8px}