@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@600&display=swap";*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:Arial,sans-serif;background:#171923;color:#fff}#gameCanvas{image-rendering:pixelated;position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.camera-panel{position:fixed;top:16px;right:16px;z-index:10;max-width:250px;padding:0;background:transparent;border:none;box-shadow:none;overflow:visible}.camera-controls{display:flex;align-items:center;justify-content:space-between;gap:8px}h1{margin:0;font-size:16px}#toggleCamera{flex-shrink:0;padding:7px 10px;cursor:pointer;width:100%}#status,#action{margin:8px 0 0;font-size:13px;font-weight:400}.camera{position:relative;width:100%;aspect-ratio:4 / 3;margin:0;border:4px solid #b52d23;overflow:hidden;background:#171923;transform:scaleX(-1)}#webcam{display:block;width:100%;height:auto}#webcam:not([src]){min-height:120px}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}@media (max-width: 600px),(max-height: 500px){.camera-panel{width:min(260px,calc(100vw - 24px));padding:8px}h1{font-size:13px}}.camera-panel.battle-cam{right:auto;padding:0}.camera-panel.battle-cam .camera-controls,.camera-panel.battle-cam #status{display:none}.camera-panel.battle-cam .camera{border:3px solid #2b1d12;border-radius:8px;box-shadow:0 3px #00000059}.camera-panel.battle-cam:after{content:"";position:absolute;left:50%;bottom:-9px;transform:translate(-50%);border:9px solid transparent;border-top-color:#2b1d12;border-bottom:0}#instructions,#credits{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;width:80vw;height:80vh;margin:auto;object-fit:contain;pointer-events:none}#instructions[hidden],#credits[hidden]{display:none}#toggleCamera{width:100%;padding:12px 14px;cursor:pointer;font-family:Fredoka,Trebuchet MS,sans-serif;font-size:18px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#fff;text-shadow:0 2px 0 #600303;background:linear-gradient(#d20909,#b50404 55%,#950101);border:3px solid #a21111;border-radius:12px;box-shadow:inset 0 3px #ffffff8c,0 4px #630707;transition:transform .08s ease}#toggleCamera:hover{transform:scale(.96)}#toggleCamera:active{transform:translateY(3px) scale(.96);box-shadow:inset 0 3px #ffffff8c,0 1px #14518f}#toggleCamera:disabled{filter:grayscale(.4);opacity:.8;cursor:wait}