/* mtr.powf.net — スキン B-02「White Drafting」（白い製図用紙・青い線・赤い注記） */
:root{--paper:#f7f9fc;--ink:#0f3d2e;--sub:#4b6358;--line:#0f3d2e;--grid:rgba(20,90,60,.12);--grid2:rgba(20,90,60,.05);--red:#c8102e;--blue:#1f7a4d;--muted:#b9c4d6;--white:#fff;
--sans:"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Noto Sans CJK JP","Yu Gothic UI","Meiryo",system-ui,sans-serif;--mono:"SFMono-Regular","Consolas","Menlo","DejaVu Sans Mono",monospace}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.85;background-color:var(--paper);
background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),linear-gradient(var(--grid2) 1px,transparent 1px),linear-gradient(90deg,var(--grid2) 1px,transparent 1px);
background-size:100px 100px,100px 100px,20px 20px,20px 20px}
a{color:var(--blue)}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
@media (max-width:600px){.wrap{padding:0 14px}}
.top{background:rgba(247,249,252,.94);border-bottom:2px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(4px)}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.logo b{display:block;font-size:17px;letter-spacing:.06em;line-height:1.2}
.logo small{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--sub)}
.nav{display:flex;gap:4px;flex-wrap:wrap}
.nav a{font-size:13px;text-decoration:none;color:var(--ink);padding:4px 10px;border:1px solid transparent}
.nav a:hover{border-color:var(--line)}
.nav a[aria-current]{background:var(--ink);color:#fff}
@media (max-width:720px){.nav{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.nav a{flex:0 0 auto}}
.crumb ol{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--sub)}
.crumb li+li::before{content:"›";margin-right:6px}
.crumb a{color:var(--sub)}
h1{font-size:clamp(26px,4vw,38px);line-height:1.3;margin:26px 0 8px;letter-spacing:.02em}
h2{font-size:21px;margin:44px 0 12px;padding-bottom:6px;border-bottom:1.5px dashed var(--line);display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
h2 .no{font-family:var(--mono);font-size:12px;color:var(--red);letter-spacing:.12em}
h3{font-size:17px;margin:26px 0 8px}
.lead{font-size:16px;color:var(--sub);max-width:820px}
.kicker{font-family:var(--mono);font-size:12px;letter-spacing:.18em;color:var(--red);margin:26px 0 0}
.note{font-size:13px;color:var(--sub)}
.callout{border:1.5px solid var(--red);background:#fff;padding:12px 16px;margin:16px 0;position:relative}
.callout::before{content:"注";position:absolute;top:-11px;left:12px;background:var(--red);color:#fff;font-size:11px;padding:0 8px;font-family:var(--mono)}
.find{border-left:4px solid var(--red);background:#fff;padding:10px 16px;margin:14px 0;font-weight:600}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:18px 0}
.card{display:flex;flex-direction:column;gap:4px;background:#fff;border:1.5px solid var(--line);padding:14px 16px;text-decoration:none;color:var(--ink);position:relative}
a.card:hover{box-shadow:4px 4px 0 var(--red);transform:translate(-2px,-2px)}
.card .k{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--red)}
.card .big{font-size:30px;font-family:var(--mono);line-height:1.15}
.card .t{font-size:13.5px;color:var(--sub);line-height:1.7}
.venues{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:16px 0}
.venues a{display:block;background:#fff;border:1px solid var(--line);padding:10px 12px;text-decoration:none;color:var(--ink)}
.venues a:hover{border-color:var(--red);box-shadow:3px 3px 0 var(--red)}
.venues b{font-size:16px}
.venues span{display:block;font-family:var(--mono);font-size:12px;color:var(--sub)}
.fig{margin:16px 0;background:#fff;border:1px solid var(--line);padding:14px 14px 8px}
.fig figcaption{font-size:12px;color:var(--sub);border-top:1px dashed var(--muted);margin-top:6px;padding-top:6px}
.chart{width:100%;height:auto;display:block;font-family:var(--sans)}
.chart .c-title{font-size:14px;font-weight:700;fill:var(--ink)}
.chart .c-lab{font-size:12.5px;fill:var(--ink)}
.chart .c-tick{font-size:11px;fill:var(--sub);font-family:var(--mono)}
.chart .c-val{font-size:12px;fill:var(--sub);font-family:var(--mono)}
.chart .c-val.hi{fill:var(--ink);font-weight:700}
.chart .c-val.sub{fill:var(--sub)}
.chart .c-ref{font-size:11.5px;fill:var(--red);font-family:var(--mono)}
.chart .bar{fill:var(--muted)}
.chart .bar.hi{fill:var(--blue)}
.chart .bar.base{fill:var(--muted)}
.chart .ref{stroke:var(--red);stroke-dasharray:4 4;stroke-width:1.2}
.chart .axis{stroke:var(--line);stroke-width:1.2}
.chart .grid{stroke:var(--grid);stroke-width:1}
.chart .ln{fill:none;stroke:var(--muted);stroke-width:2}
.chart .ln.hi{stroke:var(--blue);stroke-width:2.6}
.chart .pt{fill:var(--muted)}
.chart .pt.hi{fill:var(--blue)}
.legend{font-size:12px;color:var(--sub);margin:4px 0 0}
.sw{display:inline-block;width:12px;height:12px;vertical-align:-1px;margin:0 4px 0 10px}
.sw-base{background:var(--muted)}.sw-hi{background:var(--blue)}
.tbl{overflow-x:auto;margin:14px 0;background:#fff;border:1px solid var(--line)}
.tbl table{border-collapse:collapse;width:100%;font-size:13.5px}
.tbl caption{text-align:left;font-weight:700;padding:8px 12px;border-bottom:1px solid var(--line)}
.tbl th{background:var(--ink);color:#fff;font-weight:600;padding:7px 10px;text-align:left;white-space:nowrap;font-size:12.5px}
.tbl td{padding:6px 10px;border-top:1px solid #dde3ee;white-space:nowrap}
.tbl td:not(:first-child){font-family:var(--mono)}
.tbl tr:hover td{background:#f1f5fc}
.sortable th{cursor:pointer}
.sortable th::after{content:" ↕";opacity:.5;font-size:10px}
.up{color:var(--blue);font-weight:700}.down{color:var(--red);font-weight:700}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:820px){.grid2{grid-template-columns:1fr}}
.alist{list-style:none;padding:0;margin:16px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.alist a{display:block;background:#fff;border:1.5px solid var(--line);padding:14px 16px;text-decoration:none;color:var(--ink);height:100%}
.alist a:hover{box-shadow:4px 4px 0 var(--red)}
.alist .no{font-family:var(--mono);font-size:11px;color:var(--red);letter-spacing:.12em}
.alist b{display:block;font-size:16px;margin:2px 0 4px}
.alist span{font-size:13px;color:var(--sub);line-height:1.7;display:block}
.tool{background:#fff;border:1.5px solid var(--line);padding:18px;margin:16px 0}
.tool label{display:block;font-size:13px;color:var(--sub);margin:10px 0 4px}
.tool select,.tool input{font:inherit;padding:6px 8px;border:1px solid var(--line);background:#fff;min-width:200px}
.tool .out{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.tool .out div{border:1px dashed var(--line);padding:10px}
.tool .out b{display:block;font-family:var(--mono);font-size:26px}
.tool .out span{font-size:12px;color:var(--sub)}
.foot{margin-top:60px;border-top:2px solid var(--line);background:#fff;padding:22px 0 30px;font-size:12.5px;color:var(--sub)}
.foot-in{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;flex-wrap:wrap}
.foot-in>div{max-width:620px}
.foot-links a{margin-right:14px}
.tblock{border-collapse:collapse;font-family:var(--mono);font-size:11px;color:var(--ink);background:#fff}
.tblock td{border:1.5px solid var(--line);padding:5px 9px;vertical-align:top}
.tblock b{font-family:var(--sans);font-size:13px}
@media (max-width:600px){.tblock{width:100%}}

/* 横棒（HTML） */
.hb-title{font-size:14px;font-weight:700;margin:0 0 10px}
.hb-row{display:grid;grid-template-columns:7em 1fr;gap:8px;align-items:center;min-height:24px}
.lw-s .hb-row{grid-template-columns:5.5em 1fr}.lw-l .hb-row{grid-template-columns:10em 1fr}
.hb-lab{font-size:12.5px;text-align:right;line-height:1.25}
.hb-track{position:relative;display:flex;align-items:center;height:22px}
.hb-bar{display:block;height:15px;background:var(--muted);flex:none}
.hb-row.hi .hb-bar{background:var(--blue)}
.hb-val{background:#fff;padding:0 2px;font-family:var(--mono);font-size:12px;color:var(--sub);margin-left:6px;white-space:nowrap;position:relative;z-index:1}
.hb-row.hi .hb-val{color:var(--ink);font-weight:700}
.hb-refl{position:absolute;top:-1px;bottom:-1px;border-left:1.5px dashed var(--red)}
.hb-head{min-height:18px}.hb-head .hb-track{height:18px}
.hb-reflab{position:absolute;bottom:2px;font-family:var(--mono);font-size:11.5px;color:var(--red);white-space:nowrap;padding-left:4px}
.hb-reflab.end{transform:translateX(-100%);padding-left:0;padding-right:4px}
@media (max-width:600px){.hb-row{grid-template-columns:5.5em 1fr}.lw-l .hb-row{grid-template-columns:7.5em 1fr}.lw-s .hb-row{grid-template-columns:4.8em 1fr}.hb-lab{font-size:12px}}
.w0{width:0%}.w1{width:1%}.w2{width:2%}.w3{width:3%}.w4{width:4%}.w5{width:5%}.w6{width:6%}.w7{width:7%}.w8{width:8%}.w9{width:9%}.w10{width:10%}.w11{width:11%}.w12{width:12%}.w13{width:13%}.w14{width:14%}.w15{width:15%}.w16{width:16%}.w17{width:17%}.w18{width:18%}.w19{width:19%}.w20{width:20%}.w21{width:21%}.w22{width:22%}.w23{width:23%}.w24{width:24%}.w25{width:25%}.w26{width:26%}.w27{width:27%}.w28{width:28%}.w29{width:29%}.w30{width:30%}.w31{width:31%}.w32{width:32%}.w33{width:33%}.w34{width:34%}.w35{width:35%}.w36{width:36%}.w37{width:37%}.w38{width:38%}.w39{width:39%}.w40{width:40%}.w41{width:41%}.w42{width:42%}.w43{width:43%}.w44{width:44%}.w45{width:45%}.w46{width:46%}.w47{width:47%}.w48{width:48%}.w49{width:49%}.w50{width:50%}.w51{width:51%}.w52{width:52%}.w53{width:53%}.w54{width:54%}.w55{width:55%}.w56{width:56%}.w57{width:57%}.w58{width:58%}.w59{width:59%}.w60{width:60%}.w61{width:61%}.w62{width:62%}.w63{width:63%}.w64{width:64%}.w65{width:65%}.w66{width:66%}.w67{width:67%}.w68{width:68%}.w69{width:69%}.w70{width:70%}.w71{width:71%}.w72{width:72%}.w73{width:73%}.w74{width:74%}.w75{width:75%}.w76{width:76%}.w77{width:77%}.w78{width:78%}.w79{width:79%}.w80{width:80%}.w81{width:81%}.w82{width:82%}.w83{width:83%}.w84{width:84%}.w85{width:85%}.w86{width:86%}.w87{width:87%}.w88{width:88%}.w89{width:89%}.w90{width:90%}.w91{width:91%}.w92{width:92%}.w93{width:93%}.w94{width:94%}.w95{width:95%}.w96{width:96%}.w97{width:97%}.w98{width:98%}.w99{width:99%}.w100{width:100%}
.l0{left:0%}.l1{left:1%}.l2{left:2%}.l3{left:3%}.l4{left:4%}.l5{left:5%}.l6{left:6%}.l7{left:7%}.l8{left:8%}.l9{left:9%}.l10{left:10%}.l11{left:11%}.l12{left:12%}.l13{left:13%}.l14{left:14%}.l15{left:15%}.l16{left:16%}.l17{left:17%}.l18{left:18%}.l19{left:19%}.l20{left:20%}.l21{left:21%}.l22{left:22%}.l23{left:23%}.l24{left:24%}.l25{left:25%}.l26{left:26%}.l27{left:27%}.l28{left:28%}.l29{left:29%}.l30{left:30%}.l31{left:31%}.l32{left:32%}.l33{left:33%}.l34{left:34%}.l35{left:35%}.l36{left:36%}.l37{left:37%}.l38{left:38%}.l39{left:39%}.l40{left:40%}.l41{left:41%}.l42{left:42%}.l43{left:43%}.l44{left:44%}.l45{left:45%}.l46{left:46%}.l47{left:47%}.l48{left:48%}.l49{left:49%}.l50{left:50%}.l51{left:51%}.l52{left:52%}.l53{left:53%}.l54{left:54%}.l55{left:55%}.l56{left:56%}.l57{left:57%}.l58{left:58%}.l59{left:59%}.l60{left:60%}.l61{left:61%}.l62{left:62%}.l63{left:63%}.l64{left:64%}.l65{left:65%}.l66{left:66%}.l67{left:67%}.l68{left:68%}.l69{left:69%}.l70{left:70%}.l71{left:71%}.l72{left:72%}.l73{left:73%}.l74{left:74%}.l75{left:75%}.l76{left:76%}.l77{left:77%}.l78{left:78%}.l79{left:79%}.l80{left:80%}.l81{left:81%}.l82{left:82%}.l83{left:83%}.l84{left:84%}.l85{left:85%}.l86{left:86%}.l87{left:87%}.l88{left:88%}.l89{left:89%}.l90{left:90%}.l91{left:91%}.l92{left:92%}.l93{left:93%}.l94{left:94%}.l95{left:95%}.l96{left:96%}.l97{left:97%}.l98{left:98%}.l99{left:99%}.l100{left:100%}
.tbl td:first-child{white-space:normal;min-width:6em}
@media (max-width:600px){.fig:not(.hb){overflow-x:auto}.fig:not(.hb) .chart{min-width:560px}.tbl table{font-size:12.5px}.tbl td,.tbl th{padding:6px 8px}}

/* プラス・マイナスの横棒 */
.db-track{border-left:0}
.db-track::before{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;border-left:1px solid var(--line)}
.db-bar{position:absolute;height:15px;background:var(--muted)}
.db-bar.pos{left:50%}.db-bar.neg{right:50%}
.hb-row.hi .db-bar{background:var(--blue)}
.db-bar.neg{background:#e3b4b1}.hb-row.hi .db-bar.neg{background:var(--red)}
.db-val{position:absolute;font-family:var(--mono);font-size:12px;color:var(--sub);white-space:nowrap}
.db-val.pos{right:0}.db-val.neg{left:0}
.hb-row.hi .db-val{color:var(--ink);font-weight:700}
/* 選手一覧の絞り込み */
.rfind{display:flex;gap:8px;align-items:center;margin:12px 0}
.rfind input{font:inherit;padding:7px 10px;border:1px solid var(--line);background:#fff;min-width:0;flex:1;max-width:360px}
.rfind span{font-size:12.5px;color:var(--sub)}
.prof{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:14px 0}
.prof div{background:#fff;border:1px solid var(--line);padding:8px 10px}
.prof b{display:block;font-family:var(--mono);font-size:18px}
.prof span{font-size:12px;color:var(--sub)}

.guide{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;background:#fff;border:1px solid var(--line);padding:10px 14px;margin:12px 0 18px;font-size:13.5px}
.guide dt{font-weight:700;color:var(--ink);white-space:nowrap}
.guide dd{margin:0;color:var(--sub)}
@media (max-width:600px){.guide{grid-template-columns:1fr}.guide dd{margin-bottom:6px}}
.tool .out .warn{grid-column:1/-1;margin:0;color:var(--red);font-size:13px;font-weight:700}
.entry{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.entry form,.entry div.box{background:#fff;border:1px solid var(--line);padding:12px 14px}
.entry label{display:block;font-weight:700;font-size:13.5px;margin-bottom:6px}
.entry .row{display:flex;gap:6px}
.entry input,.entry select{font:inherit;padding:7px 10px;border:1px solid var(--line);background:#fff;min-width:0;flex:1}
.entry button{font:inherit;padding:7px 14px;border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer}
.entry .links{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13.5px;margin-top:8px}
@media (max-width:700px){.entry{grid-template-columns:1fr}}
.acat{margin:18px 0 6px;font-size:15px}
.glossary dt{font-weight:700;margin-top:12px}
.glossary dd{margin:2px 0 0 0;color:var(--sub)}

.tool .warn{color:var(--red);font-weight:700;font-size:13px}
table.cmp th{white-space:normal;min-width:7.5em;vertical-align:top}
table.cmp th a{color:#fff}
.cmp-del{font:inherit;font-size:11px;margin-top:4px;padding:1px 8px;border:1px solid #fff;background:transparent;color:#fff;cursor:pointer}
.tool .fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px 14px}
.tool .fields select{width:100%;min-width:0}

a.today{display:block;margin:16px 0;padding:12px 16px;background:var(--ink);color:#fff;text-decoration:none;border-left:6px solid var(--red)}
a.today b{display:block;font-size:17px}
a.today span{font-size:13px;opacity:.9}
a.today:hover{opacity:.92}
h1 small,h3 small{font-size:.6em;font-weight:400;color:var(--sub)}
p.warn{color:var(--red);font-weight:700}

.notice{font-size:12px;color:var(--sub);border-left:3px solid var(--line);padding-left:8px}
.tbl td.num,.tbl th.num{text-align:right}
.tbl tr.total td{font-weight:700;border-top:2px solid var(--line)}
.alpha{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.alpha a{display:inline-block;min-width:2em;text-align:center;padding:4px 6px;border:1px solid var(--line);background:#fff;text-decoration:none}
.kana{font-size:.8em;color:var(--sub);font-weight:400}
.line td{font-family:var(--mono);text-align:center}
.pbp td:first-child{white-space:nowrap}

.ldrs{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:10px 0}
.ldr{background:#fff;border:1px solid var(--line);padding:8px 12px}
.ldr b{display:block;font-size:13.5px;margin-bottom:4px}
.ldr ol{margin:0;padding-left:1.4em;font-size:13px}
.ldr li span{font-family:var(--mono);color:var(--sub)}
.chips{display:flex;flex-wrap:wrap;gap:6px 8px}
.chips a{display:inline-block;padding:4px 10px;background:#fff;border:1px solid var(--line);text-decoration:none;font-size:13.5px}
.presult{list-style:none;padding:0;margin:8px 0;columns:2;column-gap:24px}
.presult li{padding:3px 0;break-inside:avoid}
.presult small{color:var(--sub)}
@media (max-width:600px){.presult{columns:1}}
.tbl table.stats td,.tbl table.stats th{font-size:12.5px;padding:5px 7px}
table.line{width:auto}