*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}html,body{width:100%;height:100%;overflow:hidden;background-color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#canvas-container{width:100%;height:100%;display:block}#crosshair{position:fixed;top:50%;left:50%;width:10px;height:10px;transform:translate(-50%,-50%);pointer-events:none;z-index:10}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#ffffffd9;box-shadow:0 0 2px #000c}#crosshair:before{top:4px;left:0;width:10px;height:2px}#crosshair:after{top:0;left:4px;width:2px;height:10px}#hud{position:fixed;top:20px;left:20px;color:#f0f0f0;background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px 18px;border-radius:8px;border:1px solid rgba(255,255,255,.15);pointer-events:none;z-index:20;display:flex;flex-direction:column;gap:6px;font-size:13px;box-shadow:0 4px 16px #0000004d}.hud-item.title{font-weight:600;font-size:14px;color:#38bdf8}.hud-item.hint{color:#94a3b8;font-size:12px}#blocker{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0a0f1dd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:100;transition:opacity .25s ease}#instructions{width:90%;max-width:440px;text-align:center;color:#fff;background:#1e293bf2;padding:32px 28px;border-radius:12px;box-shadow:0 16px 36px #00000080;border:1px solid rgba(255,255,255,.15)}#instructions h1{font-size:22px;margin-bottom:16px;color:#38bdf8}#instructions p{font-size:14px;line-height:1.8;color:#cbd5e1;margin-bottom:24px;text-align:left;background:#0f172a99;padding:14px 18px;border-radius:8px}#instructions strong{color:#f8fafc}#start-btn{background:#0284c7;color:#fff;border:none;padding:12px 20px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:background .2s,transform .1s}#start-btn:hover{background:#0369a1;transform:translateY(-1px)}#start-btn:active{transform:translateY(0)}#overview-btn-modal{background:#059669;color:#fff;border:none;padding:12px 20px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:background .2s,transform .1s}#overview-btn-modal:hover{background:#047857;transform:translateY(-1px)}#overview-btn-modal:active{transform:translateY(0)}#hud-actions{position:fixed;top:20px;right:20px;display:flex;gap:8px;z-index:50;pointer-events:auto}.action-btn{background:#0f172ae0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e2e8f0;border:1px solid rgba(56,189,248,.4);padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;box-shadow:0 4px 12px #0006;transition:all .2s ease;-webkit-user-select:none;user-select:none}.action-btn:hover{background:#0e7490f2;border-color:#38bdf8;color:#fff;transform:translateY(-1px);box-shadow:0 6px 16px #38bdf859}.action-btn.active{background:#059669;border-color:#34d399;color:#fff}