@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;900&family=Barlow:wght@300;400;500&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{background:#0d0f0e;color:#e8ede9;font-family:Barlow,sans-serif;height:100%}#root{height:100%}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0d0f0e}::-webkit-scrollbar-thumb{background:#242b26;border-radius:2px}.app{max-width:430px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;width:100%;background:#131715;border-top:1px solid #242b26;z-index:9999;padding-bottom:env(safe-area-inset-bottom,0)}.nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 4px;gap:4px;cursor:pointer;border:none;background:none;color:#4a5450;font-family:Barlow,sans-serif;font-size:10px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;transition:color .15s}.nav-btn.active{color:#c8ff00}.nav-btn svg{width:22px;height:22px}.header{padding:54px 20px 16px;border-bottom:1px solid #242b26}.header-title{font-family:Barlow Condensed,sans-serif;font-size:28px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#c8ff00}.header-sub{font-size:13px;color:#7a8a80;margin-top:2px}.content{flex:1;overflow-y:auto;padding:16px 16px 90px}.card{background:#181c1a;border:1px solid #242b26;border-radius:12px;padding:16px;margin-bottom:12px}.card-title{font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#7a8a80;margin-bottom:12px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-box{background:#131715;border-radius:8px;padding:12px 8px;text-align:center}.stat-val{font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:900;color:#c8ff00;line-height:1}.stat-lbl{font-size:10px;color:#7a8a80;margin-top:4px;letter-spacing:.05em;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 18px;border-radius:8px;border:none;cursor:pointer;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:all .15s}.btn-primary{background:#c8ff00;color:#0d0f0e;width:100%}.btn-primary:active{opacity:.85;transform:scale(.98)}.btn-outline{background:transparent;color:#e8ede9;border:1px solid #242b26}.btn-danger{background:transparent;color:#ff3b30;border:1px solid #ff3b30}.btn-sm{padding:7px 12px;font-size:13px}.score-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:10px 0}.score-btn{aspect-ratio:1;border-radius:8px;border:1px solid #242b26;background:#131715;color:#e8ede9;cursor:pointer;font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:700;transition:all .1s;display:flex;align-items:center;justify-content:center}.score-btn:active{transform:scale(.92);background:#c8ff00;color:#0d0f0e;border-color:#c8ff00}.score-btn.miss{border-color:#ff3b30;color:#ff3b30}.score-btn.bull{border-color:#ffd60a;color:#ffd60a;background:#ffd60a14}.input-group{margin-bottom:12px}.input-lbl{font-size:11px;color:#7a8a80;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.input-field{width:100%;background:#131715;border:1px solid #242b26;border-radius:8px;padding:11px 14px;color:#e8ede9;font-family:Barlow,sans-serif;font-size:16px;outline:none;transition:border-color .15s}.input-field:focus{border-color:#c8ff00}select.input-field option{background:#131715}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:500;background:#131715;border:1px solid #242b26;margin:3px;cursor:pointer;transition:all .15s;color:#7a8a80;font-family:Barlow Condensed,sans-serif;letter-spacing:.05em;text-transform:uppercase}.chip.active{background:#c8ff001f;border-color:#c8ff00;color:#c8ff00}.gun-icon{width:40px;height:40px;border-radius:8px;background:#c8ff001a;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.gun-name{font-family:Barlow Condensed,sans-serif;font-size:17px;font-weight:700}.gun-cal{font-size:12px;color:#7a8a80}.shots-strip{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.shot-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700}.bar-wrap{margin-bottom:10px}.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.bar-lbl{font-size:12px;color:#7a8a80;width:60px;flex-shrink:0;text-align:right}.bar-bg{flex:1;height:8px;background:#131715;border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;background:#c8ff00;transition:width .5s}.bar-val{font-size:12px;color:#e8ede9;width:36px;flex-shrink:0;font-family:Barlow Condensed,sans-serif;font-weight:700}.dist-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}.dist-btn{padding:10px 4px;border-radius:8px;border:1px solid #242b26;background:#131715;color:#7a8a80;cursor:pointer;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:700;letter-spacing:.04em;text-align:center;transition:all .15s}.dist-btn.active{background:#c8ff001f;border-color:#c8ff00;color:#c8ff00}.empty-state{text-align:center;padding:40px 20px;color:#7a8a80}.empty-icon{font-size:48px;margin-bottom:12px}.empty-text{font-size:14px;line-height:1.5}.session-live{position:relative;padding:4px 10px;border-radius:20px;background:#ff3b3026;border:1px solid #ff3b30;font-size:11px;color:#ff3b30;font-weight:600;letter-spacing:.08em;display:inline-flex;align-items:center;gap:5px}.pulse{width:6px;height:6px;border-radius:50%;background:#ff3b30;animation:pulse 1.2s infinite}.spinner{width:36px;height:36px;border:3px solid #242b26;border-top-color:#c8ff00;border-radius:50%;animation:spin .8s linear infinite}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0d0f0e;flex-direction:column;gap:16px}.ls-wrap{min-height:100vh;background:#0d0f0e;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px}.ls-logo{font-family:Barlow Condensed,sans-serif;font-size:36px;font-weight:900;letter-spacing:.1em;color:#c8ff00;margin-bottom:4px}.ls-sub{font-size:13px;color:#7a8a80;margin-bottom:40px}.ls-card{background:#181c1a;border:1px solid #242b26;border-radius:16px;padding:24px;width:100%;max-width:360px}.ls-title{font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#e8ede9;margin-bottom:20px}.ls-input{width:100%;background:#131715;border:1px solid #242b26;border-radius:8px;padding:11px 14px;color:#e8ede9;font-family:Barlow,sans-serif;font-size:16px;outline:none;box-sizing:border-box;margin-bottom:10px;transition:border-color .15s}.ls-input:focus{border-color:#c8ff00}.ls-input::placeholder{color:#4a5450}.ls-btn{width:100%;padding:12px;border-radius:8px;border:none;cursor:pointer;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-top:4px}.ls-btn-primary{background:#c8ff00;color:#0d0f0e}.ls-btn-outline{background:transparent;color:#7a8a80;border:1px solid #242b26;margin-top:8px}.ls-error{font-size:12px;color:#ff3b30;margin-bottom:10px;padding:8px;background:#ff3b3014;border-radius:6px}.ls-lbl{font-size:11px;color:#7a8a80;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;display:block}.ls-switch{font-size:13px;color:#7a8a80;text-align:center;margin-top:16px}.ls-switch span{color:#c8ff00;cursor:pointer;font-weight:600}.form-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0d0f0e;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}.form-screen-header{display:flex;align-items:center;gap:12px;padding:54px 20px 16px;border-bottom:1px solid #242b26;background:#0d0f0e;position:sticky;top:0;z-index:10;flex-shrink:0}.form-screen-content{flex:1;padding:20px 16px;overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes countdown{0%{width:100%}to{width:0%}}