*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0b0e14;font-family:Avenir Next,Segoe UI,system-ui,sans-serif;color:#dfe7ef;-webkit-user-select:none;user-select:none}#app canvas{position:fixed;top:0;right:0;bottom:0;left:0;display:block}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100}#crosshair{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#ffffffd9;box-shadow:0 0 6px #78c8ffe6,0 0 1px #000;transition:transform .08s ease-out}#crosshair.pulse{transform:scale(1.9)}#tool-hint{position:absolute;left:50%;top:54%;transform:translate(-50%);font-size:13px;letter-spacing:.06em;color:#c8e1ffd9;text-shadow:0 1px 3px rgba(0,0,0,.8)}#toolbar{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;gap:8px}.tool-slot{min-width:92px;padding:8px 12px 7px;border-radius:8px;background:#0a101aa8;border:1px solid rgba(120,170,220,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;transition:all .12s ease}.tool-slot .key{display:block;font-size:10px;opacity:.55;letter-spacing:.14em}.tool-slot .name{display:block;font-size:13px;font-weight:600;letter-spacing:.08em;margin-top:2px}.tool-slot.active{background:#1e466ebf;border-color:var(--tool-color, #6cf);box-shadow:0 0 14px -2px var(--tool-color, #6cf);transform:translateY(-3px)}.tool-slot .sub{display:block;font-size:10px;margin-top:2px;color:var(--tool-color, #9fd4ff);opacity:0;height:0}.tool-slot.active .sub{opacity:.95;height:auto}#help-card{position:absolute;left:16px;top:16px;padding:14px 18px;border-radius:10px;background:#0a101ab8;border:1px solid rgba(120,170,220,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .4s ease}#help-card.hidden{opacity:0}#help-card h1{font-size:15px;letter-spacing:.22em;color:#8fd0ff;margin-bottom:8px}#help-card table{border-collapse:collapse;font-size:11.5px}#help-card td{padding:2px 0;opacity:.85}#help-card td:first-child{color:#ffd479;padding-right:14px;white-space:nowrap}#status-line{position:absolute;right:16px;bottom:18px;font-size:11.5px;letter-spacing:.08em;text-align:right;color:#bed7f0cc;text-shadow:0 1px 3px rgba(0,0,0,.8);white-space:pre-line}#lock-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#142238e0,#05080ef5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity .25s ease}#lock-overlay.hidden{opacity:0;pointer-events:none}#lock-overlay .panel{text-align:center}#lock-overlay h1{font-size:44px;letter-spacing:.3em;color:#eaf4ff;text-shadow:0 0 30px rgba(110,190,255,.55)}#lock-overlay p{margin:6px 0 26px;letter-spacing:.35em;font-size:13px;color:#7fa8cc;text-transform:uppercase}#play-btn{pointer-events:auto;cursor:pointer;font:600 15px/1 inherit;letter-spacing:.2em;color:#041018;background:linear-gradient(180deg,#9fdcff,#4da3e8);border:none;border-radius:8px;padding:14px 34px;box-shadow:0 4px 24px -4px #5ab4ffb3;transition:transform .1s ease}#play-btn:hover{transform:scale(1.05)}