:root{--ink:#152c36;--muted:#687780;--line:#e1e9e8;--paper:#fff;--bg:#f3f6f6;--lime:#dbf18d;--lime-dark:#a2c23f;--danger:#ad3748;--shadow:0 10px 36px rgba(17,44,54,.05);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",system-ui,sans-serif;font-size:14px;line-height:1.65}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;transition:.15s}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #72a7b4;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.5}a{color:#156c7e;overflow-wrap:anywhere}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(24px,4vw,34px);letter-spacing:-.04em;margin-bottom:5px}h2{font-size:18px;margin-bottom:14px}h3{font-size:15px;margin:3px 0 10px}p{overflow-wrap:anywhere}small,.muted{color:var(--muted)}small{font-size:12px}input,textarea,select{background:#fff;border:1px solid #d7e1e2;border-radius:11px;padding:11px 12px;width:100%;min-width:0}textarea{min-height:92px;resize:vertical}input[type=checkbox]{width:18px;height:18px;flex:0 0 auto;accent-color:#1f6876}input[type=date]{min-height:44px}label{display:block;font-weight:600;font-size:12px;color:#52646c;margin:10px 0 4px}label input,label select,label textarea{display:block;margin-top:5px;font-weight:400;color:var(--ink)}.appShell{max-width:1200px;margin:0 auto;padding:28px 26px 112px}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.brand{display:flex;align-items:center;gap:11px}.brandmark{width:42px;height:42px;background:var(--ink);border-radius:13px;display:grid;place-items:center;color:var(--lime);font-weight:900}.brand strong{display:block;font-size:17px;line-height:1.2}.brand small{display:block}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:800;color:#50707c;margin-bottom:6px}.subhead{color:var(--muted);margin:0 0 24px}.section{min-height:65vh}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:19px;margin-bottom:15px;box-shadow:var(--shadow)}.card.tint{background:#e7f0df}.card.noborder{border:0}.itemlist{display:grid;gap:11px}.item{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:15px 17px;min-width:0}.item p{margin:9px 0 10px;white-space:pre-wrap}.itemHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.itemHeader .actions{flex-wrap:wrap;justify-content:end}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row.between{justify-content:space-between}.row.grow>*{flex:1}.stack>*+*{margin-top:12px}.tag{border-radius:7px;background:#ecf2f0;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block;margin:0 4px 4px 0}.tag.lime{background:#e5f5b9}.tag.blue{background:#e2eef4}.tag.rose{background:#fce8e7}.tag.gray{background:#f0f2f3}.badgeGroup{display:flex;gap:4px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px;min-height:42px;border-radius:11px;background:var(--ink);color:#fff;font-weight:700;text-decoration:none}.btn:hover{background:#28505b}.btn.secondary{background:#e8f0ed;color:#24434b}.btn.secondary:hover{background:#d9e8e3}.btn.accent{background:var(--lime);color:#20372c}.btn.accent:hover{background:#cde96c}.btn.ghost{background:transparent;color:#396475;border:1px solid var(--line)}.btn.danger{background:#fff0ef;color:var(--danger)}.btn.small{font-size:12px;padding:6px 10px;min-height:34px}.actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.nav{position:fixed;z-index:10;bottom:0;left:0;right:0;background:rgba(255,255,255,.97);border-top:1px solid var(--line);display:flex;justify-content:center;gap:4px;padding:10px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));box-shadow:0 -8px 25px #20343c08}.nav button{min-height:47px;padding:5px 20px;border-radius:12px;background:transparent;color:#71848b;font-weight:700}.nav button.active{color:var(--ink);background:#e6efdb}.stat{background:white;border:1px solid var(--line);padding:14px;border-radius:14px}.stat b{font-size:26px;display:block;line-height:1.3}.stat span{font-size:12px;color:#5e7278}.filters{display:grid;grid-template-columns:1fr 170px 170px;gap:9px;margin-bottom:15px}.segmented{display:flex;background:#e7eeec;border-radius:12px;padding:4px;gap:3px;flex-wrap:wrap}.segmented button{padding:8px 13px;border-radius:9px;background:transparent;font-weight:700;color:#61757c}.segmented button.selected{background:#fff;color:var(--ink);box-shadow:0 1px 5px #203b4a12}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.wide{grid-column:1/-1}.mini{font-size:12px}.notice{padding:13px 16px;background:#edf5e5;border:1px solid #cfdeb7;border-radius:12px;margin:12px 0}.notice.warn{background:#fff2ee;border-color:#f2c6c0}.notice.info{background:#eef5fa;border-color:#cbdde8}.notice p:last-child{margin-bottom:0}.empty{background:#fff;border:1px dashed #bfcdcd;border-radius:16px;padding:24px;color:var(--muted);text-align:center}.linkRow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.textbutton{background:none;color:#176f7d;padding:4px 6px;font-weight:700}.screenreader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.choice{display:flex;align-items:flex-start;gap:8px;font-weight:400;color:var(--ink);font-size:13px;padding:7px 0;margin:0}.choice input{margin:2px 0 0}.contextBox{max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:10px}.divider{height:1px;background:var(--line);margin:18px 0}.tinyLabel{font-size:11px;font-weight:800;letter-spacing:.08em;color:#7b8c92;text-transform:uppercase}.progress{display:flex;gap:4px;margin:12px 0}.progress span{height:5px;border-radius:5px;background:#dce5e2;flex:1}.progress span.active{background:#93bd36}.boardFrame{height:62vh;min-height:380px;overflow:auto;background-color:#e7edec;background-image:radial-gradient(#bdcdce 1px,transparent 1px);background-size:22px 22px;border:1px solid var(--line);border-radius:15px;overscroll-behavior:contain}.boardPlane{position:relative;transform-origin:top left}.boardNote{position:absolute;width:250px;min-height:130px;padding:13px;border-radius:14px;border:1px solid #d5e2da;background:#fff;box-shadow:0 5px 18px #17323718;touch-action:pan-x pan-y;user-select:text}.boardFrame.edit .boardNote{touch-action:none;cursor:grab;user-select:none}.boardFrame.edit .boardNote.dragging{cursor:grabbing;box-shadow:0 12px 30px #1a333144;z-index:2}.boardNote p{white-space:pre-wrap;margin:8px 0;font-size:13px;max-height:130px;overflow:auto}.boardNote .actions{margin-top:6px}.boardNote .tag{font-size:10px}.boardControls{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:13px 0}.boardControls select{width:auto;min-width:105px}.hint{font-size:12px;color:var(--muted)}.modalBackdrop{position:fixed;inset:0;z-index:30;background:#122b38aa;display:flex;align-items:center;justify-content:center;padding:15px}.modal{max-width:650px;width:100%;max-height:91vh;overflow:auto;background:#fff;border-radius:21px;padding:23px;box-shadow:0 20px 80px #07152355}.modal h2{margin-right:20px}.toast{position:fixed;z-index:50;bottom:86px;left:50%;transform:translateX(-50%);max-width:min(90vw,500px);background:var(--ink);color:#fff;border-radius:12px;padding:12px 18px;box-shadow:0 12px 30px #1238}.statusLine{margin:0 0 14px}.dangerText{color:var(--danger)}.score{font-size:14px;font-weight:800}.twoAxis{display:grid;grid-template-columns:170px 1fr 1fr;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.twoAxis label{margin:0}.twoAxis input{grid-column:1/-1}.subnav{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 15px}.subnav button{border-radius:9px;padding:8px 13px;background:#e6ecea}.subnav button.active{background:var(--ink);color:white}.loading{text-align:center;margin:20vh auto}.collapsed{display:none}.deleteMode{color:var(--danger)}details{margin-top:10px}summary{cursor:pointer;color:#387184;font-weight:600}.revision{background:#f6f8f9;padding:10px;border-radius:9px;margin:7px 0;white-space:pre-wrap}.toast[hidden]{display:none}@media(max-width:700px){.appShell{padding:16px 13px 104px}.topbar{margin-bottom:17px}.grid2,.grid3{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.filters input{grid-column:1/-1}.formGrid{grid-template-columns:1fr}.wide{grid-column:auto}.card{padding:15px}.nav{justify-content:space-around;gap:0}.nav button{font-size:10px;padding:6px 4px;min-width:0;flex:1}.boardFrame{height:57vh}.twoAxis{grid-template-columns:1fr 1fr}.twoAxis strong{grid-column:1/-1}.modal{padding:18px}.itemHeader{flex-direction:column}.itemHeader .actions{justify-content:start}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* v0.9: 接続状態とバックアップ案内 */
.networkStatus{position:sticky;top:0;z-index:11;background:#fff0ea;color:#823b26;border:1px solid #f1c3b5;border-radius:11px;padding:9px 12px;margin:0 0 13px;font-weight:700;font-size:12px}
.networkStatus[hidden]{display:none}
@media(max-width:700px){.networkStatus{top:0;padding:10px}.notice .btn{max-width:100%}}

/* v1.0 | 俯瞰シート・ショット詳細・大会前チェック */
.notesToolbar{padding:14px 16px}
.notesTop{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.notesPrimary{flex:1 1 270px;justify-content:space-between}
.notesPrimary button{flex:1;white-space:nowrap;padding:9px 10px;font-size:13px}
.moreNoteViews{margin-top:9px;border-top:1px solid var(--line);padding-top:6px}
.moreNoteViews summary{color:#607781;font-size:12px}
.sheetIntro{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:14px 0 10px}
.sheetIntro h2{margin:0 0 2px;font-size:17px}
.sheetIntro .hint{margin:0}
.sheetDensity button{white-space:nowrap;font-size:12px;padding:6px 10px}
.sheetScroll{overflow:auto;max-width:100%;border-radius:14px;border:1px solid #d1dfdf;background:#fff;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.sheetGrid{width:100%;min-width:0}
.sheetHeader,.sheetRow{display:grid;grid-template-columns:98px repeat(3,minmax(0,1fr));align-items:stretch}
.sheetHeader{position:sticky;top:0;z-index:3}
.sheetCorner,.sheetColumn{font-weight:800;text-align:center;background:#eaf2ee;padding:13px 6px;border-bottom:1px solid #d6e5df;min-width:0}
.sheetCorner{position:sticky;left:0;z-index:4;background:#ecf2ed}
.sheetColumn.awareness{background:#e4efd2;color:#3b5b35}.sheetColumn.issue{background:#faece8;color:#84473e}.sheetColumn.trial{background:#e5eff4;color:#3c647b}
.sheetRow{border-bottom:1px solid #e6edec}
.sheetRow:last-child{border-bottom:none}
.sheetCategory{background:#f3f7f5;color:#24434a;position:sticky;left:0;z-index:2;border-right:1px solid #e4ece8;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:800;font-size:12px;padding:11px 6px;overflow-wrap:anywhere;line-height:1.4}
.sheetRow:nth-child(even) .sheetCategory{background:#eaf2ef}
.sheetCategory:hover,.sheetCell:hover{filter:brightness(.98)}
.candidateCount{display:block;font-size:10px;font-weight:600;color:#566f7a;background:#e2ebed;border-radius:5px;margin-top:6px;padding:2px 5px}
.sheetCell{width:100%;text-align:left;position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;gap:6px;padding:10px 9px 13px;background:#fff;border-left:1px solid #eef2f1;min-width:0;color:var(--ink)}
.sheetRow:nth-child(even) .sheetCell{background:#fbfdfc}
.sheetCell.hasNotes{cursor:pointer}.sheetCell:not(.hasNotes){cursor:default}
.sheetCell .cellCount{font-size:10px;font-weight:700;color:#788b90;align-self:flex-end;line-height:1}
.sheetSnippet{display:block;font-size:12px;line-height:1.5;overflow-wrap:anywhere;padding-left:7px;border-left:2px solid #d6e3dc;white-space:pre-line}
.sheetRow .sheetCell:nth-child(2) .sheetSnippet{border-left-color:#a7c87c}
.sheetRow .sheetCell:nth-child(3) .sheetSnippet{border-left-color:#e4aaa1}
.sheetRow .sheetCell:nth-child(4) .sheetSnippet{border-left-color:#a9c6d9}
.sheetEmpty{display:block;text-align:center;color:#a9b6b9;font-size:16px}
.sheetMore{align-self:flex-start;font-size:10px;color:#3b6b71;font-weight:700}
.sheetScroll.overview .sheetSnippet{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.sheetScroll.overview .sheetCell{min-height:96px}
.sheetScroll.reading .sheetGrid{min-width:830px}
.sheetScroll.reading .sheetHeader,.sheetScroll.reading .sheetRow{grid-template-columns:120px repeat(3, minmax(230px,1fr))}
.sheetScroll.reading .sheetCell{min-height:85px;padding:13px 12px}
.sheetScroll.reading .sheetSnippet{font-size:13px;line-height:1.65;white-space:pre-wrap}
.sheetScroll.reading .sheetSnippet+.sheetSnippet{margin-top:5px}
.sheetAbsent{margin-top:12px;padding:4px 0 8px}.sheetAbsent summary{font-size:12px}
.sheetFooter{margin:11px 0 0}
.detailTop{margin:0 0 11px}.detailTop h2{font-size:24px;margin:7px 0}.detailTop .hint{margin:0}
.categoryChips{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain;padding:4px 0 11px;margin-bottom:7px}
.categoryChips button{background:#edf3ef;white-space:nowrap;border-radius:12px;font-size:12px;font-weight:700;padding:8px 12px;min-height:35px}
.categoryChips button.selected{background:#223d45;color:white}
.detailSections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.detailSection{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px}
.detailSection.focused{border:2px solid #a1c768;box-shadow:0 2px 15px #95be4844}
.detailSection h2{margin:0;font-size:16px}.detailSection .muted{font-size:12px}
.detailNote{border-top:1px solid #e9eeec;padding:12px 0 10px}
.detailNote:first-of-type{margin-top:10px}
.detailNoteBody{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7}
.detailNoteActions{display:flex;flex-wrap:wrap;gap:7px;margin-top:6px}
.detailNoteActions button{font-size:11px;min-height:30px;padding:5px 8px}
.preMatchHero{padding:22px 20px;border-radius:17px;background:#e7f1da;border:1px solid #cfe1b6;margin-bottom:15px}
.preMatchHero h2{font-size:23px;margin:3px 0 8px}.preMatchHero p{margin:0 0 10px;color:#456158}.preMatchHero>span:last-child{font-weight:700;font-size:12px}
.preMatchGroup{background:white;border:1px solid var(--line);border-radius:16px;padding:14px 17px;margin-bottom:11px}
.preMatchGroup h2{font-size:15px;margin:0 0 7px}
.preMatchLine{display:grid;grid-template-columns:21px 1fr auto;gap:7px;align-items:start;padding:11px 0;border-top:1px solid #edf2f1;font-size:15px;line-height:1.6}
.preMatchDot{color:#497b57;font-weight:800}
.preMatchLine .textbutton{font-size:11px;padding:1px}
.preMatchPicker{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin-bottom:14px}
.preMatchPicker summary{font-size:14px;font-weight:800;color:#345b62}
.preMatchPickGroup{margin-top:14px;border-top:1px solid var(--line);padding-top:11px}
.pickRow{display:flex;justify-content:space-between;gap:9px;align-items:start;margin-top:10px;line-height:1.5}
.pickRow>span{flex:1;min-width:0;overflow-wrap:anywhere}
.pickRow .btn{white-space:normal;text-align:center;flex-shrink:0;max-width:148px}
@media(max-width:700px){
 .notesToolbar{padding:11px}.notesTop{gap:8px}.notesPrimary{flex:1 0 100%;order:2}.notesTop>.btn{order:1;margin-left:auto}
 .notesPrimary button{font-size:12px;padding:9px 5px}
 .sheetIntro h2{font-size:16px}
 .sheetIntro .hint{font-size:11px}
 .sheetScroll.overview .sheetHeader,.sheetScroll.overview .sheetRow{grid-template-columns:76px repeat(3,minmax(0,1fr))}
 .sheetScroll.overview .sheetCategory{font-size:10.6px;padding:8px 4px}
 .sheetScroll.overview .sheetColumn,.sheetScroll.overview .sheetCorner{font-size:11px;padding:9px 2px}
 .sheetScroll.overview .sheetCell{padding:8px 4px 10px;min-height:92px;gap:4px}
 .sheetScroll.overview .sheetSnippet{font-size:10.6px;line-height:1.38;padding-left:4px}
 .sheetScroll.overview .sheetCell .cellCount{font-size:9px}
 .sheetScroll.overview .candidateCount{font-size:9px;padding:2px 3px}
 .detailSections{grid-template-columns:1fr}
 .categoryChips{margin-left:-4px;margin-right:-4px;padding-left:4px}
 .detailSection{padding:13px}
 .preMatchHero{padding:19px 16px}.preMatchHero h2{font-size:20px}
 .pickRow{flex-direction:column;gap:4px}.pickRow .btn{max-width:100%}
}

/* v1.1 | 俯瞰シートのインライン展開。別画面へ遷移せず、該当行の直下を全文表示 */
.sheetCell.isExpanded{background:#e9f4ec!important;outline:2px solid #84aa8c;outline-offset:-2px}
.sheetCell:disabled{opacity:1;cursor:default}
.sheetCell .sheetMore{margin-top:auto;align-self:flex-start;font-size:11px;padding-top:5px;color:#23616a}
.sheetCell.isExpanded .sheetMore{color:#245e39}
.sheetInlineExpand{box-sizing:border-box;width:100%;background:#f5faf6;border-top:2px solid #81ab8d;border-bottom:2px solid #d7e7dd;padding:15px 18px 19px;min-width:0;animation:sheet-open .16s ease-out}
.sheetExpandHead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:9px}
.sheetExpandEyebrow{font-size:10px;color:#547768;letter-spacing:.05em;font-weight:700}
.sheetExpandHead h3{margin:3px 0 0;font-size:16px;color:#24463d}
.sheetExpandHead small{font-size:12px;font-weight:500;color:#56746c}
.sheetExpandSeparator{color:#86a19b}
.sheetExpandClose{padding:8px 12px;border:1px solid #bfcec9;background:white;color:#315e57;font-size:12px;border-radius:10px;min-height:38px;font-weight:700}
.sheetExpandItems{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:start}
.sheetExpandItems .detailNote{background:white;border:1px solid #dce9e3;border-radius:11px;padding:12px 13px;margin:0;min-width:0}
.sheetExpandItems .detailNote:first-of-type{margin:0}
.sheetExpandItems .detailNoteBody{font-size:14px;line-height:1.65}
.sheetExpandItems .detailNoteActions{margin-top:9px}
@keyframes sheet-open{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){
 .sheetInlineExpand{padding:13px 10px 15px}
 .sheetExpandHead{gap:8px}
 .sheetExpandHead h3{font-size:15px}
 .sheetExpandItems{grid-template-columns:1fr;gap:7px}
 .sheetExpandItems .detailNote{padding:10px 11px}
 .sheetExpandItems .detailNoteBody{font-size:14px}
 .sheetScroll.overview .sheetCell .sheetMore{font-size:9.5px;line-height:1.2;word-break:break-word}
}
@media(prefers-reduced-motion:reduce){.sheetInlineExpand{animation:none}}