*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a1a;--bg-light:#12122a;--text:#e0e0e0;--text-dim:#888;--puller:#4fc3f7;--pusher:#ff6b6b;--target:#ffd54f;--accent:#4fc3f7;--radius:8px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}#app{flex-direction:column;align-items:center;gap:16px;max-width:840px;margin:0 auto;padding:16px;display:flex}.header{text-align:center;padding:8px 0;position:relative}.mute-btn{border-radius:var(--radius);color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #ffffff1a;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:border-color .2s,background .2s;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.mute-btn:hover{background:#ffffff0d;border-color:#ffffff40}.logo{letter-spacing:.3em;color:#fff;text-shadow:0 0 20px #4fc3f74d,0 0 40px #4fc3f71a;margin:0;font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:700}.tagline{color:var(--text-dim);letter-spacing:.15em;text-transform:uppercase;opacity:.7;font-size:.8rem}#game-canvas{background:var(--bg);border:1px solid #4fc3f71f;box-shadow:0 0 30px #4fc3f714,0 0 60px #4fc3f70a,inset 0 0 30px #0000004d}.ui-container{flex-direction:column;gap:12px;width:100%;max-width:800px;display:flex}.toolbox{justify-content:center;gap:10px;display:flex}.tool-btn{border-radius:var(--radius);background:var(--bg-light);color:var(--text);cursor:pointer;border:2px solid #ffffff26;flex-direction:column;align-items:center;gap:4px;min-width:100px;padding:10px 20px;font-family:Inter,sans-serif;font-size:.85rem;transition:all .15s;display:flex}.tool-btn:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff4d}.tool-btn.selected{border-color:var(--accent);background:#4fc3f71a;box-shadow:0 0 15px #4fc3f726,inset 0 0 15px #4fc3f70d}.tool-btn.puller.selected{border-color:var(--puller);box-shadow:0 0 20px #4fc3f733,inset 0 0 15px #4fc3f70d}.tool-btn.pusher.selected{border-color:var(--pusher);background:#ff6b6b1a;box-shadow:0 0 20px #ff6b6b33,inset 0 0 15px #ff6b6b0d}.tool-btn:disabled{opacity:.35;cursor:not-allowed}.tool-btn.depleted{opacity:.3}.tool-icon{font-size:1.4rem}.puller .tool-icon{color:var(--puller)}.pusher .tool-icon{color:var(--pusher)}.tool-label{font-size:.8rem;font-weight:600}.tool-count{color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:.7rem}.controls{justify-content:center;align-items:center;gap:12px;display:flex}.attempt-display{color:var(--text-dim);text-align:center;min-width:160px;font-family:JetBrains Mono,monospace;font-size:.85rem}.launch-btn{border-radius:var(--radius);background:linear-gradient(135deg, var(--puller), #0277bd);color:#fff;cursor:pointer;letter-spacing:.1em;border:none;padding:10px 28px;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:700;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 0 20px #4fc3f733,0 2px 8px #0000004d}.launch-btn:after{content:"";background:linear-gradient(135deg,#0000 40%,#ffffff1a 50%,#0000 60%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.launch-btn:hover:not(:disabled):after{transform:translate(100%)}.launch-btn:hover:not(:disabled){transform:scale(1.03);box-shadow:0 0 35px #4fc3f766,0 4px 12px #0000004d}.launch-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.clear-btn{border-radius:var(--radius);color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #ffffff26;padding:8px 16px;font-family:Inter,sans-serif;font-size:.8rem;transition:all .15s}.clear-btn:hover:not(:disabled){border-color:var(--pusher);color:var(--pusher)}.clear-btn:disabled{opacity:.3;cursor:not-allowed}.results-overlay{z-index:100;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060612e0;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.results-overlay.visible{opacity:1}.results-card{background:linear-gradient(180deg, var(--bg-light), #0e0e24);text-align:center;border:1px solid #4fc3f726;border-radius:16px;width:90%;max-width:380px;padding:32px 40px;box-shadow:0 20px 60px #0009,0 0 40px #4fc3f70d}.results-title{margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:700}.results-stars{letter-spacing:.3em;color:var(--target);margin-bottom:8px;font-size:1.8rem}.results-subtitle{color:var(--text-dim);margin-bottom:16px;font-size:.9rem}.results-score{color:var(--accent);margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:1.1rem}.results-details{color:var(--text-dim);justify-content:center;gap:20px;margin-bottom:20px;font-family:JetBrains Mono,monospace;font-size:.8rem;display:flex}.results-actions{justify-content:center;gap:10px;display:flex}.results-actions button{border-radius:var(--radius);cursor:pointer;padding:8px 20px;font-family:Inter,sans-serif;font-size:.85rem;transition:all .15s}.share-btn{background:linear-gradient(135deg, var(--puller), #0288d1);color:#fff;border:none;font-weight:600}.share-btn:hover{box-shadow:0 0 20px #4fc3f74d}.stats-btn{color:var(--text);background:0 0;border:1px solid #fff3}.stats-btn:hover{border-color:#fff6}.close-btn{color:var(--text-dim);background:0 0;border:1px solid #ffffff1a}.close-btn:hover{color:var(--text);border-color:#fff3}.share-feedback{color:var(--accent);margin-top:12px;font-family:JetBrains Mono,monospace;font-size:.8rem}.stats-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:20px;display:grid}.stat-item{text-align:center}.stat-value{color:#fff;font-family:JetBrains Mono,monospace;font-size:1.3rem;font-weight:700}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem}.stat-bars{max-width:280px;margin:0 auto 16px}.stat-bar-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.stat-bar-label{color:var(--text-dim);text-align:right;width:24px;font-family:JetBrains Mono,monospace;font-size:.7rem}.stat-bar{background:var(--accent);color:var(--bg);text-align:right;border-radius:3px;min-width:20px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:700}.tutorial-overlay{z-index:200;opacity:0;background:#0a0a1aeb;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.tutorial-overlay.visible{opacity:1}.tutorial-card{background:var(--bg-light);text-align:center;border:1px solid #4fc3f733;border-radius:16px;width:90%;max-width:400px;padding:40px;box-shadow:0 0 60px #4fc3f71a}.tutorial-icon{color:var(--target);margin-bottom:16px;font-size:2.5rem}.tutorial-title{margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:1.3rem;font-weight:700}.tutorial-body{color:var(--text);margin-bottom:24px;font-size:.9rem;line-height:1.6}.tutorial-dots{justify-content:center;gap:8px;margin-bottom:24px;display:flex}.dot{background:#fff3;border-radius:50%;width:8px;height:8px}.dot.active{background:var(--accent)}.tutorial-btn{border-radius:var(--radius);background:linear-gradient(135deg, var(--puller), #0288d1);color:#fff;cursor:pointer;letter-spacing:.1em;border:none;padding:10px 30px;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:700;transition:all .15s}.tutorial-btn:hover{transform:scale(1.03);box-shadow:0 0 25px #4fc3f74d}.countdown{text-align:center;color:var(--text-dim);padding:12px;font-family:JetBrains Mono,monospace;font-size:.85rem}.countdown strong{color:var(--accent)}@media (width<=600px){#app{gap:10px;padding:8px}.logo{font-size:1.5rem}.toolbox{flex-wrap:wrap}.tool-btn{min-width:80px;padding:8px 14px}.controls{flex-wrap:wrap}.results-card{padding:24px}.stats-grid{grid-template-columns:repeat(3,1fr)}}