:root{--bg-dark: #0f172a;--card-bg: rgba(30, 41, 59, .7);--gold: #f59e0b;--gold-glow: rgba(245, 158, 11, .4);--cyan: #06b6d4;--red: #ef4444;--green: #22c55e;--text-main: #f8fafc;--text-muted: #94a3b8}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Nunito,sans-serif;background:transparent;color:var(--text-main);overflow:hidden;height:100vh;display:flex;align-items:center;justify-content:center}#game-container{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;transition:opacity .3s;z-index:10}.hidden{display:none!important}.glow-bg{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(6,182,212,.1) 0%,transparent 70%);pointer-events:none}.content{text-align:center;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center}h1{font-family:Quicksand,sans-serif;font-size:2.8rem;font-weight:900;letter-spacing:-2px;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:var(--text-muted);font-size:1.1rem;margin-bottom:3rem}.target-circle{width:180px;height:180px;border-radius:50%;border:4px solid var(--gold);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 30px var(--gold-glow);transition:all .2s cubic-bezier(.175,.885,.32,1.275);background:#f59e0b0d;margin:0 auto}.target-circle span{font-family:Quicksand,sans-serif;font-weight:900;font-size:1.4rem;color:var(--gold)}.target-circle:hover{transform:scale(1.08);background:#f59e0b1a;box-shadow:0 0 50px var(--gold-glow)}.target-circle:active{transform:scale(.95)}.tip{margin-top:2rem;font-size:.9rem;color:var(--text-muted)}#screen-wait{background:#1e293b}#wait-label{font-family:Quicksand,sans-serif;font-size:3rem;font-weight:900;color:var(--text-muted);letter-spacing:4px}.pulse-ring{position:absolute;width:250px;height:250px;border:2px solid rgba(255,255,255,.1);border-radius:50%;animation:ringPulse 2s infinite ease-out}@keyframes ringPulse{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.5);opacity:0}}#screen-click{background:#22c55e}.flash-btn{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.flash-btn span{font-family:Quicksand,sans-serif;font-weight:900;font-size:8rem;color:#fff;text-shadow:0 0 40px rgba(0,0,0,.2);-webkit-user-select:none;user-select:none}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-content{background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:30px;width:100%;max-width:420px;box-shadow:0 25px 50px -12px #00000080;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.modal-header h3{font-family:Quicksand,sans-serif;font-size:1.2rem;font-weight:900;color:var(--text-muted);letter-spacing:1px}.close-modal{font-size:2rem;line-height:1;color:var(--text-muted);cursor:pointer}.result-display{text-align:center;margin-bottom:20px}#ms-value{font-family:Quicksand,sans-serif;font-size:5.5rem;font-weight:900;color:var(--gold);line-height:1}.unit{font-size:1.5rem;color:var(--text-muted);margin-left:5px}#result-message{text-align:center;color:var(--text-main);font-weight:700;margin-bottom:30px}.leaderboard-form{margin-top:25px;padding-top:25px;border-top:1px solid rgba(255,255,255,.1)}.leaderboard-form label{display:block;font-size:.9rem;color:var(--text-muted);margin-bottom:10px}.input-group{display:flex;gap:8px}#nick-input{flex:1;background:#0f172a;border:1px solid #334155;border-radius:12px;padding:12px 16px;color:#fff;font-family:inherit}#nick-input:focus{outline:none;border-color:var(--cyan)}#save-btn{background:var(--cyan);color:#fff;border:none;border-radius:12px;padding:0 20px;font-weight:800;cursor:pointer}.modal-actions{margin-top:20px}#retry-btn{width:100%;padding:16px;background:#334155;border:none;border-radius:16px;color:#fff;font-weight:800;font-family:Quicksand,sans-serif;font-size:1rem;cursor:pointer;transition:background .2s}#retry-btn:hover{background:#475569}.modal-actions{display:flex;gap:10px}.share-btn{flex:1;padding:16px;background:#06b6d41a;border:1px solid rgba(6,182,212,.3);border-radius:16px;color:var(--cyan);font-weight:800;font-family:Quicksand,sans-serif;font-size:1rem;cursor:pointer;transition:all .2s}.share-btn:hover{background:#06b6d433;border-color:var(--cyan)}#screen-early{background:#450a0a}.early-content{text-align:center;padding:20px}.warning-icon{font-size:5rem;margin-bottom:1rem}.early-content h2{font-size:3rem;color:var(--red);margin-bottom:15px}.early-content p{color:var(--text-muted);font-size:1.2rem;margin-bottom:40px}.retry-inline-btn{padding:18px 40px;background:var(--gold);color:#000;border:none;border-radius:20px;font-weight:900;font-size:1.2rem;cursor:pointer;box-shadow:0 10px 30px #f59e0b4d;transition:transform .2s}.retry-inline-btn:hover{transform:scale(1.05)}.animate-pop{animation:pop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}