:root{--primary:#cf0;--secondary:#b8e600;--accent:#b8e600;--bg:#050505;--surface:#1a2e1a;--surface-2:#0e170e;--text:#fff;--text-dim:#a1a1aa;--border:#1a2e1a;--red:#ff4d4d;--amber:#ffb020;--muted-red:#b33a3a;--r-card:16px;--r-ctrl:8px;--r-pill:9999px;--gap:16px;--pad:24px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:JetBrains Mono,monospace;line-height:1.55;overflow-x:hidden}#root{position:relative}.ambient{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient:before{content:"";filter:blur(30px);background:radial-gradient(circle,#ccff001a,#0000 62%);border-radius:50%;width:900px;height:900px;position:absolute;top:-25%;left:50%;transform:translate(-50%)}.grid-bg{z-index:0;pointer-events:none;opacity:.32;background-image:linear-gradient(#ccff000a 1px,#0000 1px),linear-gradient(90deg,#ccff000a 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 0,#000 30%,#0000 78%);mask-image:radial-gradient(circle at 50% 0,#000 30%,#0000 78%)}.wrap{z-index:1;max-width:820px;margin:0 auto;padding:0 20px;position:relative}header{padding:28px 0 20px}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--primary);border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface-2);align-items:center;gap:10px;padding:7px 14px;font-size:12px;display:inline-flex}.eyebrow .dot{background:var(--primary);width:7px;height:7px;box-shadow:0 0 10px var(--primary);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}h1{letter-spacing:-.03em;margin:20px 0 14px;font-family:Inter,sans-serif;font-size:clamp(32px,6vw,54px);font-weight:900;line-height:1.04}h1 .lime{color:var(--primary)}.sub{color:var(--text-dim);max-width:58ch;font-size:14px}.rule-tag{color:var(--amber);border-radius:var(--r-pill);background:#150f02;border:1px solid #3a2e10;align-items:center;gap:8px;margin-top:16px;padding:6px 13px;font-size:12px;display:inline-flex}.verdict-panel{z-index:20;border:1px solid var(--border);border-radius:var(--r-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0e170eeb;margin:26px 0 8px;padding:20px 22px;transition:border-color .3s,box-shadow .3s;position:sticky;top:70px;box-shadow:0 14px 44px -20px #000000f2}.verdict-panel.go{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),0 14px 50px -24px var(--primary)}.verdict-panel.no{border-color:var(--red);box-shadow:0 0 0 1px var(--red),0 14px 50px -30px var(--red)}.verdict-panel.warn{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber),0 14px 50px -24px var(--amber)}.vp-top{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.vp-tier{letter-spacing:-.02em;border-radius:var(--r-ctrl);white-space:nowrap;background:var(--surface);color:var(--text-dim);padding:8px 16px;font-family:Inter;font-size:28px;font-weight:900;transition:all .3s}.vp-tier.aplus{background:var(--primary);color:#0a0f00}.vp-tier.a{background:var(--secondary);color:#0a0f00}.vp-tier.c{background:var(--muted-red);color:#fff}.vp-tier.stop{background:var(--red);color:#fff}.vp-tier.warn{background:var(--amber);color:#1a0f00}.vp-info{flex:1;min-width:170px}.vp-info .name{font-family:Inter;font-size:16px;font-weight:700;line-height:1.25}.vp-info .status{color:var(--text-dim);margin-top:4px;font-size:12.5px}.vp-info .status.go{color:var(--primary)}.vp-info .status.no{color:var(--red)}.vp-info .status.warn{color:var(--amber)}.vp-surv{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.vp-surv .big{color:var(--text-dim);font-family:Inter;font-size:26px;font-weight:800;line-height:1;transition:all .3s}.vp-surv.hi .big{color:var(--primary)}.vp-surv.mid .big{color:var(--amber)}.vp-surv.lo .big{color:var(--red)}.vp-surv .lab{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-size:9.5px}.reset{color:var(--text-dim);border:1px solid var(--border);border-radius:var(--r-ctrl);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;background:0 0;padding:9px 15px;font-family:JetBrains Mono;font-size:12px;transition:all .2s}.reset:hover{color:var(--primary);border-color:var(--primary)}.save-sheet{color:#0a0f00;background:var(--primary);border:1px solid var(--primary);border-radius:var(--r-ctrl);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;padding:9px 15px;font-family:JetBrains Mono;font-size:12px;transition:all .2s}.save-sheet:hover{filter:brightness(1.08)}.save-sheet:disabled{opacity:.6;cursor:wait}.vp-notes{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:14px;padding-top:14px;display:none}.vp-notes.show{display:flex}.vp-note{color:var(--text-dim);font-size:12.5px;line-height:1.55}.vp-note b{color:var(--amber)}.vp-note-danger{color:#ffc7c7;border-radius:var(--r-ctrl);background:#ff4d4d14;border:1px solid #ff4d4d59;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.vp-note-danger:before{content:"⚠";flex-shrink:0;line-height:1.4}.vp-note-danger b{color:#fff}.vp-note-axis{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.vp-note-label{letter-spacing:.08em;text-transform:uppercase;color:var(--secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);white-space:nowrap;flex-shrink:0;padding:3px 9px;font-size:9.5px}.bd-row{flex-direction:column;gap:5px;display:flex}.bd-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.bd-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);white-space:nowrap;flex-shrink:0;padding:3px 9px;font-size:9.5px}.bd-desc{color:var(--text-dim);font-size:11.5px}.bd-line{align-items:center;gap:12px;display:flex}.bd-bar{border-radius:var(--r-pill);background:var(--surface);flex:1;height:6px;overflow:hidden}.bd-fill{border-radius:var(--r-pill);background:var(--primary);height:100%;transition:width .3s;display:block}.bd-val{color:var(--text);text-align:right;flex-shrink:0;min-width:34px;font-family:Inter;font-size:13px;font-weight:700}.bd-n{color:var(--text-dim);white-space:nowrap;flex-shrink:0;min-width:38px;font-size:10.5px}.vp-note-summary{border-top:1px dashed var(--border);color:var(--text);margin-top:2px;padding-top:10px;font-size:13.5px}.vp-note-summary b{color:var(--primary)}.vp-note-info{color:var(--text-dim);opacity:.9;font-size:12px}.vp-note-session{color:var(--text-dim);opacity:.8;font-style:italic}.q{margin:32px 0}.q-head{align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.q-head .no{color:var(--primary);border:1px solid var(--border);border-radius:var(--r-pill);padding:4px 10px;font-family:Inter;font-size:12px;font-weight:800}.q-head h2{letter-spacing:-.01em;font-family:Inter;font-size:17px;font-weight:700}.q-head .hint{color:var(--text-dim);margin-left:auto;font-size:11.5px}.opts{gap:10px;display:grid}.opts.two{grid-template-columns:1fr 1fr}.opts.three{grid-template-columns:repeat(3,1fr)}.opts.four{grid-template-columns:1fr 1fr}.opts.six{grid-template-columns:repeat(3,1fr)}.opts.eight{grid-template-columns:repeat(2,1fr)}.opt{border:1px solid var(--border);border-radius:var(--r-ctrl);background:linear-gradient(180deg,var(--surface-2),#080d08);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:15px 16px;transition:all .18s;display:flex;position:relative}.opt:hover{background:#ccff0008;border-color:#2d4a2d}.opt .radio{border:1.5px solid #3d5a3d;border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;transition:all .18s;display:grid}.opt .radio:after{content:"";background:var(--primary);width:8px;height:8px;box-shadow:0 0 8px var(--primary);border-radius:50%;transition:all .18s;transform:scale(0)}.opt.sel{border-color:var(--primary);background:#ccff000f}.opt.sel .radio{border-color:var(--primary)}.opt.sel .radio:after{transform:scale(1)}.opt .label{font-size:13.5px;font-weight:500}.opt.sel .label{color:var(--primary)}.opt .tag{color:var(--text-dim);letter-spacing:.05em;margin-left:auto;font-size:10px}.opt.sel .tag{color:var(--secondary)}.opt.danger.sel{border-color:var(--red);background:#ff4d4d14}.opt.danger.sel .radio{border-color:var(--red)}.opt.danger.sel .radio:after{background:var(--red);box-shadow:0 0 8px var(--red)}.opt.danger.sel .label{color:#ff9d9d}footer{text-align:center;color:var(--text-dim);letter-spacing:.05em;padding:40px 0 60px;font-size:11px}.topbar{z-index:40;-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border);background:#050505b8;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:10px 20px;display:flex;position:sticky;top:0}.menu-nav{flex-shrink:0;gap:6px;display:flex}.menu-btn{color:var(--text-dim);border-radius:var(--r-ctrl);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;background:0 0;border:1px solid #0000;padding:8px 13px;font-family:JetBrains Mono;font-size:12px;transition:all .2s}.menu-btn:hover{color:var(--text)}.menu-btn.active{color:var(--primary);border-color:var(--primary);background:#ccff000f}.ds{min-width:0;position:relative}.ds-chip{color:var(--text-dim);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--r-ctrl);cursor:pointer;background:#0e170eeb;align-items:center;gap:9px;max-width:min(62vw,300px);padding:9px 13px;font-family:JetBrains Mono;font-size:12px;transition:all .2s;display:inline-flex}.ds-chip:hover{color:var(--text);border-color:var(--primary)}.ds-chip.open{color:var(--text);border-color:var(--primary);background:#ccff000f}.ds-chip-txt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ds-caret{color:var(--text-dim);flex-shrink:0;font-size:10px}.ds-dot{background:var(--text-dim);border-radius:50%;flex-shrink:0;width:8px;height:8px}.ds-dot.ok{background:var(--primary);box-shadow:0 0 8px var(--primary)}.ds-dot.busy{background:var(--amber);box-shadow:0 0 8px var(--amber);animation:1.2s infinite pulse}.ds-dot.err{background:var(--red);box-shadow:0 0 8px var(--red)}.ds-dot.idle{background:var(--text-dim)}.ds-pop{border:1px solid var(--primary);border-radius:var(--r-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e170ef7;flex-direction:column;gap:12px;width:min(88vw,300px);padding:16px;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 18px 50px -22px #000000f2}.ds-pop-head{letter-spacing:.14em;text-transform:uppercase;color:var(--primary);font-size:10px;font-weight:700}.ds-field{flex-direction:column;gap:6px;display:flex}.ds-field-lab{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.ds-select{width:100%;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-ctrl);cursor:pointer;padding:9px 11px;font-family:JetBrains Mono;font-size:12.5px;transition:all .2s}.ds-select:hover:not(:disabled){border-color:var(--primary)}.ds-select:disabled{opacity:.45;cursor:not-allowed}.ds-pop-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.ds-status{color:var(--text-dim);font-size:11px;line-height:1.35}.ds-status.err{color:var(--red)}.ds-refresh{color:var(--text-dim);border:1px solid var(--border);border-radius:var(--r-ctrl);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background:0 0;flex-shrink:0;padding:7px 13px;font-family:JetBrains Mono;font-size:11px;transition:all .2s}.ds-refresh:hover:not(:disabled){color:var(--primary);border-color:var(--primary)}.ds-refresh:disabled{opacity:.4;cursor:not-allowed}.history-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:28px 0 20px;display:flex}.history-head h2{font-family:Inter;font-size:22px;font-weight:800}.history-table-wrap{border:1px solid var(--border);border-radius:var(--r-card);margin:16px 0 40px;overflow-x:auto}.history-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12.5px}.history-table th,.history-table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 14px}.history-table th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;background:var(--surface-2);font-size:10.5px}.history-table tr:last-child td{border-bottom:none}.history-table td.win{color:var(--primary);font-weight:700}.history-table td.lose{color:var(--red);font-weight:700}.levels-list{flex-direction:column;gap:10px;margin:16px 0 40px;display:flex}.level-card{border:1px solid var(--border);border-radius:var(--r-card);background:#0e170eb3;transition:border-color .2s;overflow:hidden}.level-card.open{border-color:var(--primary)}.level-head{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;align-items:center;gap:14px;padding:14px 16px;font-family:inherit;display:flex}.level-tier{letter-spacing:-.02em;border-radius:var(--r-ctrl);background:var(--surface);color:var(--text-dim);flex-shrink:0;padding:6px 11px;font-family:Inter;font-size:15px;font-weight:900}.level-tier.aplus{background:var(--primary);color:#0a0f00}.level-tier.a{background:var(--secondary);color:#0a0f00}.level-tier.c{background:var(--muted-red);color:#fff}.level-tier.stop{background:var(--red);color:#fff}.level-info{flex:1;min-width:0}.level-name{font-size:13px;font-weight:500;line-height:1.35}.level-meta{color:var(--text-dim);margin-top:2px;font-size:11px}.level-wr{white-space:nowrap;flex-shrink:0;font-family:Inter;font-size:18px;font-weight:800}.level-caret{color:var(--text-dim);flex-shrink:0;font-size:11px}.level-body{border-top:1px solid var(--border);flex-direction:column;gap:12px;padding:6px 16px 16px;display:flex}.level-grade-pill{border-radius:var(--r-ctrl);background:var(--surface);color:var(--text-dim);flex-shrink:0;padding:3px 8px;font-family:Inter;font-size:11px;font-weight:800}.level-grade-pill.aplus{background:var(--primary);color:#0a0f00}.level-grade-pill.a{background:var(--secondary);color:#0a0f00}.level-grade-pill.c{background:var(--muted-red);color:#fff}.level-grade-pill.stop{background:var(--red);color:#fff}@media (width<=560px){.level-head{flex-wrap:wrap}.level-wr{order:3}.level-caret{order:4}}.modal-overlay{z-index:50;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-card);flex-direction:column;gap:16px;width:100%;max-width:360px;padding:24px;display:flex;box-shadow:0 20px 60px -20px #000000e6}.modal-card h3{font-family:Inter;font-size:17px;font-weight:800}.modal-outcome{margin:0}.modal-field{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:6px;font-size:12px;display:flex}.modal-field input{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-ctrl);text-transform:none;letter-spacing:normal;padding:10px 12px;font-family:JetBrains Mono;font-size:15px}.modal-field input:focus{border-color:var(--primary);outline:none}.modal-error{color:var(--red);font-size:12px}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.toast{z-index:50;background:var(--surface);border:1px solid var(--primary);color:var(--text);border-radius:var(--r-pill);padding:12px 20px;font-size:13px;font-weight:700;animation:.25s ease-out toast-in;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px -18px #000000e6}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (width<=560px){header{padding:20px 0 12px}.topbar{gap:8px;padding:8px 14px}.menu-btn{letter-spacing:.04em;padding:8px 10px}.opts.three,.opts.two,.opts.four,.opts.six,.opts.eight{grid-template-columns:1fr}.verdict-panel{padding:16px;top:64px}.vp-tier{padding:6px 12px;font-size:22px}.q-head .hint{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}