.main-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 { display:none; position: fixed; top: 120px; left: 20px; width: 220px; padding: 14px 14px 12px; background: rgba(0,0,0,0.65); border: 1px solid rgba(255,255,255,0.12); border-radius: 12px; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); box-shadow: 0 10px 30px rgba(0,0,0,0.35); z-index: 9999; }
#monitor p { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0; padding: 8px 10px; color: rgba(255,255,255,0.9); font-size: 13px; line-height: 1; border-radius: 10px; background: rgba(255,255,255,0.06); }
#monitor p + p { margin-top: 8px; }
#monitor p span { font-weight: 700; color: #fff; }
#monitor p:nth-child(1) span { color: #7dd3fc; }
#monitor p:nth-child(2) span { color: #fca5a5; }
#monitor p:nth-child(3) span { color: #fbbf24; }
#monitor a { display: flex; align-items: center; justify-content: center; height: 34px; margin-top: 10px; border-radius: 10px; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.14); color: #fff; text-decoration: none; font-size: 13px; font-weight: 700; transition: transform 0.08s ease, background 0.15s ease, border-color 0.15s ease; }
#monitor a:hover { background: rgba(255,255,255,0.16); border-color: rgba(255,255,255,0.2); transform: translateY(-1px); }
#monitor a:active { transform: translateY(0px) scale(0.99); }

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; }