#pause-btn{position:fixed;top:12px;right:12px;z-index:50;width:44px;height:44px;border:none;border-radius:50%;background:#0000004d;color:#fff;font-size:20px;line-height:44px;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#pause-btn:active{background:#00000080}[data-theme=light] #pause-btn{background:#00000026;color:#333}[data-theme=light] #pause-btn:active{background:#0000004d}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s ease}.overlay.visible{opacity:1;pointer-events:auto}.overlay-backdrop{position:absolute;inset:0;background:#000000b3}.overlay-panel{position:relative;background:#232340;border-radius:16px;padding:32px 28px;min-width:280px;max-width:360px;width:90%;text-align:center;color:#fff;font-family:monospace;box-shadow:0 8px 32px #00000080;transform:scale(.9);transition:transform .2s ease}.overlay.visible .overlay-panel{transform:scale(1)}.overlay-title{font-size:28px;font-weight:700;margin-bottom:24px;letter-spacing:2px}.overlay-subtitle{font-size:14px;color:#a0a0b0;margin-bottom:16px}.btn{display:block;width:100%;padding:14px 20px;margin:8px 0;border:none;border-radius:12px;font-family:monospace;font-size:16px;font-weight:700;cursor:pointer;transition:transform .1s ease,filter .1s ease;letter-spacing:1px}.btn:active{transform:scale(.96)}.btn-primary{background:#58cc02;color:#fff;box-shadow:0 4px #46a302}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{background:#3a3a5c;color:#fff;box-shadow:0 4px #2a2a42}.btn-secondary:hover{filter:brightness(1.2)}.btn-danger{background:#ff4b4b;color:#fff;box-shadow:0 4px #cc3c3c}.stats-row{display:flex;justify-content:space-around;margin:16px 0 24px}.stat-item{text-align:center}.stat-value{font-size:24px;font-weight:700;color:#58cc02}.stat-label{font-size:11px;color:#a0a0b0;margin-top:4px;text-transform:uppercase}.setting-group{margin:12px 0;text-align:left}.setting-label{font-size:12px;color:#a0a0b0;margin-bottom:6px;text-transform:uppercase}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.setting-row input[type=range]{flex:1;accent-color:#58cc02}.setting-value{font-size:14px;min-width:40px;text-align:right}.toggle{position:relative;width:48px;height:26px;background:#3a3a5c;border-radius:13px;cursor:pointer;transition:background .2s;border:none;padding:0}.toggle.active{background:#58cc02}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:left .2s}.toggle.active:after{left:25px}.leaderboard-list{list-style:none;padding:0;margin:0 0 16px;text-align:left}.leaderboard-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #3a3a5c;font-size:14px}.leaderboard-rank{color:#a0a0b0;width:24px}.leaderboard-name{flex:1;margin:0 8px}.leaderboard-score{color:#58cc02;font-weight:700}.name-input{width:100%;padding:10px 14px;margin:8px 0 16px;border:2px solid #3a3a5c;border-radius:8px;background:#1a1a2e;color:#fff;font-family:monospace;font-size:16px;text-align:center;outline:none}.name-input:focus{border-color:#58cc02}[data-theme=light] .overlay-backdrop{background:#ffffffb3}[data-theme=light] .overlay-panel{background:#f7f5f0;color:#222;box-shadow:0 8px 32px #00000026}[data-theme=light] .overlay-subtitle{color:#666}[data-theme=light] .setting-label{color:#555}[data-theme=light] .setting-value{color:#222}[data-theme=light] .stat-label,[data-theme=light] .leaderboard-rank{color:#666}[data-theme=light] .btn-secondary{background:#e0ddd6;color:#333;box-shadow:0 4px #ccc9c0}[data-theme=light] .name-input{background:#fff;border-color:#d5d2cb;color:#333}[data-theme=light] .leaderboard-item{border-bottom-color:#d5d2cb}[data-theme=light] .toggle{background:#d5d2cb}@media(max-width:400px){.overlay-panel{padding:20px 16px;min-width:0}.overlay-title{font-size:22px;margin-bottom:16px}.btn{padding:12px 16px;font-size:14px}.stat-value{font-size:20px}}@media(max-height:500px){.overlay-panel{padding:16px;max-height:90vh;overflow-y:auto}.btn{padding:10px 16px;margin:4px 0}}
