@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Share+Tech+Mono&display=swap";:root{--nin-black:#0a0a0a;--nin-dark:#141414;--nin-grey:#2a2a2a;--nin-mid:#555;--nin-light:#999;--nin-red:#c00;--nin-hot:#f20;--nin-blood:#8b0000;--nin-rust:#930;--nin-white:#d4d4d4;--nin-bone:#b0a090}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--nin-black);-webkit-user-select:none;user-select:none;width:100%;height:100%;font-family:Share Tech Mono,Courier New,monospace;overflow:hidden}#gameCanvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}#touchControls{pointer-events:none;z-index:10;height:200px;display:none;position:fixed;bottom:0;left:0;right:0}#joystickArea{pointer-events:auto;touch-action:none;width:160px;height:160px;position:absolute;bottom:10px;left:10px}#joystickBase{background:#cc000014;border:2px solid #cc00004d;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative;box-shadow:0 0 15px #cc00001a,inset 0 0 20px #00000080}#joystickKnob{background:#cc000040;border:2px solid #c009;border-radius:50%;width:55px;height:55px;transition:none;position:absolute;box-shadow:0 0 10px #cc00004d}#fireButton{width:110px;height:110px;color:var(--nin-red);pointer-events:auto;touch-action:none;letter-spacing:3px;text-transform:uppercase;background:#8b000033;border:3px solid #cc000080;border-radius:50%;justify-content:center;align-items:center;font-family:Share Tech Mono,Courier New,monospace;font-size:16px;font-weight:700;display:flex;position:absolute;bottom:15px;right:15px;box-shadow:0 0 20px #cc000026,inset 0 0 15px #0006}#fireButton:active{border-color:var(--nin-hot);background:#c006;box-shadow:0 0 30px #f206}#muteBtn{z-index:20;color:var(--nin-light);cursor:pointer;opacity:.5;background:#14141499;border:1px solid #cc00004d;border-radius:2px;padding:4px 8px;font-size:20px;transition:opacity .2s,border-color .2s;position:fixed;top:10px;right:60px}#muteBtn:hover{opacity:1;border-color:var(--nin-red)}#portraitWarning{z-index:100;background:var(--nin-black);color:var(--nin-red);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;font-family:Share Tech Mono,Courier New,monospace;display:none;position:fixed;inset:0}#portraitWarning .rotate-icon{filter:grayscale(.5);font-size:60px;animation:2s ease-in-out infinite rotateHint}#portraitWarning p{color:var(--nin-mid);letter-spacing:2px;text-transform:uppercase;max-width:280px;font-size:18px}@keyframes rotateHint{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}#touchActions{z-index:10;pointer-events:none;flex-direction:column;gap:10px;display:none;position:fixed;bottom:140px;right:15px}.touch-action-btn{pointer-events:auto;touch-action:none;letter-spacing:1px;-webkit-tap-highlight-color:transparent;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-family:Share Tech Mono,Courier New,monospace;font-size:11px;font-weight:700;display:flex}#shieldBtn{color:var(--nin-light);background:#64646426;border:2px solid #96969666;box-shadow:inset 0 0 10px #0006}#shieldBtn:active{border-color:var(--nin-white);background:#9696964d}#bombBtn{color:var(--nin-red);background:#cc000026;border:2px solid #c006;box-shadow:inset 0 0 10px #0006}#bombBtn:active{border-color:var(--nin-hot);background:#c006}body.touch-device #touchControls{display:block}body.touch-device #touchActions{display:flex}body.touch-device #gameCanvas{cursor:none}body.touch-device #muteBtn{top:auto;bottom:180px;right:20px}body.touch-portrait #portraitWarning{display:flex}body.touch-portrait #gameCanvas,body.touch-portrait #touchControls,body.touch-portrait #touchActions,body.touch-portrait #muteBtn{display:none!important}