header { --bg:rgba(0, 0, 0, 0.3); --color:#fff; }


main > .container { position:unset; }

#sub0301 { width:100%; height:100%; background: url('/img/sub0301bg.png') no-repeat; background-size:cover; background-position:center; } 

canvas { width:100%; height:100%; }

#minimap { position: absolute; top: 110px; right: 10px; width: 288px; height: 162px; background: rgba(50, 50, 50, 0.7); cursor: crosshair; display:none; }
#monitor { position: absolute; top: 280px; right: 10px; width: 288px; height: 120px; background: rgba(0, 0, 0, 0.7); color: #fff; font-size: 12px; padding: 10px; display:none; }
main.on #minimap { display: block; }
main.on #monitor { display: block; }


#bull { display:none; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); pointer-events: none; }
#button-start { position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:#ff6600; color:#fff; width:100px; height:50px; border-radius:5px; z-index:10; }