:root{--bg:#e8eef6;--paper:#ffffff;--ink:#102033;--muted:#4d6178;--line:#c3d0e0;--accent:#0a3a7a;--accent-ink:#eef4fb;--home:#1573d6;--draw:#e8b923;--away:#e24a2b;--ok:#1b8a4a;--ng:#d32f2f;--na:#6b7a8c}*{box-sizing:border-box}html{height:100%}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;line-height:1.55}body{min-height:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}header.site{flex-shrink:0;background:var(--accent);color:var(--accent-ink)}footer.site .inner,header.site .inner,main .inner{max-width:960px;margin:0 auto;padding:16px 20px}header.site .brand{font-size:22px;font-weight:700;letter-spacing:.02em;cursor:pointer}header.site nav{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:12px;font-size:14px}header.site nav a{cursor:pointer}header.site nav a[aria-current=page]{border-bottom:2px solid var(--accent-ink)}main{flex:1 0 auto;width:100%;padding-bottom:48px}h1{font-size:28px;margin:8px 0 12px}.hero h1{font-size:32px}.links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px;margin-bottom:24px}.link-card{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:8px;padding:16px;cursor:pointer;box-shadow:0 2px 0 rgba(10,58,122,.08)}.link-card:after{content:"→";color:var(--accent);font-size:18px;font-weight:700;line-height:1;flex-shrink:0;margin-top:1px}.link-card:hover{background:#eef4fb;border-color:var(--accent);box-shadow:0 4px 12px rgba(10,58,122,.14)}.link-card>span{min-width:0}.link-card .k{color:var(--accent);font-weight:800;margin-bottom:4px}.link-card .d{font-size:13px;color:var(--muted)}.more{margin:8px 0 24px}.more a{color:var(--accent);font-weight:700;text-decoration:underline;cursor:pointer}h2{font-size:18px;margin:28px 0 12px}.lead{color:var(--muted)}.lead,.tabs{margin:0 0 20px}.tabs{display:flex;flex-wrap:wrap;gap:8px}.tabs a{border:1px solid var(--line);background:var(--paper);padding:6px 14px;font-size:14px;border-radius:999px;cursor:pointer}.tabs a:hover{border-color:var(--accent)}.tabs a[aria-current=page]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.tabs a[aria-current=page]:hover{border-color:var(--accent)}.card{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:14px 16px;margin:0 0 12px;cursor:default;box-shadow:0 1px 0 rgba(16,32,51,.04)}.card .meta-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:6px}.card .meta{color:var(--muted);font-size:13px}.share{flex-shrink:0;font-size:12px;font-weight:700;color:var(--accent);background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:2px 8px;cursor:pointer}.share:hover{border-color:var(--accent)}.result-list{list-style:none;margin:0 0 12px;padding:0;background:var(--paper);border:1px solid var(--line);border-radius:8px}.result-list li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 14px;border-bottom:1px solid var(--line)}.result-list li:last-child{border-bottom:0}.result-list .fixture{font-weight:700;flex:1 1 140px}.result-list .fixture .vs{font-weight:600;color:var(--muted)}.result-list .score{font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.result-list .pills{margin-top:0}.card .teams{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:20px;font-weight:700}.card .teams .side{display:flex;flex-direction:column;gap:2px;min-width:0}.card .teams .side.away{text-align:right;align-items:flex-end}.card .teams .ha{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.04em}.card .teams .score,.card .teams .vs{font-size:28px;font-weight:800}.card .teams .vs{color:var(--muted)}.card .teams .score,.card .teams .vs{flex-shrink:0;align-self:center}.bar{display:flex;height:14px;margin:12px 0 8px;overflow:hidden;background:var(--line);border-radius:3px}.bar span{display:block;height:100%}.bar .h{background:var(--home)}.bar .d{background:var(--draw)}.bar .a{background:var(--away)}.probs{display:flex;justify-content:space-between;font-size:15px;font-weight:700}.probs span{display:inline-flex;align-items:center;gap:6px}.probs span:before{content:"";width:10px;height:10px;border-radius:2px}.probs .h{color:var(--home)}.probs .h:before{background:var(--home)}.probs .d{color:#9a6d00}.probs .d:before{background:var(--draw)}.probs .a{color:var(--away)}.probs .a:before{background:var(--away)}.scoreline{margin-top:8px;font-size:14px}.compare .box,.forecast{margin-top:12px;padding:12px 14px;background:#eef5fc;border-left:4px solid var(--accent)}.compare .box.muted,.forecast.muted{font-size:15px;color:var(--muted);border-left-color:var(--line);grid-column:1/-1}.compare .lab,.forecast .lab{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.04em}.compare .val,.forecast .pick{font-size:24px;font-weight:800;line-height:1.2;margin:4px 0 2px}.compare .val.home,.forecast .pick.home{color:var(--home)}.compare .val.draw,.forecast .pick.draw{color:#9a6d00}.compare .val.away,.forecast .pick.away{color:var(--away)}.compare .sub,.forecast .sub{font-size:15px;font-weight:600}.forecast .sep{margin-left:12px;color:var(--muted);font-weight:500}.compare{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:12px}.compare .box{margin-top:0}.compare .xg-split{display:flex;flex-direction:column;gap:6px;margin-top:4px;font-size:22px;font-weight:800;line-height:1.2}.compare .xg-split .h{color:var(--home)}.compare .xg-split .a{color:var(--away)}.xg{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;margin-top:10px;padding:10px 14px;background:#eef5fc;border-left:4px solid var(--accent);font-weight:700;font-size:18px}.xg .lab{font-size:12px;color:var(--muted)}.xg .h{color:var(--home)}.xg .a{color:var(--away)}.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.pill{font-size:12px;font-weight:700;padding:3px 8px;border:0;border-radius:4px;cursor:default}.pill.ok{color:#fff;background:var(--ok);border-color:var(--ok)}.pill.ng{color:#fff;background:var(--ng);border-color:var(--ng)}.pill.na{color:#fff;background:var(--na);border-color:var(--na)}table{width:100%;border-collapse:collapse;background:var(--paper);font-size:14px}td,th{border-bottom:1px solid var(--line);padding:8px 10px;text-align:right}td.l,td:first-child,th.l,th:first-child{text-align:left}th{font-weight:600;color:var(--muted)}.delta.up{color:var(--ok)}.delta.down{color:var(--ng)}.stats{display:flex;flex-wrap:wrap;gap:1px;margin:0 0 12px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}.stat{flex:1 1 200px;background:#eef4fb;border:0;border-radius:0;padding:14px 16px;cursor:default;box-shadow:none}.stat.hit-rate{flex:1.2 1 220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px 16px 20px;background:#e4eef9}.stat .k{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--muted)}.stat.hit-rate .k{font-size:13px;font-weight:800;letter-spacing:.08em;color:var(--accent)}.stat .v{margin-top:2px;font-size:22px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat .d{margin-top:4px;font-size:12px;color:var(--muted);font-weight:600}.hit-ring{position:relative;width:132px;height:132px}.hit-ring svg{width:100%;height:100%;transform:rotate(-90deg);display:block}.hit-ring .progress,.hit-ring .track{fill:none;stroke-width:10}.hit-ring .track{stroke:#c5d4e6}.hit-ring .progress{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .6s ease}.hit-ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.hit-ring-center .pct{font-size:28px;font-weight:800;line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink)}.hit-ring-center .frac{margin-top:2px;font-size:12px;font-weight:700;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat.brier{flex:1.4 1 260px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:18px 18px 16px}.stat.brier .v{font-size:28px;line-height:1.1}.brier-delta{font-size:13px;font-weight:800}.brier-delta.better{color:var(--ok)}.brier-delta.worse{color:var(--ng)}.brier-bars{display:flex;flex-direction:column;gap:8px;margin:6px 0 2px}.brier-row{display:grid;grid-template-columns:7.5em 1fr 3.2em;grid-gap:8px;gap:8px;align-items:center}.brier-row .lab{font-size:12px;font-weight:700;color:var(--muted)}.brier-row .bar-track{height:12px;background:#d7e2ef;border-radius:999px;overflow:hidden}.brier-row .bar-fill{display:block;height:100%;border-radius:999px;min-width:2px}.brier-row .bar-fill.site{background:var(--accent)}.brier-row .bar-fill.baseline{background:#8aa0b8}.brier-row .num{font-size:13px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.stat.brier .d{margin-top:2px}@media (max-width:560px){.brier-row{grid-template-columns:1fr auto;grid-template-areas:"lab num" "bar bar"}.brier-row .lab{grid-area:lab}.brier-row .num{grid-area:num}.brier-row .bar-track{grid-area:bar}}.next-rounds{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.next-round{flex:1 1 140px;display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:var(--paper);border:1px solid var(--line);border-radius:8px;cursor:default}.next-round .k{font-size:13px;font-weight:800;color:var(--accent);letter-spacing:.04em}.next-round .k:after{content:" 次節";font-weight:700;color:var(--muted)}.next-round .v{font-size:22px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.2}.note{font-size:13px;color:var(--muted);margin:0 0 16px}.explain{margin:0 0 24px;padding:0;list-style:none}.explain li{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:12px 14px;margin:0 0 8px;cursor:default;box-shadow:0 1px 0 rgba(16,32,51,.04)}.explain strong{display:block;margin-bottom:4px}footer.site{margin-top:auto;flex-shrink:0;background:#d6e3f2;border-top:1px solid var(--line);color:var(--muted);font-size:12px}footer.site .disclaimer-k{margin:0 0 4px;font-weight:700;color:var(--ink);font-size:12px}footer.site p{margin:0}footer.site p+p{margin-top:8px}.trend{display:flex;align-items:flex-end;gap:8px;height:120px;margin:16px 0 8px}.trend .col{flex:1 1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%}.trend .col .fill{width:100%;background:var(--accent);min-height:2px}.trend .col .lab{font-size:11px;color:var(--muted)}.tabs+.tabs{margin-top:-8px}.spark{display:block;color:var(--accent)}.chart-wrap{margin:0 0 16px}.rating-chart{width:100%;height:auto;display:block;background:var(--paper);border:1px solid var(--line)}.rating-chart .grid{stroke:var(--line)}.rating-chart .axis{font-size:11px;fill:var(--muted)}.rating-chart .axis.y{text-anchor:end}.rating-chart .axis.x{text-anchor:middle}.legend{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:8px;font-size:12px}.legend .leg{display:inline-flex;align-items:center;gap:5px}.legend .dot{width:10px;height:10px;display:inline-block}@media (max-width:560px){.compare{grid-template-columns:1fr}.probs{font-size:12px;gap:4px}.hero h1{font-size:26px}}