.benchmark-wrapper{min-height:100vh;display:flex;flex-direction:column;position:relative;padding-top:40px;background-color:#050e14;color:#e2e8f0;overflow-x:hidden}.benchmark-wrapper *{margin:0;padding:0;box-sizing:border-box}:root{--bg: #080C14;--surface: #0F1729;--border: #1A2540;--teal: #2DD4BF;--teal-d: #134e4a;--red: #F87171;--green: #4ADE80;--muted: #475569;--text: #E2E8F0;--dim: #94A3B8}html,.benchmark-wrapper{height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}.benchmark-wrapper{display:flex;flex-direction:column;padding:12px 16px 16px;gap:10px;min-height:100vh}.topbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.logo{font-size:10px;font-weight:700;letter-spacing:3px;color:var(--teal);text-transform:uppercase;white-space:nowrap}#display{font-family:JetBrains Mono,monospace;font-size:42px;font-weight:300;color:var(--text);letter-spacing:-1px;line-height:1;white-space:nowrap}#display .cs{color:var(--muted);font-size:28px}.sep{width:1px;height:36px;background:var(--border);flex-shrink:0}.buttons{display:flex;gap:8px;align-items:center}button{border:none;border-radius:50px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;padding:9px 22px;transition:all .15s;white-space:nowrap}#btn-start{background:var(--teal);color:#020617}#btn-start.running{background:var(--red);color:#fff}#btn-start:hover{filter:brightness(1.1)}#btn-reset{background:var(--surface);color:var(--dim);border:1px solid var(--border)}#btn-reset:hover{background:var(--border);color:var(--text)}#btn-lap{background:transparent;color:var(--muted);border:1px solid var(--border);font-size:11px;padding:8px 16px}#btn-lap:hover:not(:disabled){background:var(--border);color:var(--text)}#btn-lap:disabled{opacity:.2;cursor:default}#status{font-size:11px;font-weight:600;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;white-space:nowrap}#status.running{color:var(--teal)}#status.done{color:var(--green)}.auto-badge{display:flex;align-items:center;gap:6px;background:#071a0e;border:1px solid #14532D;border-radius:8px;padding:5px 12px;font-size:10px;color:var(--green);white-space:nowrap;margin-left:auto}.auto-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 5px var(--green);animation:pulse 1.5s infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.arena-3col{display:grid;grid-template-columns:1fr 340px 1fr;gap:12px;flex:1;min-height:0}.script-col{display:flex;flex-direction:column;gap:8px;min-height:0}.box-wrapper{display:flex;flex-direction:column;gap:5px;min-height:0}.box-header{display:flex;align-items:center;justify-content:space-between;padding:0 2px}.app-name-input{background:transparent;border:none;outline:none;font-family:Inter,sans-serif;font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted);cursor:text;transition:color .2s;width:150px}.app-name-input.active{color:var(--teal)}.box-time{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;color:var(--muted);opacity:0;transition:opacity .3s}.box-time.visible{opacity:1}.box-time.win{color:var(--green)}.box-time.lose{color:var(--red)}.box-indicator{height:2px;background:var(--border);border-radius:2px;transition:all .3s;flex-shrink:0}.box-indicator.active{background:var(--teal)}.box-indicator.win{background:var(--green)}.box-indicator.lose{background:var(--red)}.box-indicator.waiting{background:repeating-linear-gradient(90deg,var(--teal) 0 8px,transparent 8px 16px);background-size:200%;animation:march 1s linear infinite}@keyframes march{0%{background-position:0}to{background-position:200%}}textarea.result-box{flex:1;min-height:200px;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text);font-family:Inter,sans-serif;font-size:14px;line-height:1.7;padding:14px 16px;resize:none;outline:none;transition:border-color .2s,box-shadow .2s,opacity .2s;caret-color:var(--teal)}textarea.result-box::placeholder{color:#1a2e50;font-size:13px}textarea.result-box.waiting{border-color:var(--teal);box-shadow:0 0 0 3px #2dd4bf12}textarea.result-box.done-win{border-color:var(--green)}textarea.result-box.done-lose{border-color:var(--red)}textarea.result-box.idle{opacity:.4}#result-banner{display:none;background:linear-gradient(135deg,#0a2218,#071a2e);border:1px solid #1A3A2A;border-radius:12px;padding:14px 24px;align-items:center;justify-content:center;gap:20px;flex-shrink:0}#result-banner.visible{display:flex}.result-winner{font-size:18px;font-weight:700;color:var(--green)}.result-delta{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--dim)}.result-delta strong{color:var(--text);font-size:20px}.result-times{display:flex;gap:24px;margin-top:4px}.result-time-item{display:flex;flex-direction:column;align-items:center;gap:2px}.result-time-label{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.result-time-val{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:600;color:var(--text)}.result-time-val.win{color:var(--green)}.result-time-val.lose{color:var(--red)}.script-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:8px;overflow:hidden;flex:1}.script-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.script-label{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);white-space:nowrap;margin-right:4px}.script-select{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:5px 10px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:var(--text);cursor:pointer;outline:none;transition:border-color .15s}.script-select:hover,.script-select:focus{border-color:var(--teal)}.script-select option{background:#0f1729}.btn-new-script{background:var(--teal-d);border:1px solid var(--teal);border-radius:20px;padding:5px 16px;font-size:11px;font-weight:700;color:var(--teal);cursor:pointer;transition:all .15s;white-space:nowrap}.btn-new-script:hover{background:var(--teal);color:#020617}.script-counter{font-size:10px;color:var(--muted);margin-left:auto;white-space:nowrap}#script-text{display:block;width:100%;flex:1;min-height:120px;background:transparent;border:none;color:var(--text);font-family:Inter,sans-serif;font-size:13px;line-height:1.75;resize:none;outline:none;padding:4px 0}#script-text.visible{display:block}.script-copy-hint{font-size:10px;color:var(--muted);font-style:italic;text-align:center;padding-top:4px;border-top:1px solid var(--border)}#results-section{display:none;flex-direction:column;gap:8px;flex-shrink:0}#results-section.visible{display:flex}.results-header{display:flex;align-items:center;gap:12px}.results-title{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.results-actions{display:flex;gap:6px;margin-left:auto}.results-actions button{border-radius:8px;padding:4px 12px;font-size:10px;font-weight:700;letter-spacing:.5px}#btn-export{background:var(--teal-d);color:var(--teal);border:1px solid var(--teal)}#btn-export:hover{background:var(--teal);color:#020617}#btn-clear-hist{background:transparent;color:var(--muted);border:1px solid var(--border)}#btn-clear-hist:hover{background:var(--border);color:var(--red)}#results-table{width:100%;border-collapse:collapse;font-size:11px}#results-table th{text-align:left;padding:5px 8px;font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border)}#results-table td{padding:5px 8px;border-bottom:1px solid #0F1729;font-family:JetBrains Mono,monospace;color:var(--dim)}#results-table td:first-child{font-family:Inter,sans-serif;font-size:10px}.td-win{color:var(--green)!important;font-weight:700}.td-lose{color:var(--red)!important}.result-accuracy{display:flex;gap:20px;margin-top:8px;padding-top:8px;border-top:1px solid #1A3A2A;justify-content:center}.acc-item{text-align:center}.acc-label{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.acc-val{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;color:var(--dim);margin-top:2px}.acc-val.acc-good{color:var(--green)}.acc-val.acc-bad{color:var(--red)}
