:root{
  --bg:#edf6f8;--paper:#fffefa;--ink:#1f2b33;--muted:#71808a;--line:#d7dfe0;--soft:#eef5f6;
  --accent:#3f6f78;--warm:#efe4d2;--ok:#47765d;--shadow:0 14px 35px rgba(35,48,55,.075);
  --perf-low-bg:#edf7f0;--perf-low-line:#bedcc7;--perf-low-ink:#356b4c;
  --perf-mid-bg:#faf4e7;--perf-mid-line:#e8d8b4;--perf-mid-ink:#816b38;
  --perf-high-bg:#faefed;--perf-high-line:#e7cbc5;--perf-high-ink:#875c53;
  --perf-same-bg:#eef4f6;--perf-same-line:#cddde2;--perf-same-ink:#58717a;
}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#eef7f9 0,#e6f1f4 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.page{max-width:1220px;margin:auto;padding:28px 22px 45px}
.hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:28px 30px;border:1px solid #dfd2bf;background:linear-gradient(135deg,#f3e8d7 0%,#f8f1e7 62%,#fbf6ee 100%);box-shadow:var(--shadow);border-radius:24px}
.eyebrow,.kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:800}
.hero h1{font-size:38px;line-height:1.05;margin:7px 0 10px;letter-spacing:-.035em}.hero p{max-width:800px;margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.status{white-space:nowrap;border-radius:99px;padding:9px 12px;font-size:11px;font-weight:800;letter-spacing:.05em;background:#edf5f0;color:var(--ok)}.status span{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;margin-right:7px}.status.wait{background:#f5eee0;color:#90713b}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stats article,.panel,.empty{background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 24px rgba(35,48,55,.045)}.stats article{padding:18px 20px}.stats span{display:block;color:var(--muted);font-size:12px}.stats strong{display:block;font-size:27px;margin:3px 0 2px}.stats small{color:#9a9183}
.panel{padding:24px;margin-top:16px}.section-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:18px}.section-head h2{margin:4px 0 0;font-size:23px}.subnote{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.note,.rain{font-size:12px;color:var(--muted)}
.guide{display:grid;grid-template-columns:1.45fr .9fr;gap:28px;align-items:center;background:linear-gradient(135deg,#fffefa,#f5f8f8)}.guide h2{margin:5px 0 8px;font-size:21px}.guide p{margin:0;color:#596973;font-size:13px;line-height:1.7}.guide-side{padding-left:24px;border-left:1px solid var(--line)}.guide-side small{display:block;color:#8a857d;font-size:11px;line-height:1.55;margin-top:10px}.sample-badge{display:inline-block;border-radius:99px;padding:7px 10px;font-size:11px;font-weight:800;margin-bottom:10px}.sample-badge.early{background:#f6ead9;color:#8a672f}.sample-badge.growing{background:#edf1e4;color:#65713b}.sample-badge.mature{background:#e8f3eb;color:#3f704f}.legend{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;color:#65747b;font-size:11px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.low{background:#9bc5a8}.dot.mid{background:#dbc68d}.dot.high{background:#dcb0a6}.dot.same{background:#aec6ce}
.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.model-card{border:1px solid var(--line);border-radius:17px;padding:18px;background:linear-gradient(180deg,#fff,#fbfdfd)}.model-card h3{margin:0 0 13px;font-size:18px}.metric{display:grid;grid-template-columns:1fr auto;align-items:baseline;border-top:1px solid #ece9df;padding:11px 10px 8px;margin:0 -4px;border-radius:9px;transition:.2s}.metric span{font-size:12px;color:var(--muted)}.metric b{font-size:18px}.metric em{grid-column:2;font-style:normal;color:#928b81;font-size:10px}.metric.perf-low{background:var(--perf-low-bg);box-shadow:inset 3px 0 0 var(--perf-low-line)}.metric.perf-mid{background:var(--perf-mid-bg);box-shadow:inset 3px 0 0 var(--perf-mid-line)}.metric.perf-high{background:var(--perf-high-bg);box-shadow:inset 3px 0 0 var(--perf-high-line)}.metric.perf-same{background:var(--perf-same-bg)}
.metric-boards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare-card{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff}.compare-title{padding:16px 17px 13px;background:linear-gradient(180deg,#fbfdfd,#f3f7f7);border-bottom:1px solid var(--line)}.compare-title h3{margin:0;font-size:17px}.compare-title span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.compare-head,.compare-row{display:grid;grid-template-columns:88px repeat(3,minmax(0,1fr));gap:8px;align-items:center}.compare-head{padding:10px 12px 8px;color:#89949a;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.compare-head b{font-weight:800;text-align:center;color:#66767d}.compare-row{padding:7px 12px;border-top:1px solid #efede6}.compare-row>strong{font-size:12px;color:#53656d}.score-chip{min-height:48px;border:1px solid #e7e5df;border-radius:10px;padding:7px 8px;text-align:center;background:#fafaf8;display:flex;flex-direction:column;justify-content:center}.score-chip b{font-size:13px;line-height:1.2}.score-chip small{font-size:9.5px;color:#7f8d92;margin-top:4px;font-weight:650}.score-chip.perf-low{background:var(--perf-low-bg);border-color:var(--perf-low-line);color:var(--perf-low-ink)}.score-chip.perf-mid{background:var(--perf-mid-bg);border-color:var(--perf-mid-line);color:var(--perf-mid-ink)}.score-chip.perf-high{background:var(--perf-high-bg);border-color:var(--perf-high-line);color:var(--perf-high-ink)}.score-chip.perf-same{background:var(--perf-same-bg);border-color:var(--perf-same-line);color:var(--perf-same-ink)}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.split .panel{margin-top:16px}.big-number{font-size:40px;font-weight:800;letter-spacing:-.04em}.caption{color:var(--muted);font-size:12px;margin-top:3px}.mini-row{display:flex;flex-wrap:wrap;gap:22px;margin-top:20px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.mini-row b{color:var(--ink)}.micro-note{color:#8a857d;font-size:11px;line-height:1.55;margin:11px 0 0}.cloud{background:linear-gradient(150deg,#fffefa,#f6f1e8)}.reserved{display:inline-block;padding:6px 10px;border-radius:9px;background:var(--warm);font-weight:800;font-size:12px}.cloud p{color:var(--muted);line-height:1.6;font-size:13px}
.latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.latest-grid>div{background:var(--soft);border-radius:14px;padding:15px}.latest-grid h3{margin:0 0 3px}.latest-grid .daily-label{display:block;color:#93a0a4;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.latest-grid span{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin:6px 0}.latest-grid span b{color:var(--ink);font-weight:750;white-space:nowrap}.empty{padding:30px;margin-top:18px}.empty code{background:#ece8de;padding:3px 6px;border-radius:6px}footer{padding:22px 6px 0;text-align:center;color:#938d84;font-size:11px;line-height:1.6}
@media(max-width:930px){.metric-boards{grid-template-columns:1fr}.guide{grid-template-columns:1fr}.guide-side{padding-left:0;padding-top:16px;border-left:0;border-top:1px solid var(--line)}}
@media(max-width:820px){.hero{display:block}.status{display:inline-block;margin-top:17px}.stats,.model-grid,.latest-grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}}
@media(max-width:620px){.compare-head,.compare-row{grid-template-columns:66px repeat(3,minmax(0,1fr));gap:5px}.compare-head{font-size:9px;padding-left:8px;padding-right:8px}.compare-row{padding-left:8px;padding-right:8px}.score-chip{padding:6px 3px}.score-chip b{font-size:11px}.score-chip small{font-size:8px}}
@media(max-width:540px){.page{padding:14px}.hero{padding:21px}.hero h1{font-size:31px}.stats,.model-grid,.latest-grid{grid-template-columns:1fr}.section-head{display:block}.rain{margin-top:8px}.panel{padding:18px}.guide{gap:14px}}
/* V1.3 — active MTG FCI cloud verification */
.cloud.active{background:linear-gradient(150deg,#fffefa,#eef6f7)}
.cloud-live{display:inline-block;padding:6px 10px;border-radius:9px;background:#e9f4ed;color:#3e6e52;font-weight:800;font-size:12px}
.cloud-method{margin:11px 0 14px!important}
.cloud-model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.cloud-model{border:1px solid #e0e5e3;border-radius:11px;padding:10px 9px;background:#fafcfb;text-align:center;display:flex;flex-direction:column;gap:3px}
.cloud-model span{font-size:10px;font-weight:800;color:#68787e}
.cloud-model b{font-size:16px;line-height:1.2}
.cloud-model small{font-size:9px;color:#7f8b8f;line-height:1.35}
.cloud-model.perf-low{background:var(--perf-low-bg);border-color:var(--perf-low-line);color:var(--perf-low-ink)}
.cloud-model.perf-mid{background:var(--perf-mid-bg);border-color:var(--perf-mid-line);color:var(--perf-mid-ink)}
.cloud-model.perf-high{background:var(--perf-high-bg);border-color:var(--perf-high-line);color:var(--perf-high-ink)}
.cloud-model.perf-same{background:var(--perf-same-bg);border-color:var(--perf-same-line);color:var(--perf-same-ink)}
.cloud-boards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:930px){.cloud-boards{grid-template-columns:1fr}}
@media(max-width:620px){.cloud-model-grid{grid-template-columns:1fr}.cloud-model{text-align:left;display:grid;grid-template-columns:1fr auto;align-items:center}.cloud-model small{grid-column:1/-1}}

/* V1.5 latest-day cloud value alignment */
.latest-grid > div > span:last-child{
    position:relative;
    padding-bottom:10px;
}

.latest-grid > div > span:last-child b{
    margin-left:auto;
    text-align:right;
}

.latest-grid > div > span:last-child small{
    position:absolute;
    right:0;
    top:15px;
    margin:0;
    font-size:9px;
    line-height:1;
    color:#8a9498;
}