@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=JetBrains+Mono:wght@400;600;700&display=swap";:root{--bg-1: #12100e;--bg-2: #1b1815;--bg-3: #242019;--bg-4: #2e2820;--line: #3a3229;--accent: #ce422b;--accent-soft: rgba(206, 66, 43, .16);--ok: #6ea84f;--text: #ece5da;--text-2: #a99e8f;--text-3: #6d6357;--sans: "Barlow Condensed", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1100px 600px at 50% -10%,#2a231c 0%,transparent 70%),repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 2px,transparent 2px 5px),var(--bg-1);color:var(--text);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}kbd{font-family:var(--mono);font-size:10px;padding:2px 5px;margin-left:8px;border-radius:3px;background:#00000059;border:1px solid var(--line);color:var(--text-3)}.btn{font-family:var(--sans);font-size:17px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text);background:var(--bg-3);border:1px solid var(--line);border-radius:3px;padding:12px 20px;cursor:pointer;transition:background .12s,border-color .12s,transform .06s}.btn:hover:not(:disabled){background:var(--bg-4);border-color:#4d4235}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:#a4331f}.btn--primary:hover:not(:disabled){background:#b93a26;border-color:#a4331f}.btn--fail{background:var(--bg-3)}.btn--found{background:#3f6b2c;border-color:#355925}.btn--found:hover:not(:disabled){background:#4a7d34}.input{width:100%;font-family:var(--sans);font-size:17px;color:var(--text);background:var(--bg-1);border:1px solid var(--line);border-radius:3px;padding:11px 13px;outline:none}.input:focus{border-color:var(--accent)}.input--code{font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase}.field{display:block;margin-bottom:18px}.field__label{display:block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-bottom:7px}.field__hint{margin:8px 0 0;font-size:14px;color:var(--text-3)}.segmented{display:flex;gap:4px;background:var(--bg-1);border:1px solid var(--line);border-radius:3px;padding:4px}.segmented__item{flex:1;font-family:var(--sans);font-size:15px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);background:transparent;border:0;border-radius:2px;padding:8px 6px;cursor:pointer}.segmented__item:hover{color:var(--text)}.segmented__item.is-active{background:var(--accent-soft);color:var(--accent)}.card{background:var(--bg-2);border:1px solid var(--line);border-radius:4px;padding:22px}.card__title{margin:0 0 18px;font-size:20px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.home{max-width:880px;margin:0 auto;padding:56px 20px 40px;display:flex;flex-direction:column;gap:18px}.home__head{text-align:center;margin-bottom:8px}.home__title{margin:0;font-size:58px;font-weight:700;letter-spacing:.12em;line-height:1}.home__title span{color:var(--accent)}.home__sub{margin:10px 0 0;color:var(--text-2);font-size:17px}.home__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.home__foot{text-align:center;color:var(--text-3);font-size:14px;margin:6px 0 0}.alert{background:var(--accent-soft);border:1px solid var(--accent);border-radius:3px;padding:11px 14px;color:#f0b3a8;margin:0}.raid{min-height:100%;display:grid;grid-template-columns:1fr 260px;grid-template-rows:auto 1fr;grid-template-areas:"top top" "stage team"}.topbar{grid-area:top;display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid var(--line);background:#00000038}.topbar__back{font-size:20px;color:var(--text-2);background:transparent;border:1px solid var(--line);border-radius:3px;width:36px;height:36px;cursor:pointer}.topbar__back:hover{color:var(--text);border-color:#4d4235}.topbar__id{flex:1;display:flex;align-items:baseline;gap:14px;min-width:0}.topbar__label{font-size:20px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__code{font-family:var(--mono);font-size:14px;letter-spacing:.2em;color:var(--accent);background:transparent;border:1px dashed var(--line);border-radius:3px;padding:4px 9px;cursor:pointer}.topbar__copy{font-family:var(--sans);letter-spacing:.06em;color:var(--text-3);margin-left:10px;font-size:12px;text-transform:uppercase}.pill{font-size:13px;letter-spacing:.12em;text-transform:uppercase;padding:5px 11px;border-radius:999px;border:1px solid var(--line);color:var(--text-2)}.pill--online{color:var(--ok);border-color:#6ea84f80}.pill--offline,.pill--failed{color:var(--accent);border-color:#ce422b80}.stage{grid-area:stage;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:44px;padding:40px 24px}.dial,.found{text-align:center}.dial__kicker,.found__kicker{margin:0 0 10px;font-size:14px;letter-spacing:.28em;text-transform:uppercase;color:var(--text-3)}.dial__code{margin:0;font-family:var(--mono);font-weight:700;font-size:clamp(84px,17vw,176px);line-height:1;letter-spacing:.1em;color:var(--text);text-shadow:0 0 44px rgba(206,66,43,.28)}.dial__actions{display:flex;gap:14px;justify-content:center;margin-top:28px}.dial__actions .btn{min-width:190px;font-size:19px;padding:15px 22px}.dial__hint{margin:18px 0 0;color:var(--text-3);font-size:15px}.found__code{margin:0;font-family:var(--mono);font-weight:700;font-size:clamp(84px,17vw,176px);line-height:1;letter-spacing:.1em;color:var(--ok)}.found__by{margin:12px 0 26px;color:var(--text-2);font-size:17px}.progress{width:min(680px,100%)}.progress__bar{height:6px;background:var(--bg-3);border-radius:3px;overflow:hidden}.progress__bar span{display:block;height:100%;background:var(--accent);transition:width .25s ease-out}.progress__stats{display:flex;justify-content:space-between;margin-top:10px;font-size:14px;color:var(--text-3);letter-spacing:.06em;text-transform:uppercase}.progress__stats strong{font-family:var(--mono);color:var(--text);font-weight:600}.team{grid-area:team;border-left:1px solid var(--line);background:#0000002e;padding:20px 18px}.team__title{margin:0 0 14px;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3)}.team__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.team__row{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:3px}.team__row.is-me{background:var(--bg-2)}.team__row.is-off{opacity:.38}.team__dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.team__name{flex:1;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team__count{font-family:var(--mono);font-size:13px;color:var(--text-3)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#060504c7;display:flex;align-items:center;justify-content:center;padding:20px}.modal__box{background:var(--bg-2);border:1px solid var(--line);border-radius:4px;padding:26px;max-width:460px;width:100%}.modal__title{margin:0 0 8px;font-size:22px;font-weight:600;letter-spacing:.04em}.modal__title strong{font-family:var(--mono);color:var(--accent)}.modal__text{margin:0 0 22px;color:var(--text-2);font-size:16px}.modal__actions{display:flex;gap:10px;justify-content:flex-end}@media (max-width: 860px){.home__grid{grid-template-columns:1fr}.raid{grid-template-columns:1fr;grid-template-areas:"top" "stage" "team"}.team{border-left:0;border-top:1px solid var(--line)}.dial__actions{flex-direction:column}.dial__actions .btn{width:100%}}