body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#0f1115;--panel:#1b1f27;--panel-2:#252b36;--line:#353c4a;--text:#e6e8ee;--muted:#8a93a3;--accent:#8fb8ff;--good:#6ad28a;--bad:#e57373;--red-realm:#c0392b;--blue-realm:#2980b9;--tank-realm:#555}*{box-sizing:border-box}body{background:#0f1115;background:var(--bg);color:#e6e8ee;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0}.wrap{margin:0 auto;max-width:980px;padding:24px}h1{font-weight:600;letter-spacing:.5px;margin:0 0 4px}.sub{color:#8a93a3;color:var(--muted);margin-bottom:24px}.panel{background:#1b1f27;background:var(--panel);border:1px solid #353c4a;border:1px solid var(--line);border-radius:10px;padding:20px}.chart.phase-red{background:radial-gradient(circle at 50% 50%,#5a1f1a 0,#1d0f0f 75%);border-color:#a14141;box-shadow:0 0 40px #c0392b59}.chart.phase-blue{background:radial-gradient(circle at 50% 50%,#14375a 0,#0d1320 75%);border-color:#4179a8;box-shadow:0 0 40px #2980b959}.panel-title{margin-top:0}.row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.header-row{justify-content:space-between}.btn{background:#252b36;background:var(--panel-2);border:1px solid #353c4a;border:1px solid var(--line);border-radius:6px;color:#e6e8ee;color:var(--text);cursor:pointer;font-size:14px;padding:10px 16px;transition:background .15s,border-color .15s}.btn:hover{background:#313844}.btn.primary{background:#3a5ea8;border-color:#4972c8}.btn.primary:hover{background:#4972c8}.btn.danger{background:#6e2b2b;border-color:#a14444}.btn.danger:hover{background:#a14444}.btn.big{border-radius:10px;font-size:16px;padding:16px 24px}.title-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.title-row h1{margin-bottom:4px}.title-row .sub{margin-bottom:0}.keybinds-panel{margin-bottom:16px}.settings-grid{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding-bottom:4px}.setting-row{align-items:center;background:#252b36;background:var(--panel-2);border:1px solid #353c4a;border:1px solid var(--line);border-radius:8px;display:flex;gap:14px;justify-content:space-between;padding:10px 12px}.setting-row.toggle{cursor:pointer}.setting-row.toggle input[type=checkbox]{accent-color:#8fb8ff;accent-color:var(--accent);cursor:pointer;height:18px;width:18px}.setting-label{font-size:14px;font-weight:600}.setting-control{align-items:center;display:flex;gap:10px}.setting-control input[type=range]{accent-color:#8fb8ff;accent-color:var(--accent);width:200px}.setting-number{background:#0c0e13;border:1px solid #353c4a;border:1px solid var(--line);border-radius:4px;color:#e6e8ee;color:var(--text);font-family:ui-monospace,Menlo,monospace;font-size:13px;padding:6px 8px;width:80px}.setting-unit{color:#8a93a3;color:var(--muted);font-size:13px}.keybind-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.keybind-row{align-items:center;background:#252b36;background:var(--panel-2);border:1px solid #353c4a;border:1px solid var(--line);border-radius:8px;display:flex;gap:14px;padding:10px}.keybind-row img{height:44px;object-fit:contain;width:44px}.keybind-meta{flex:1 1;min-width:0}.keybind-name{font-size:14px;font-weight:600}.keybind-hint{color:#8a93a3;color:var(--muted);font-size:12px}.big-key{background:#0c0e13;border:1px solid #353c4a;border:1px solid var(--line);border-radius:4px;color:#e6e8ee;color:var(--text);display:inline-block;font-family:ui-monospace,Menlo,monospace;font-size:16px;min-width:64px;padding:8px 14px;text-align:center}.big-key.rebinding{background:#8fb8ff;background:var(--accent);color:#000}.pill{background:#252b36;background:var(--panel-2);border:1px solid #353c4a;border:1px solid var(--line);border-radius:999px;display:inline-block;font-size:12px;padding:4px 10px}.pill.red{background:#c0392b;background:var(--red-realm);border-color:#e57373}.pill.blue{background:#2980b9;background:var(--blue-realm);border-color:#6fb3e0}.pill.tank{background:#555;background:var(--tank-realm);border-color:#999}.chart{background:radial-gradient(circle at 50% 50%,#2a3142 0,#14171f 70%);border:1px solid #353c4a;border:1px solid var(--line);border-radius:50%;height:460px;margin:16px auto;position:relative;transition:box-shadow .1s,background .1s;width:460px}.chart.flashing{animation:chart-flash .45s ease-out}@keyframes chart-flash{0%{background:radial-gradient(circle at 50% 50%,#2a3142 0,#14171f 70%);box-shadow:0 0 0 0 #8fb8ff00}25%{background:radial-gradient(circle at 50% 50%,#3a4a7a 0,#14171f 70%);box-shadow:0 0 60px 8px #8fb8ffb3}to{background:radial-gradient(circle at 50% 50%,#2a3142 0,#14171f 70%);box-shadow:0 0 0 0 #8fb8ff00}}.slot{align-items:center;background:#00000040;border:1px solid #353c4a;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;height:110px;justify-content:center;transform:translate(-50%,-50%);width:110px}.slot,.slot .pos{position:absolute}.slot .pos{color:#8a93a3;color:var(--muted);font-size:14px;font-weight:600;left:8px;top:4px}.slot.center{background:#0000008c;border-color:#8fb8ff;border-color:var(--accent);box-shadow:0 0 24px #8fb8ff73;height:150px;left:50%;top:50%;width:150px}.slot.center img{height:110px;width:110px}.slot.center .qmark{font-size:72px}.slot.center.locked{border-color:#6ad28a;border-color:var(--good);box-shadow:0 0 24px #6ad28a8c}.slot.center.locked img{filter:brightness(.85) saturate(1.1)}.slot.current{border-color:#8fb8ff;border-color:var(--accent);box-shadow:0 0 16px #8fb8ff73}.slot.done{opacity:.45}.slot.hidden img{filter:grayscale(1) brightness(.4);opacity:.3}.slot img{height:72px;object-fit:contain;width:72px}.slot .qmark{color:#8a93a3;color:var(--muted);font-size:42px}.buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);margin-top:16px}.symbtn{align-items:center;background:#252b36;background:var(--panel-2);border:1px solid #353c4a;border:1px solid var(--line);border-radius:10px;color:#e6e8ee;color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:12px;transition:transform .05s,border-color .15s,background .15s}.symbtn:hover:not(:disabled){border-color:#8fb8ff;border-color:var(--accent)}.symbtn:active:not(:disabled){transform:translateY(1px)}.symbtn:disabled{cursor:not-allowed;opacity:.6}.symbtn img{height:64px;object-fit:contain;width:64px}.symbtn .lbl{color:#8a93a3;color:var(--muted);font-size:12px}.symbtn .key{background:#0c0e13;border:1px solid #353c4a;border:1px solid var(--line);border-radius:4px;display:inline-block;font-family:ui-monospace,Menlo,monospace;font-size:12px;min-width:22px;padding:2px 6px}.symbtn .key.rebinding{background:#8fb8ff;background:var(--accent);color:#000}.symbtn.auto{outline:2px solid #6ad28a;outline:2px solid var(--good)}.symbtn.flash{background:#2f4a6a}.status{background:#252b36;background:var(--panel-2);border:1px solid #353c4a;border:1px solid var(--line);border-radius:8px;font-family:ui-monospace,Menlo,monospace;font-size:13px;margin-top:16px;padding:12px}.status.win{border-color:#6ad28a;border-color:var(--good);color:#6ad28a;color:var(--good)}.status.loss{border-color:#e57373;border-color:var(--bad);color:#e57373;color:var(--bad)}.history{color:#8a93a3;color:var(--muted);margin-top:8px}.hist-item{margin-right:8px}.stats{background:#252b36;background:var(--panel-2);border:1px solid #353c4a;border:1px solid var(--line);border-radius:8px;color:#8a93a3;color:var(--muted);font-family:ui-monospace,Menlo,monospace;font-size:13px;margin-top:12px;padding:12px}.stats-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;padding:4px 0}.stats-row+.stats-row{border-top:1px solid #353c4a;border-top:1px solid var(--line);margin-top:4px;padding-top:8px}.stats-title{min-width:90px}.stats b,.stats-title{color:#e6e8ee;color:var(--text);font-weight:600}.phase3-area{background:radial-gradient(circle at 50% 0,#2a3142 0,#14171f 80%);border:1px solid #353c4a;border:1px solid var(--line);border-radius:14px;margin:16px auto;padding:24px;position:relative}.phase3-area.flashing{animation:chart-flash .45s ease-out}.phase3-countdown{border-radius:14px}.phase3-strip{flex-wrap:wrap;gap:14px;margin-bottom:18px}.phase3-cell,.phase3-strip{display:flex;justify-content:center}.phase3-cell{align-items:center;background:#00000059;border:1px solid #353c4a;border:1px solid var(--line);border-radius:12px;flex-direction:column;height:130px;padding-top:22px;position:relative;transition:border-color .15s,box-shadow .15s;width:110px}.phase3-cell .phase3-num{color:#8a93a3;color:var(--muted);font-size:14px;font-weight:600;left:0;position:absolute;right:0;text-align:center;top:6px}.phase3-cell img{height:78px;object-fit:contain;width:78px}.phase3-cell.done{opacity:.4}.phase3-cell.current{border-color:#8fb8ff;border-color:var(--accent);box-shadow:0 0 18px #8fb8ff73}.phase3-cell.locked{border-color:#6ad28a;border-color:var(--good);box-shadow:0 0 18px #6ad28a80}.phase3-cell .qmark{color:#8a93a3;color:var(--muted);font-size:56px}.phase3-center{display:flex;margin:0 auto 20px;position:static!important;transform:none!important}.phase3-list-dots{display:flex;gap:12px;justify-content:center}.phase3-dot{align-items:center;background:#00000040;border:1px solid #353c4a;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;gap:2px;min-width:56px;padding:6px 10px}.phase3-dot.done{border-color:#6ad28a;border-color:var(--good);opacity:.5}.phase3-dot.current{border-color:#8fb8ff;border-color:var(--accent);box-shadow:0 0 10px #8fb8ff59}.phase3-dot-label{font-size:12px;font-weight:600}.phase3-dot-size{color:#8a93a3;color:var(--muted);font-family:ui-monospace,Menlo,monospace;font-size:11px}.pill.phase3{background:#6a4a8f;border-color:#b58cff}.countdown-overlay{align-items:center;background:#0f1115a6;border-radius:50%;display:flex;inset:0;justify-content:center;position:absolute;z-index:5}.countdown-number{animation:countdown-pop 1s ease-out forwards;color:#8fb8ff;color:var(--accent);font-size:160px;font-weight:700;text-shadow:0 0 30px #8fb8ff99}@keyframes countdown-pop{0%{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1.1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.timer-bar{background:#0c0e13;border:1px solid #353c4a;border:1px solid var(--line);border-radius:4px;height:6px;margin-top:8px;overflow:hidden}.timer-fill{animation:timer-shrink 1.5s linear forwards;background:linear-gradient(90deg,#6ad28a,#8fb8ff,#e57373);background:linear-gradient(90deg,var(--good),var(--accent),var(--bad));height:100%;transform-origin:left center;width:100%}@keyframes timer-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.legend{color:#8a93a3;color:var(--muted);font-size:12px;margin-top:16px}.role-buttons{display:flex;gap:12px}hr{border:none;border-top:1px solid #353c4a;border-top:1px solid var(--line);margin:24px 0}.footer-small{color:#8a93a3;color:var(--muted);font-size:12px}.footer-small kbd{background:#0c0e13;border:1px solid #353c4a;border:1px solid var(--line);border-radius:4px;font-family:ui-monospace,Menlo,monospace;padding:2px 6px}
/*# sourceMappingURL=main.b4d6d4d4.css.map*/