@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root { --bg:#0d0a1d; --panel:#16122d; --panel-2:#1a1635; --line:rgba(191,180,255,.14); --muted:#8f8aa9; --text:#f3f0ff; --violet:#9278ff; --lime:#b8f24a; --cyan:#6be6e2; --red:#ff6d91; --blue:#6aa9ff; --yellow:#ffc66e; --shadow:0 24px 70px rgba(0,0,0,.22); }
* { box-sizing:border-box; }
html { background:var(--bg); scroll-behavior:smooth; }
body { margin:0; color:var(--text); font-family:'Space Grotesk',system-ui,sans-serif; background:radial-gradient(circle at 70% -10%,rgba(122,81,255,.15),transparent 36%), linear-gradient(180deg,#100b22 0%,#0d0a1d 100%); min-width:320px; }
button,input,select { font:inherit; }
button { cursor:pointer; }
.is-hidden { display:none!important; }
.mono { font-family:'IBM Plex Mono',monospace; letter-spacing:-.03em; }
.muted { color:var(--muted); }
.app-shell { min-height:100vh; overflow:hidden; }
.topbar { height:70px; border-bottom:1px solid var(--line); display:flex; align-items:center; padding:0 clamp(20px,4vw,64px); gap:28px; background:rgba(13,10,29,.78); backdrop-filter:blur(20px); position:sticky; top:0; z-index:10; }
.brand { display:flex; gap:10px; align-items:center; text-decoration:none; color:var(--text); font-weight:700; letter-spacing:-.07em; }
.brand-name { font-size:22px; }.brand-name span { color:var(--lime); }.brand-beta { color:var(--muted); letter-spacing:.1em; font-size:9px; border:1px solid var(--line); padding:4px 6px; border-radius:4px; }
.brand-mark { width:21px; height:21px; display:flex; gap:3px; align-items:end; transform:skew(-12deg); }.brand-mark i { display:block; width:5px; border-radius:3px 3px 0 0; background:var(--lime); }.brand-mark i:nth-child(1){height:10px;opacity:.55}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:13px;opacity:.78}
.topbar-status { margin:auto; color:var(--muted); font:11px 'IBM Plex Mono',monospace; display:flex; align-items:center; gap:8px; }.status-dot { width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px var(--lime); }
.topbar-actions { display:flex; gap:10px; }.icon-button,.avatar-button,.tool-button { color:var(--muted); background:transparent; border:1px solid var(--line); border-radius:8px; width:32px;height:32px; }.avatar-button { background:var(--violet); color:#160f31; border:0; font-size:11px; font-weight:700; }
.page-wrap { width:min(1430px,calc(100% - 40px)); margin:0 auto; padding:70px 0 28px; }
.hero-block { display:grid; grid-template-columns:1.04fr 1fr; align-items:end; gap:60px; padding-bottom:55px; }.eyebrow,.section-kicker,.scan-topline,.side-card-title,.detail-label { font:600 10px 'IBM Plex Mono',monospace; letter-spacing:.14em; color:var(--muted); }.eyebrow { display:flex; gap:10px; align-items:center; }.eyebrow-line { width:33px; height:1px; background:var(--lime); }
h1 { margin:16px 0 15px; font-size:clamp(44px,6vw,86px); line-height:.93; letter-spacing:-.08em; font-weight:600; }.hero-copy h1 em { color:var(--lime); font-style:normal; }.hero-copy p { color:var(--muted); max-width:400px; font-size:15px; line-height:1.65; margin:0; }
.scan-box { border:1px solid var(--line); background:rgba(27,21,57,.65); padding:16px; box-shadow:var(--shadow); }.scan-topline { display:flex; justify-content:space-between; padding-bottom:13px; border-bottom:1px solid var(--line); }.scan-form { display:flex; gap:8px; align-items:center; padding:15px 0 12px; }.search-glyph { font-size:23px; color:var(--lime); transform:rotate(-20deg); margin-left:3px; }.scan-form input { min-width:0; flex:1; background:transparent; color:var(--text); border:0; outline:0; font-size:16px; }.scan-form select,.scan-foot select { background:transparent; color:var(--muted); border:0; outline:0; font-size:12px; }.scan-form select option,.scan-foot select option { background:var(--panel); }.scan-button,.wide-button { border:0; color:#151127; background:var(--lime); padding:12px 15px; font-weight:700; font-size:12px; border-radius:6px; }.scan-button span,.wide-button span { margin-left:10px; font-size:15px; }.scan-foot { border-top:1px solid var(--line); padding-top:11px; color:var(--muted); font:10px 'IBM Plex Mono',monospace; display:flex; justify-content:space-between; }.scan-foot strong { color:var(--cyan); font-weight:500; }
.view-tabs { display:flex; align-items:center; gap:6px; border-bottom:1px solid var(--line); margin-bottom:24px; }.view-tab { background:transparent; border:0; color:var(--muted); padding:15px 18px; position:relative; font-size:13px; }.view-tab span { color:#605a7a; margin-right:8px; font:10px 'IBM Plex Mono',monospace; }.view-tab.active { color:var(--text); }.view-tab.active:after { content:''; position:absolute; bottom:-1px; left:0;right:0;height:2px;background:var(--lime); }.view-tabs-spacer { flex:1; }.ghost-button,.link-button,.small-button { border:1px solid var(--line); background:transparent; color:var(--muted); padding:9px 12px; border-radius:5px; font-size:11px; }.ghost-button:hover,.small-button:hover,.link-button:hover { color:var(--text);border-color:rgba(184,242,74,.45); }.link-button { border:0; padding:0; color:var(--lime); }.link-button span { margin-left:8px; }
.state-card { display:flex; align-items:center; gap:14px; background:var(--panel); border:1px solid var(--line); padding:20px 22px; margin-bottom:24px; }.state-card p { color:var(--muted); margin:5px 0 0; font-size:12px; }.state-icon { width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);color:var(--lime);font-weight:700; }.error-state { border-color:rgba(255,109,145,.45); }.error-state .state-icon { color:var(--red);border-color:var(--red); }.error-state .small-button { margin-left:auto; }.loader { width:24px;height:24px;border:2px solid rgba(184,242,74,.25);border-top-color:var(--lime);border-radius:50%;animation:spin .8s linear infinite; } @keyframes spin {to{transform:rotate(360deg)}}
.signal-strip { display:grid; grid-template-columns:1.8fr .7fr .7fr; gap:10px; margin-bottom:24px; }.signal-card { min-height:108px; background:var(--panel); border:1px solid var(--line); padding:18px 19px; position:relative; }.signal-card small { display:block; color:var(--muted); font:10px 'IBM Plex Mono',monospace; letter-spacing:.13em; }.signal-card strong { display:block; margin-top:10px; font-size:18px; }.signal-card p { color:var(--muted); font-size:11px; margin:8px 0 0; }.signal-card b { color:var(--lime); font-weight:500; }.signal-main { display:flex; gap:16px; border-color:rgba(184,242,74,.3); background:linear-gradient(100deg,rgba(184,242,74,.09),var(--panel) 60%); }.signal-main .signal-index { color:var(--lime); font:11px 'IBM Plex Mono',monospace; padding-top:2px; }.signal-arrow { color:var(--lime); font-size:22px; margin-left:auto; }.signal-value { font:700 24px 'IBM Plex Mono',monospace; }.signal-value.lime { color:var(--lime); }.signal-note { color:var(--muted); font-size:10px; display:block; margin-top:9px; }.mini-bars { display:inline-flex; gap:2px; vertical-align:middle; margin-right:5px; }.mini-bars i { width:3px;height:11px;background:var(--violet);display:block; }.mini-bars i:nth-child(1){height:6px;opacity:.4}.mini-bars i:nth-child(2){height:9px;opacity:.65}.mini-bars i:nth-child(4){height:5px;opacity:.3}
.dashboard-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:24px; align-items:start; }.primary-column { display:flex; flex-direction:column; gap:24px; }.dashboard-block,.side-card,.coach-card,.alternate-view { background:rgba(22,18,45,.84); border:1px solid var(--line); }.dashboard-block { padding:24px; }.section-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:21px; }.section-kicker { color:var(--lime); display:flex; gap:8px; align-items:center; }.crosshair { width:9px; height:9px; border:1px solid var(--lime); display:inline-block; transform:rotate(45deg); }.section-heading h2,.alternate-header h2 { margin:10px 0 0; font-size:21px; letter-spacing:-.045em; }.section-tools { display:flex; gap:10px; align-items:center; }.section-badge { padding:6px 8px; border:1px solid rgba(184,242,74,.4); color:var(--lime); font:9px 'IBM Plex Mono',monospace; letter-spacing:.1em; }.team-switcher { display:flex; align-items:center; gap:7px; margin-bottom:14px; }.team-filter { border:1px solid var(--line); background:transparent; color:var(--muted); padding:8px 10px; border-radius:4px; font-size:11px; }.team-filter b { color:#c0bacd; font:10px 'IBM Plex Mono',monospace; margin-left:5px; }.team-filter.active { background:var(--text); color:#17132d; border-color:var(--text); }.team-filter.active b { color:#544d6d; }.team-filter i { width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:6px;background:var(--blue); }.red-filter i { background:var(--red); }.duo-legend { margin-left:auto;color:var(--muted);font-size:10px;display:flex;align-items:center;gap:6px; }.duo-symbol { color:var(--lime);font-size:18px; }
.player-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }.player-card { background:#1b1736; border:1px solid var(--line); min-width:0; padding:12px 11px 10px; position:relative; transition:transform .2s,border-color .2s,background .2s; }.player-card:hover { transform:translateY(-2px);border-color:rgba(184,242,74,.4);background:#211b42; }.player-card.blue { border-top:2px solid var(--blue); }.player-card.red { border-top:2px solid var(--red); }.player-top { display:flex; justify-content:space-between; align-items:center; gap:8px; }.player-name { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600; }.player-duo { color:var(--lime);font-size:14px; }.champion-row { display:flex; align-items:center; gap:9px; padding:13px 0 10px; }.champion-mark { width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:700;font-size:12px;color:#0d0a1d;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12); }.champion-mark.tahm{background:#d99a5c}.champion-mark.viego{background:#9a7eff}.champion-mark.qiyana{background:#6be6e2}.champion-mark.lux{background:#f6d681}.champion-mark.irelia{background:#cf8ff1}.champion-mark.lucian{background:#74b9ff}.champion-mark.nami{background:#7fdcff}.champion-mark.zed{background:#ff7188}.champion-mark.ahri{background:#ff9ac9}.champion-mark.garen{background:#83b7ff}.champion-name { font-size:11px;font-weight:600; }.champion-level { font:9px 'IBM Plex Mono',monospace;color:var(--muted);margin-top:3px; }.player-stat { display:flex; justify-content:space-between; gap:7px; font-size:10px; color:var(--muted); padding:3px 0; }.player-stat b { color:var(--text);font:10px 'IBM Plex Mono',monospace; }.role-row { display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--line); margin-top:5px; padding-top:9px; font-size:10px; color:var(--muted); }.role { color:var(--text); }.role-dot { display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;background:var(--lime); }.card-tags { display:flex; flex-wrap:wrap; gap:3px; margin-top:10px; min-height:19px; }.tag { font-size:8px; padding:4px 5px; border-radius:3px; border:1px solid rgba(184,242,74,.3); color:var(--lime); white-space:nowrap; }.tag.warn { color:var(--yellow);border-color:rgba(255,198,110,.35); }.tag.red { color:var(--red);border-color:rgba(255,109,145,.35); }.recent-row { color:var(--muted);font:9px 'IBM Plex Mono',monospace;margin-top:9px; }.recent-row b { color:var(--text); }.player-card.duo-card:after { content:'DUO';position:absolute;top:-10px;right:9px;background:var(--lime);color:#0d0a1d;padding:3px 5px;font:700 8px 'IBM Plex Mono',monospace;letter-spacing:.07em; }
.jungle-grid { display:grid;grid-template-columns:1.5fr 1fr;gap:11px; }.route-card,.mini-radar { background:#1a1635;border:1px solid var(--line);padding:17px; }.route-header,.radar-title { display:flex;justify-content:space-between;align-items:center;color:var(--muted);font:10px 'IBM Plex Mono',monospace; }.route-header b { color:var(--text);font-weight:500; }.route-meta { display:flex;gap:10px;align-items:center;margin:13px 0 19px; }.route-chip { font-size:10px;border:1px solid rgba(184,242,74,.4);color:var(--lime);padding:4px 6px;border-radius:3px; }.camp-sequence { display:flex;align-items:center;justify-content:space-between;gap:5px; }.route-line { height:1px;background:linear-gradient(90deg,var(--lime),rgba(184,242,74,.1));flex:1; }.camp-node { text-align:center;min-width:42px; }.camp-node span { display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;margin:0 auto 7px;color:var(--muted);font:10px 'IBM Plex Mono',monospace; }.camp-node.start span,.camp-node.end span { color:var(--lime);border-color:rgba(184,242,74,.55); }.camp-node strong { display:block;font-size:10px; }.camp-node small { display:block;color:var(--muted);font-size:8px;margin-top:3px; }.route-note { border-top:1px solid var(--line);margin-top:17px;padding-top:11px;color:var(--muted);font-size:10px;line-height:1.4; }.route-note span { color:var(--lime);margin-right:6px; }.radar-title { padding-bottom:15px;border-bottom:1px solid var(--line); }.pressure-row { display:grid;grid-template-columns:9px 35px 1fr 23px;align-items:center;gap:7px;margin-top:15px;font-size:10px; }.lane-dot { width:7px;height:7px;border-radius:50%; }.top-dot{background:var(--red)}.mid-dot{background:var(--violet)}.bot-dot{background:var(--cyan)}.pressure-track,.tiny-track,.focus-progress { height:4px;background:#2d274c;border-radius:4px;overflow:hidden; }.pressure-track i,.tiny-track i,.focus-progress i { display:block;height:100%;background:var(--lime);border-radius:4px; }.pressure-score { font:10px 'IBM Plex Mono',monospace;color:var(--text);text-align:right; }.radar-foot { border-top:1px solid var(--line);margin-top:18px;padding-top:12px;font-size:10px;color:var(--muted); }.radar-foot strong { color:var(--lime); }.pulse { width:6px;height:6px;background:var(--lime);border-radius:50%;display:inline-block;margin-right:5px;box-shadow:0 0 0 4px rgba(184,242,74,.1); }
.objective-list { display:flex;flex-direction:column;gap:4px; }.objective-row { display:grid;grid-template-columns:33px 1fr 58px 43px;align-items:center;gap:10px;padding:10px 11px;background:#1a1635;border:1px solid transparent; }.objective-row:hover { border-color:var(--line); }.objective-icon { width:28px;height:28px;display:grid;place-items:center;border-radius:8px;font-size:17px; }.dragon{color:#6be6e2;background:rgba(107,230,226,.1)}.herald{color:#b8f24a;background:rgba(184,242,74,.1)}.crab{color:#9278ff;background:rgba(146,120,255,.1)}.objective-row strong,.objective-row small { display:block; }.objective-row strong { font-size:11px; }.objective-row small { color:var(--muted);font-size:9px;margin-top:3px; }.objective-time { color:var(--text);font:11px 'IBM Plex Mono',monospace;text-align:right; }.priority { font:9px 'IBM Plex Mono',monospace;text-align:center;padding:4px;border-radius:3px; }.priority.high{color:var(--lime);background:rgba(184,242,74,.1)}.priority.medium{color:var(--yellow);background:rgba(255,198,110,.1)}.priority.low{color:var(--violet);background:rgba(146,120,255,.1)}
.notes-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:9px; }.note-card { background:#1a1635;border:1px solid var(--line);padding:15px;min-height:145px;display:flex;flex-direction:column; }.note-card.accent { border-color:rgba(184,242,74,.35); }.note-number { color:var(--lime);font:10px 'IBM Plex Mono',monospace; }.note-card p { color:var(--muted);font-size:11px;line-height:1.5;margin:20px 0 auto; }.note-card strong { color:var(--text);font-weight:500; }.note-tag { color:#5f587a;font:9px 'IBM Plex Mono',monospace;margin-top:15px; }
.side-column { display:flex;flex-direction:column;gap:11px; }.coach-card { padding:19px;background:linear-gradient(145deg,rgba(146,120,255,.16),rgba(22,18,45,.9) 70%);border-color:rgba(146,120,255,.3); }.coach-head { display:flex;align-items:center;gap:10px; }.coach-orb { width:30px;height:30px;display:grid;place-items:center;color:var(--lime);border:1px solid rgba(184,242,74,.45);border-radius:50%; }.coach-head small,.coach-head strong { display:block; }.coach-head small { color:var(--muted);font:9px 'IBM Plex Mono',monospace; }.coach-head strong { font-size:13px;margin-top:3px; }.live-pill { margin-left:auto;color:var(--lime);font:9px 'IBM Plex Mono',monospace;border:1px solid rgba(184,242,74,.35);padding:4px 5px; }.coach-quote { font-size:14px;line-height:1.5;margin:22px 0 20px;color:#e5e1f8; }.coach-quote em { color:var(--lime);font-style:normal; }.coach-next { display:flex;gap:10px;padding-top:14px;border-top:1px solid var(--line); }.coach-next>span { color:var(--lime);font-size:17px; }.coach-next small,.coach-next strong,.coach-next p { display:block; }.coach-next small { color:var(--muted);font:9px 'IBM Plex Mono',monospace; }.coach-next strong { font-size:11px;margin-top:5px; }.coach-next p { color:var(--muted);font-size:10px;margin:5px 0 0; }.side-card { padding:17px; }.side-card-title { display:flex;justify-content:space-between;align-items:center;margin-bottom:17px; }.team-summary { padding-bottom:17px;border-bottom:1px solid var(--line); }.red-summary { padding-top:17px;padding-bottom:0;border-bottom:0; }.team-summary-title { display:flex;align-items:center;gap:7px;font-size:11px; }.team-summary-title .muted { margin-left:auto;font-size:9px; }.team-mark { width:7px;height:7px;border-radius:50%; }.blue-mark{background:var(--blue)}.red-mark{background:var(--red)}.stat-line { display:grid;grid-template-columns:1fr 40px 82px;align-items:center;gap:9px;color:var(--muted);font-size:10px;margin-top:13px; }.stat-line b { color:var(--text);font:10px 'IBM Plex Mono',monospace;text-align:right; }.tiny-track i { background:var(--blue); }.red-track i { background:var(--red); }.focus-main { display:flex;align-items:center;gap:13px; }.focus-ring { width:50px;height:50px;border:2px solid var(--lime);border-left-color:rgba(184,242,74,.15);border-radius:50%;display:grid;place-items:center;font:16px 'IBM Plex Mono',monospace;color:var(--lime); }.focus-main strong { font-size:14px; }.focus-main p { color:var(--muted);font-size:10px;margin:5px 0 0; }.focus-progress { margin-top:19px; }.focus-foot { display:block;color:var(--muted);font-size:9px;margin-top:8px; }.source-card { display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;background:rgba(107,230,226,.05);border-color:rgba(107,230,226,.22); }.source-icon { color:var(--cyan);font-size:20px; }.source-card strong,.source-card p { display:block;margin-left:38px; }.source-card strong { margin-top:-27px;font-size:11px; }.source-card p { color:var(--muted);font-size:10px;line-height:1.4;margin-top:6px; }.source-card button { border:0;background:transparent;color:var(--cyan);font-size:10px;margin-left:38px;padding:0; }
.alternate-view { padding:28px; }.alternate-header { display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:28px;border-bottom:1px solid var(--line); }.alternate-header p { color:var(--muted);font-size:12px;line-height:1.5;max-width:500px;margin:12px 0 0; }.jungle-detail-grid,.custom-layout { display:grid;grid-template-columns:1.5fr 1fr;gap:14px;margin-top:18px; }.detail-route,.custom-card { border:1px solid var(--line);background:#1a1635;padding:20px; }.detail-label { display:flex;justify-content:space-between; }.big-route { display:flex;align-items:center;gap:8px;margin:55px 0 50px; }.big-route>span { flex:1;height:1px;background:linear-gradient(90deg,var(--lime),rgba(184,242,74,.1)); }.big-camp { min-width:82px;text-align:center; }.big-camp span { display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;margin:0 auto 12px;color:var(--muted);font:12px 'IBM Plex Mono',monospace; }.big-camp.active span,.big-camp.last span { color:var(--lime);border-color:var(--lime); }.big-camp b,.big-camp small { display:block; }.big-camp b { font-size:12px; }.big-camp small { color:var(--muted);font-size:9px;margin-top:5px; }.route-principle { border-top:1px solid var(--line);padding-top:15px;color:var(--muted);font-size:11px; }.route-principle span { color:var(--lime);margin-right:7px; }.route-principle strong { color:var(--text);font-weight:500; }.decision-stack { display:flex;flex-direction:column;gap:10px; }.decision-card { border:1px solid var(--line);padding:17px;background:#1a1635; }.decision-card span { font:9px 'IBM Plex Mono',monospace;color:var(--muted); }.decision-card strong,.decision-card small { display:block; }.decision-card strong { font-size:12px;margin-top:10px; }.decision-card small { font-size:10px;color:var(--muted);line-height:1.4;margin-top:6px; }.decision-card.good { border-color:rgba(184,242,74,.35); }.decision-card.good span,.decision-card.good strong{color:var(--lime)}.decision-card.warn { border-color:rgba(255,198,110,.3); }.decision-card.warn span,.decision-card.warn strong{color:var(--yellow)}.custom-card-head { display:flex;justify-content:space-between;align-items:flex-start; }.custom-card h3 { margin:9px 0 0;font-size:17px; }.saved-pill { color:var(--lime);font:9px 'IBM Plex Mono',monospace;border:1px solid rgba(184,242,74,.35);padding:5px 6px; }.toggle-row { display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid var(--line);position:relative; }.toggle-row span { display:flex;flex-direction:column;gap:4px; }.toggle-row b { font-size:11px; }.toggle-row small { color:var(--muted);font-size:9px; }.toggle-row input { position:absolute;opacity:0; }.toggle-row i { width:34px;height:19px;background:#302b4f;border-radius:20px;position:relative;transition:.2s; }.toggle-row i:after { content:'';width:13px;height:13px;background:#77718e;border-radius:50%;position:absolute;top:3px;left:3px;transition:.2s; }.toggle-row input:checked+i { background:rgba(184,242,74,.25); }.toggle-row input:checked+i:after { background:var(--lime);left:18px; }.custom-help { color:var(--muted);font-size:11px;line-height:1.5;margin:16px 0; }.block-order-list { display:flex;flex-direction:column;gap:7px;margin-bottom:18px; }.block-order-row { display:flex;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);background:rgba(13,10,29,.3); }.block-order-row .drag { color:var(--muted);font-size:15px; }.block-order-row b { font-size:11px; }.order-actions { margin-left:auto;display:flex;gap:3px; }.order-actions button { border:0;background:transparent;color:var(--muted);font-size:14px;padding:2px 5px; }.order-actions button:hover { color:var(--lime); }.wide-button { width:100%; }.toast { position:fixed;right:24px;bottom:22px;background:var(--lime);color:#151127;padding:12px 16px;border-radius:5px;font-size:11px;font-weight:700;transform:translateY(120px);transition:.25s;z-index:30; }.toast.show { transform:translateY(0); }.footer { display:flex;justify-content:space-between;padding:30px 0 12px;color:#5e5877;font:9px 'IBM Plex Mono',monospace;letter-spacing:.08em; }.footer span:nth-child(2){letter-spacing:0;text-transform:none;font-family:'Space Grotesk',sans-serif;font-size:10px;}
dialog { background:#1a1635;border:1px solid rgba(184,242,74,.4);color:var(--text);padding:28px;max-width:420px;box-shadow:var(--shadow); }.dialog-close { position:absolute;right:13px;top:10px;border:0;background:transparent;color:var(--muted);font-size:22px; }.dialog-close:hover { color:var(--text); }dialog h2 { font-size:21px;margin:16px 0 10px; }dialog p { color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 20px; }dialog::backdrop { background:rgba(5,3,14,.72);backdrop-filter:blur(5px); }
@media (max-width:1200px){.player-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-layout{grid-template-columns:1fr}.side-column{display:grid;grid-template-columns:repeat(3,1fr);align-items:start}.signal-strip{grid-template-columns:1.5fr .75fr .75fr}.source-card{grid-column:auto}}
@media (max-width:820px){.hero-block{grid-template-columns:1fr;gap:28px;padding-bottom:35px}.page-wrap{padding-top:45px}.hero-copy p{max-width:520px}.signal-strip{grid-template-columns:1fr 1fr}.signal-main{grid-column:1/-1}.jungle-grid,.jungle-detail-grid,.custom-layout{grid-template-columns:1fr}.side-column{grid-template-columns:1fr 1fr}.coach-card{grid-column:1/-1}.notes-grid{grid-template-columns:1fr 1fr}.note-card:last-child{grid-column:1/-1}}
@media (max-width:580px){.topbar{padding:0 18px;gap:14px}.topbar-status{display:none}.page-wrap{width:min(100% - 24px,1430px);padding-top:35px}.hero-block{gap:24px}.scan-form{flex-wrap:wrap}.scan-form input{width:calc(100% - 70px);flex:auto}.scan-button{width:100%}.view-tabs{overflow:auto}.view-tab{padding-left:10px;padding-right:10px;white-space:nowrap}.ghost-button{display:none}.signal-strip{grid-template-columns:1fr}.signal-main{grid-column:auto}.player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-block,.alternate-view{padding:17px}.section-heading{flex-direction:column;gap:12px}.section-heading .link-button{align-self:flex-start}.team-switcher{flex-wrap:wrap}.duo-legend{width:100%;margin-left:0}.jungle-grid{grid-template-columns:1fr}.camp-sequence{gap:2px}.camp-node{min-width:35px}.camp-node small{font-size:7px}.notes-grid{grid-template-columns:1fr}.note-card:last-child{grid-column:auto}.side-column{display:flex}.alternate-header{flex-direction:column}.big-route{gap:2px;margin:42px 0}.big-camp{min-width:52px}.big-camp b{font-size:9px}.big-camp small{font-size:7px}.footer{flex-direction:column;gap:8px}.footer span:nth-child(2){order:3}.objective-row{grid-template-columns:30px 1fr 45px}.priority{display:none}}