:root{--red: #c4172a;--red-dark: #8d1220;--ink: #1c1917;--muted: #5c564e;--line: #e6dfd4;--paper: #f3efe8;--card: #fff;--good: #065f32;--down: #c4172a;--good-bg: #e7f6ee;--warn: #8a4b08;--warn-bg: #fff4df;--focus: #1f4e79;color:var(--ink);font-family:Yu Gothic UI,Yu Gothic,Meiryo,sans-serif;font-size:16px;line-height:1.5;background:var(--paper)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}button,a.quiet{cursor:pointer}button{border:0;background:none}img{display:block}h1,h2,h3,h4{line-height:1.35;margin:0;font-weight:700}h1{font-size:1.35rem}h2{font-size:1.08rem}h3{font-size:1rem}h4{font-size:.92rem;color:var(--muted);font-weight:700}p{margin:0}small{font-size:.85em;font-weight:500}.chrome{position:sticky;top:0;z-index:6}.top{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 16px;background:var(--red);color:#fff;position:sticky;top:0;z-index:6}.chrome .top{position:static}.top img{width:40px;height:40px;border-radius:8px;background:#111;object-fit:contain}.brand{display:flex;flex-direction:column;line-height:1.15}.brand small{opacity:.9}.top-action{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.top-action button{align-self:center;min-height:36px;padding:0 12px;border-radius:8px;background:#fff;color:var(--red-dark);font-weight:700;font-size:14px}.nav{position:sticky;top:56px;z-index:5;display:flex;align-items:stretch;gap:4px;padding:0 12px;background:#fff;border-bottom:1px solid var(--line);overflow-x:auto}.chrome .nav{position:static}.nav-main{display:flex;align-items:stretch;gap:4px}.nav-tools{margin-left:auto;display:flex;align-items:stretch;gap:4px;padding-left:8px;border-left:1px solid var(--line)}.nav button{align-self:stretch;flex:0 0 auto;min-height:44px;padding:8px 14px;background:transparent;color:var(--ink);font-size:16px;font-weight:700;white-space:nowrap}.nav-tools button{color:var(--muted);font-size:14px;font-weight:500}.nav button[aria-current=page]{color:var(--red-dark);font-weight:700;box-shadow:inset 0 -3px 0 var(--red)}.page{width:min(1080px,100%);margin:0 auto;padding:20px 20px 40px}.page.wide{width:100%}.page.narrow{width:min(440px,100%)}.stack{display:flex;flex-direction:column;align-items:stretch;gap:16px;min-width:0;max-width:100%}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;max-width:100%}.card>:where(.field,.fields,.body-fields,.stack,.hint,p,h1,h2,h3,ul,table,.events,.entry-grid,.confirm,.warn,.inline,.choice,.actions,.check,.matrix,.period,.bars,.stats,.split2,.split3,.split4,.stackbar,.quads,.scatter),.stack>:where(.field,.fields,.body-fields,.hint,p,h1,h2,h3,ul,.warn,.choice,.matrix,.bars,.stats,.split2,.split3,.split4,.stackbar,.quads,.scatter){align-self:stretch;width:100%}.hint,.muted{color:var(--muted);font-size:.9rem}.hint{max-width:68ch}.hint a{color:var(--focus);font-weight:700}.copy-line{margin:0;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#faf8f5;overflow-wrap:anywhere}.body-table table{width:100%;border-collapse:collapse}.body-table th,.body-table td{border-bottom:1px solid var(--line);padding:8px 6px;text-align:left;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.body-table th{background:#f7f4ef;font-size:12px}.body-fields{display:grid;gap:14px;width:100%}.body-fields .pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.body-form .field span{font-size:1rem}.body-form select,.body-form input{min-height:48px;font-size:1.125rem}.body-form .measure input{min-height:64px;font-size:1.75rem;font-weight:700;letter-spacing:.02em}.body-form .submit{position:sticky;bottom:0;align-self:stretch;width:100%;background:#fff;padding-top:8px}.body-form .primary{min-height:52px;font-size:1.125rem}.saved{color:var(--good);font-weight:700}.fit-table th.body,.fit-table td.body{width:3.6rem}.fit-table .phone-body{display:none;color:var(--muted);font-size:12px;font-weight:500}@media(max-width:759px){.fit-table .body{display:none}.fit-table .phone-body{display:block}}.better{color:var(--good);font-weight:700}.warn{background:var(--warn-bg);color:var(--warn);border-radius:8px;padding:8px 10px}.error{color:var(--red-dark);font-weight:700}.field{display:grid;gap:4px;min-width:0}.field span,.field label{font-size:.86rem;font-weight:700}.card>.field,.stack>.field{max-width:24rem}.field.wide,.field:has(textarea),.field:has(input[type=file]){max-width:40rem}input,select,textarea{width:100%;min-height:40px;border:1px solid #d5cdc2;border-radius:8px;padding:7px 10px;background:#fff}input[type=file]{width:auto;max-width:100%;background:#faf8f5}textarea{min-height:96px;resize:vertical}.fields{display:grid;gap:10px 14px;width:100%}.fields .field{max-width:none}.choice{display:flex;flex-wrap:wrap;gap:8px}.choice button,.quiet,a.quiet,.primary{align-self:flex-start;width:auto;max-width:100%;min-height:40px;padding:7px 14px;border-radius:8px;line-height:1.35;text-align:center}.choice button,.quiet,a.quiet{border:1px solid #d5cdc2;background:#fff;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.choice button[aria-pressed=true]{background:var(--red);color:#fff;border-color:var(--red);font-weight:700}a.download{font-weight:700}.primary{background:var(--red);color:#fff;font-weight:700}.primary:disabled{opacity:.55}.page.narrow .primary{align-self:stretch;width:100%}.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.check{display:flex;align-items:center;gap:8px;min-height:32px;width:auto;max-width:100%}.choice .check{align-self:center;min-height:40px}.check input{width:auto;min-height:0}.period{display:grid;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px}.card .period{background:transparent;border:0;border-radius:0;padding:0}.inline{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.inline .field{width:min(100%,12rem);max-width:none}.events{border:1px solid var(--line);border-radius:10px;display:flex;flex-wrap:wrap;gap:6px 16px;padding:10px 12px;width:100%}.events legend{font-weight:700;padding:0 4px}.entry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:8px 10px;width:100%}.entry-grid .field{max-width:none}.sheet{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.person,.entry-row{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px;background:#fff;border-top:1px solid var(--line)}.person:first-child,.entry-row:first-child{border-top:0}.person>:where(.stack,.confirm,.fields,p,h3),.entry-row>:where(h3,.entry-grid){align-self:stretch;width:100%}.savebar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;position:sticky;bottom:0;z-index:4;background:#f3efe8f5;padding:10px 0 4px;border-top:1px solid var(--line)}.savebar .error,.savebar .confirm{flex:1 0 100%}.confirm{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--warn-bg);border-radius:10px;padding:10px 12px}.confirm>p{flex:1 0 100%}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#1c191773;display:grid;place-items:center;padding:16px}.modal-card{width:min(420px,100%);background:#fff;border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.modal-card>:where(.field,p,h2,.error){align-self:stretch;width:100%}.matrix{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:12px;width:100%;max-width:100%;min-width:0}.matrix table{border-collapse:collapse;min-width:760px;width:100%}.matrix th,.matrix td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;vertical-align:middle;font-size:14px}.matrix th.name,.matrix td.name{text-align:left;position:sticky;left:0;background:#fff;z-index:1;min-width:9rem;box-shadow:1px 0 0 var(--line)}.matrix th.name .name-line{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.matrix th.name .text-button{color:var(--focus);min-height:32px;padding:0}.matrix .jersey{display:inline-block;min-width:1.6rem;margin-right:6px;color:var(--muted);font-weight:500}.matrix thead th{background:#f7f4ef;font-size:13px}.matrix tbody tr:hover td,.matrix tbody tr:hover th.name{background:#fbf9f6}.matrix tbody tr:hover td.best-cell{background:var(--good-bg)}.matrix th button{align-self:auto;background:none;min-height:32px;font-weight:700;padding:2px 0;color:inherit}.matrix th button[aria-pressed=true]{color:var(--red-dark);box-shadow:inset 0 -2px 0 var(--red)}.matrix small{display:block;color:var(--muted);font-weight:500}.matrix small.better,.growth .better{color:var(--good);font-weight:700}.worse,.matrix small.worse,.growth .worse{color:var(--down);font-weight:700}.growth{min-width:0}.growth article{min-width:0;max-width:100%}.growth table{width:100%;border-collapse:collapse;table-layout:fixed}.growth th,.growth td{border-bottom:1px solid var(--line);padding:8px 4px;text-align:right;font-variant-numeric:tabular-nums;vertical-align:top;font-size:13px;white-space:normal;overflow-wrap:anywhere}.growth th{background:#f7f4ef;font-size:12px;text-align:center}.growth .when{text-align:left;width:24%}.growth.ranks .when{width:16%}.growth .when small{display:block;color:var(--muted);font-size:11px;font-weight:500}.roster-table table{min-width:920px}.roster-table th,.roster-table td{text-align:left;white-space:nowrap;vertical-align:middle}.roster-table td.ops{white-space:normal;min-width:16rem}.roster-table td.detail{white-space:normal;background:#faf8f5}.roster-table .detail .stack,.roster-table .detail .confirm{max-width:28rem}.roster-table input,.roster-table select{min-width:6.5rem}.roster-table tr.muted-row{color:var(--muted)}.best-cell{background:var(--good-bg);font-weight:700}.text-button{align-self:flex-start;background:none;color:var(--focus);font-weight:700;min-height:28px;padding:0;text-decoration:underline}.fit-table{overflow:visible}.fit-table table{min-width:0;width:100%;table-layout:fixed}.fit-table th,.fit-table td{white-space:normal;padding:6px 4px;font-size:13px;line-height:1.3;overflow-wrap:anywhere}.fit-table th.name,.fit-table td.name{position:static;width:8.5rem;min-width:0;box-shadow:none}.fit-table thead th{text-align:center;font-size:12px}.fit-table thead th.name{text-align:left}.fit-table th button{white-space:normal;width:100%;min-height:0;padding:0;font-size:12px;line-height:1.25}.fit-table small{font-size:11px;line-height:1.25}.fit-table .name-line{gap:4px}.rank-table{overflow:visible}.rank-table table{min-width:0;width:100%;table-layout:fixed}.rank-table th,.rank-table td{white-space:normal;overflow-wrap:anywhere}.rank-table th,.rank-table td{text-align:left}.rank-table td.ops{width:8.5rem;text-align:right}.rank-table td.ops .quiet{min-height:36px;padding:4px 12px;white-space:nowrap}.event-head,.compare{display:grid;gap:6px;width:100%}.event-head{grid-template-columns:1fr auto;align-items:baseline}.event-head strong{font-size:1.25rem;font-variant-numeric:tabular-nums}.compare{border-top:1px solid var(--line);padding-top:8px}.compare dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}.compare dt{color:var(--muted);font-size:.8rem}.compare dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}.report-grid{display:grid;gap:12px;width:100%}.analysis .selected th,.analysis .selected td{background:#fbf6f4}.analysis .matrix th button[aria-pressed=true]{color:var(--red-dark)}.bars{display:grid;gap:8px}.bar-row{display:grid;grid-template-columns:9rem 1fr auto;gap:8px;align-items:center;min-width:0}.bar-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-name small,.analysis small{display:block;color:var(--muted);font-weight:500}.bar-track{display:block;height:14px;background:#efeae3;border-radius:7px;overflow:hidden}.bar-fill{display:block;height:100%;background:var(--focus);border-radius:7px}.bar-fill.best{background:var(--good)}.bar-fill.short{background:var(--down)}.mark.elite{color:var(--good)}.mark.target{color:var(--focus)}.mark.short{color:var(--down)}.stackbar{display:flex;height:16px;border-radius:8px;overflow:hidden;background:#efeae3}.stackbar span{display:block;height:100%}.stackbar .elite{background:var(--good)}.stackbar .target{background:var(--focus)}.stackbar .short{background:var(--down)}.stats,.split2,.split3,.split4,.quads{display:grid;gap:8px}.stats{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr))}.split2,.quads{grid-template-columns:1fr 1fr}.split3{grid-template-columns:repeat(3,1fr)}.split4{grid-template-columns:repeat(4,1fr)}.stats article,.split2 article,.split3 article,.split4 article,.quads article{background:#f7f4ef;border-radius:8px;padding:10px;min-width:0}.stats strong,.split2 strong,.split3 strong,.split4 strong,.quads strong{display:block;font-size:1.25rem;font-variant-numeric:tabular-nums}.stats article>span,.split2 article>span,.split3 article>span,.split4 article>span,.quads article>span{display:block;color:var(--muted);font-size:.8rem}.scatter{width:100%;height:auto;display:block}.scatter .dot{fill:var(--ink);opacity:.72}.scatter .axis{stroke:var(--line);stroke-width:1}.scatter .goal{stroke:var(--focus);stroke-width:1.5;stroke-dasharray:4 3}.scatter .elite-line{stroke:var(--good);stroke-width:1.5;stroke-dasharray:2 3}.bar-value{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media(min-width:760px){.period{grid-template-columns:minmax(10rem,1.1fr) minmax(8rem,.8fr) auto;align-items:end}.records-period{grid-template-columns:minmax(8rem,.8fr) minmax(14rem,1.3fr) auto}.fields{grid-template-columns:1fr 1fr}.field.wide{grid-column:1 / -1}.report-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.page{padding:14px 12px 28px}.growth th,.growth td{font-size:12px;padding:6px 2px}.card{padding:14px}.compare dl{grid-template-columns:1fr}.nav-main button{padding:8px 10px;font-size:15px}.nav-tools button{padding:8px;font-size:13px}.bar-row{grid-template-columns:6.2rem 1fr auto}.split3,.split4{grid-template-columns:1fr 1fr}}