:root{--bg-color:#050508;--neon-purple:#b983ff;--neon-purple-dim:#b983ff33;--text-primary:#fff;--text-secondary:#ffffffb3}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#050508;width:100%;height:100%;overflow:hidden}.app{flex-direction:column;width:100vw;min-height:100vh;display:flex;position:relative}.main-content{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex}.main-content--admin{justify-content:flex-start;align-items:stretch;padding:0 1rem 1rem}.content-placeholder{text-align:center;animation:.5s ease-in-out fadeIn}.placeholder-text{color:var(--text-secondary);opacity:0;font-size:1.5rem;font-weight:300;animation:1s ease-in-out forwards textFadeIn}.navbar{border:1px solid var(--neon-purple);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050508e6;border-radius:24px;flex-shrink:0;margin:1rem auto;padding:.75rem 1.5rem;box-shadow:0 0 20px #b983ff26}.navbar-nav{justify-content:center;gap:1.5rem;display:flex}.nav-item{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;border-radius:12px;outline:none;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:color .3s,background-color .3s,box-shadow .3s,text-shadow .3s}.nav-item:hover{color:var(--text-primary);background:var(--neon-purple-dim)}.nav-item.active{color:var(--neon-purple);text-shadow:0 0 8px #b983ff66;box-shadow:0 0 15px #b983ff33}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes textFadeIn{0%{opacity:0}to{opacity:1}}@media (width<=600px){.navbar{margin:.5rem auto;padding:.5rem .75rem}.nav-item{padding:.4rem .6rem;font-size:.75rem}.placeholder-text{font-size:1.2rem}}.aim-trainer{justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.game-area{opacity:1;width:100vw;height:100vh;position:relative}.score-time{color:#fff;text-align:center;font-size:24px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.target{background-color:#ff0000b3;border:3px solid #fff;border-radius:50%;width:50px;height:50px;position:absolute}.start-screen{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.start-card{background:linear-gradient(155deg,#160e26f2,#08070efa);border:1px solid #b983ff59;border-radius:20px;flex-direction:column;gap:1.1rem;width:100%;max-width:400px;padding:2rem 2rem 1.8rem;display:flex;box-shadow:0 20px 60px #00000080,0 0 40px #b983ff0f}.start-card-title{letter-spacing:.1em;color:var(--neon-purple);text-shadow:0 0 20px #b983ff73;text-align:center;margin:0;font-size:1.6rem;font-weight:800}.start-card-subtitle{color:var(--text-secondary);text-align:center;margin:-.6rem 0 0;font-size:.82rem}.start-card-error{color:#ff8ea4;background:#ff466f1f;border:1px solid #ff466f59;border-radius:10px;margin:0;padding:.5rem .65rem;font-size:.8rem}.start-btn{color:var(--text-primary);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#b983ff2e;border:1px solid #b983ff8c;border-radius:12px;width:100%;padding:.75rem 1rem;font-size:.9rem;font-weight:700;transition:background .2s,border-color .2s,box-shadow .2s}.start-btn:hover:not(:disabled){background:#b983ff52;border-color:#b983fff2;box-shadow:0 0 18px #b983ff40}.start-btn:disabled{opacity:.4;cursor:not-allowed}.username-field{flex-direction:column;gap:.35rem;display:flex}.username-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;display:inline-flex}.username-input{width:100%;color:var(--text-primary);background:#00000047;border:1px solid #b983ff66;border-radius:10px;padding:.6rem .75rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.username-input::placeholder{color:#ffffff4d}.username-input:focus{border-color:#b983ffe6;outline:none;box-shadow:0 0 0 3px #b983ff26}.admin-shell{width:100%;height:calc(100vh - 88px);color:var(--text-primary);flex-direction:column;gap:.9rem;display:flex}.admin-header{background:linear-gradient(135deg,#170c2cd9,#08060ef2);border:1px solid #b983ff66;border-radius:16px;justify-content:space-between;align-items:center;padding:.9rem 1.1rem;display:flex;box-shadow:0 14px 40px #00000059}.admin-header h2{margin:0;font-size:1.1rem}.admin-header p{color:var(--text-secondary);margin:.25rem 0 0;font-size:.85rem}.admin-header-actions{gap:.5rem;display:flex}.admin-header-actions button,.admin-login-form button,.table-action{color:var(--text-primary);cursor:pointer;background:#b983ff26;border:1px solid #b983ff80;border-radius:10px;justify-content:center;align-items:center;padding:.5rem .8rem;text-decoration:none;transition:all .2s;display:inline-flex}.admin-header-actions button:hover,.admin-login-form button:hover,.table-action:hover{background:#b983ff4d;border-color:#b983ffe6}.admin-header-actions button:disabled,.admin-login-form button:disabled,.table-action:disabled{opacity:.6;cursor:not-allowed}.admin-logout{background:#ff5e7d2e;border-color:#ff5e7d73}.admin-logout:hover{background:#ff5e7d47;border-color:#ff5e7dbf}.admin-content-grid{flex:1;grid-template-columns:minmax(360px,.95fr) minmax(380px,1.35fr);gap:.9rem;min-height:0;display:grid}.admin-panel{background:#0a0810eb;border:1px solid #b983ff4d;border-radius:16px;flex-direction:column;min-height:0;padding:.9rem;display:flex}.admin-panel h3{letter-spacing:.04em;margin:0 0 .7rem;font-size:.95rem}.run-list-filters{gap:.45rem;margin-bottom:.55rem;display:flex}.filter-input,.filter-select{color:var(--text-primary);background:#00000047;border:1px solid #b983ff66;border-radius:10px;padding:.5rem .65rem;font-size:.82rem;transition:border-color .2s,box-shadow .2s}.filter-input{flex:1;min-width:0}.filter-input::placeholder{color:#ffffff59}.filter-input:focus,.filter-select:focus{border-color:#b983ffe6;outline:none;box-shadow:0 0 0 3px #b983ff26}.filter-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(185,131,255,0.7)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;padding-right:2.1rem}.filter-select option{color:var(--text-primary);background:#110d1e}.run-list-actions{flex-wrap:wrap;gap:.45rem;margin-bottom:.55rem;display:flex}.danger-action{background:#ff5e7d2e;border-color:#ff5e7d73}.danger-action:hover{background:#ff5e7d47;border-color:#ff5e7dbf}.inline-gap{margin-left:.35rem}.admin-table-wrapper{border:1px solid #b983ff33;border-radius:10px;min-height:0;overflow:auto}.admin-table-wrapper.tall{max-height:320px}.admin-table{border-collapse:collapse;width:100%;font-size:.79rem}.admin-table th,.admin-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #b983ff1f;padding:.55rem}.admin-table thead th{color:#ffffffeb;z-index:1;background:#b983ff1f;font-weight:600;position:sticky;top:0}.admin-table tbody tr:hover{background:#b983ff14}.admin-table tbody tr.selected{background:#b983ff29}.admin-table.compact td,.admin-table.compact th{padding:.45rem;font-size:.75rem}.run-state{text-transform:uppercase;letter-spacing:.06em;border-radius:99px;align-items:center;padding:.18rem .45rem;font-size:.7rem;display:inline-flex}.run-state-started,.run-state-in_progress{color:#8ecbff;background:#63b3ed33}.run-state-completed{color:#94f3b6;background:#48bb7833}.run-state-unknown{color:#e2e8f0;background:#e2e8f02e}.empty-run-state{color:var(--text-secondary);text-align:center;border:1px dashed #b983ff4d;border-radius:12px;padding:1rem}.run-detail-header h3{margin:0;font-size:1rem}.run-detail-header p{color:var(--text-secondary);margin:.35rem 0 0;font-size:.83rem}.run-action-row{flex-wrap:wrap;gap:.45rem;margin-top:.65rem;display:flex}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.55rem;margin-top:.8rem;display:grid}.metric-card{background:#181026b3;border:1px solid #b983ff33;border-radius:10px;padding:.55rem}.metric-card h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.72rem;font-weight:500}.metric-card p{color:#d8b7ff;margin:.3rem 0 0;font-size:1.1rem;font-weight:700}.section-heading{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin:.9rem 0 .5rem;font-size:.84rem}.table-footnote{color:var(--text-secondary);margin:.55rem 0 0;font-size:.75rem}.admin-login-card{background:linear-gradient(155deg,#19122aeb,#08080efa);border:1px solid #b983ff59;border-radius:16px;width:100%;max-width:420px;margin:4rem auto 0;padding:1.2rem;box-shadow:0 25px 60px #00000073}.admin-login-card h2{margin:0}.admin-login-card p{color:var(--text-secondary);margin:.5rem 0 1rem;font-size:.85rem}.admin-login-form{flex-direction:column;gap:.45rem;display:flex}.admin-login-form label{color:var(--text-secondary);font-size:.8rem}.admin-login-form input{color:var(--text-primary);background:#00000040;border:1px solid #b983ff66;border-radius:10px;padding:.55rem .65rem}.admin-login-form input:focus{border-color:#b983ffe6;outline:none;box-shadow:0 0 0 3px #b983ff2e}.admin-login-form button{margin-top:.5rem}.admin-error{color:#ff8ea4;background:#ff466f1f;border:1px solid #ff466f59;border-radius:10px;margin:.5rem 0;padding:.55rem .6rem;font-size:.8rem}.admin-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1200;background:#04060ec7;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.admin-modal{background:linear-gradient(150deg,#161027fa,#070911fa);border:1px solid #b983ff73;border-radius:14px;width:min(1100px,100%);max-height:min(92vh,920px);padding:.95rem;overflow:auto;box-shadow:0 25px 55px #00000080}.admin-modal-header{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.admin-modal-header h3{margin:0;font-size:1rem}.admin-modal-header p{color:var(--text-secondary);margin:.2rem 0 0;font-size:.8rem}.admin-modal-close{color:var(--text-primary);cursor:pointer;background:#b983ff1f;border:1px solid #b983ff73;border-radius:9px;padding:.4rem .7rem}.admin-modal-close:hover{background:#b983ff42}.modal-placeholder{color:var(--text-secondary);text-align:center;border:1px dashed #b983ff66;border-radius:10px;margin-top:.9rem;padding:1rem}.replay-modal{flex-direction:column;gap:.75rem;display:flex}.replay-canvas{aspect-ratio:1;background:#070c1b;border:1px solid #b983ff59;border-radius:10px;width:100%;max-width:760px;margin:0 auto}.replay-controls{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.simulation-controls{flex-wrap:wrap;align-items:flex-end;gap:.55rem;display:flex}.simulation-controls label{color:var(--text-secondary);flex-direction:column;gap:.25rem;font-size:.78rem;display:inline-flex}.simulation-controls input{color:var(--text-primary);background:#00000042;border:1px solid #b983ff66;border-radius:8px;min-width:120px;padding:.35rem .48rem}.simulation-controls input:focus{border-color:#b983ffdb;outline:none;box-shadow:0 0 0 2px #b983ff29}.replay-checkbox{color:var(--text-secondary);align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.replay-speed-control{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.8rem;display:inline-flex}.replay-speed-control select{color:var(--text-primary);background:#b983ff24;border:1px solid #b983ff73;border-radius:8px;padding:.25rem .45rem}.replay-slider{width:100%}.replay-meta{color:var(--text-secondary);flex-wrap:wrap;gap:.6rem;font-size:.78rem;display:flex}.image-modal{flex-direction:column;gap:.8rem;display:flex}.visualization-image{background:#040810b3;border:1px solid #b983ff4d;border-radius:10px;width:100%}.visualization-actions{justify-content:flex-end;display:flex}.code-modal{flex-direction:column;gap:.8rem;display:flex}.function-meta-grid{color:var(--text-secondary);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.45rem;font-size:.78rem;display:grid}.function-meta-grid span{background:#b983ff14;border:1px solid #b983ff33;border-radius:8px;padding:.4rem .5rem}.function-note-list{color:var(--text-secondary);margin:0;padding-left:1rem;font-size:.78rem}.function-note-list li+li{margin-top:.2rem}.function-code-area{resize:vertical;color:#e7eeff;background:#03070ff0;border:1px solid #b983ff4d;border-radius:10px;width:100%;min-height:320px;padding:.7rem;font-family:Cascadia Code,Consolas,Courier New,monospace;font-size:.74rem;line-height:1.45}.function-code-area:focus{border-color:#b983ffbf;outline:none;box-shadow:0 0 0 2px #b983ff29}.function-actions-row{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}@media (width<=1180px){.admin-shell{height:auto;min-height:calc(100vh - 88px)}.admin-content-grid{grid-template-columns:1fr}.admin-table-wrapper.tall{max-height:260px}}@media (width<=700px){.admin-header{flex-direction:column;align-items:flex-start;gap:.65rem}.admin-header-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.admin-login-card{margin-top:2.2rem}.function-code-area{min-height:220px}}.settings-container{justify-content:center;align-items:flex-start;width:100%;min-height:calc(100vh - 88px);padding:2rem 1rem 3rem;display:flex;overflow-y:auto}.settings-panel{width:100%;max-width:680px;color:var(--text-primary);background:#0a0810eb;border:1px solid #b983ff4d;border-radius:16px;padding:1.4rem 1.6rem;box-shadow:0 14px 40px #00000059}.settings-title{letter-spacing:.03em;margin:0;font-size:1.15rem;font-weight:700}.settings-subtitle{color:var(--text-secondary);margin:.3rem 0 0;font-size:.85rem}.settings-section{border-top:1px solid #b983ff26;margin-top:1.4rem;padding-top:1.1rem}.settings-section-title{letter-spacing:.04em;margin:0 0 .2rem;font-size:.95rem;font-weight:600}.settings-section-desc{color:var(--text-secondary);margin:0 0 .85rem;font-size:.8rem}.settings-username-row{gap:.5rem;display:flex}.settings-save-btn{color:var(--text-primary);cursor:pointer;white-space:nowrap;background:#b983ff26;border:1px solid #b983ff80;border-radius:10px;padding:.5rem .9rem;font-size:.82rem;font-weight:600;transition:background .2s,border-color .2s}.settings-save-btn:hover:not(:disabled){background:#b983ff4d;border-color:#b983ffe6}.settings-save-btn:disabled{opacity:.45;cursor:not-allowed}.crosshair-picker{flex-wrap:wrap;gap:.6rem;display:flex}.crosshair-option{width:88px;color:var(--text-secondary);cursor:pointer;background:#b983ff0f;border:1px solid #b983ff47;border-radius:12px;flex-direction:column;align-items:center;gap:.45rem;padding:.7rem .5rem .6rem;transition:border-color .2s,background .2s,color .2s,box-shadow .2s;display:flex}.crosshair-option:hover{color:var(--text-primary);background:#b983ff21;border-color:#b983ffa6}.crosshair-option.active{color:var(--text-primary);background:#b983ff2e;border-color:#b983fff2;box-shadow:0 0 12px #b983ff40,inset 0 0 8px #b983ff14}.crosshair-option-preview{justify-content:center;align-items:center;width:28px;height:28px;display:flex}.crosshair-option-label{text-transform:uppercase;letter-spacing:.04em;text-align:center;font-size:.72rem;font-weight:500;line-height:1.3}.run-length-picker{flex-wrap:wrap;gap:.5rem;display:flex}.run-length-option{min-width:64px;color:var(--text-secondary);letter-spacing:.04em;cursor:pointer;background:#b983ff0f;border:1px solid #b983ff47;border-radius:8px;padding:.45rem .9rem;font-size:.82rem;font-weight:600;transition:border-color .2s,background .2s,color .2s,box-shadow .2s}.run-length-option:hover{color:var(--text-primary);background:#b983ff21;border-color:#b983ffa6}.run-length-option.active{color:var(--text-primary);background:#b983ff2e;border-color:#b983fff2;box-shadow:0 0 12px #b983ff40,inset 0 0 8px #b983ff14}.color-picker-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.color-swatch{background:var(--swatch-color);cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:28px;height:28px;transition:transform .15s,border-color .15s,box-shadow .15s}.color-swatch:hover{box-shadow:0 0 8px var(--swatch-color);transform:scale(1.18)}.color-swatch.active{box-shadow:0 0 10px var(--swatch-color);border-color:#fff;transform:scale(1.12)}.color-custom-label{cursor:pointer;flex-shrink:0;width:28px;height:28px;position:relative}.color-custom-icon{background:var(--swatch-color);border:2px dashed #ffffff8c;border-radius:50%;width:28px;height:28px;transition:transform .15s,box-shadow .15s;display:block}.color-custom-label:hover .color-custom-icon{box-shadow:0 0 8px var(--swatch-color);transform:scale(1.18)}.color-custom-input{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.target-color-preview{width:48px;height:48px;margin-top:.9rem;position:relative}.target-preview-ring,.target-preview-mid,.target-preview-inner{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.target-preview-ring{border:3px solid;width:48px;height:48px;animation:1.5s infinite settings-pulse}.target-preview-mid{width:34px;height:34px}.target-preview-inner{width:22px;height:22px}@keyframes settings-pulse{0%{opacity:.2;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.08)}to{opacity:.2;transform:translate(-50%,-50%)scale(1)}}