@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap');
:root{font-family:'Noto Sans JP',sans-serif;color:#253a39;background:#f6f7f4;font-size:14px;--green:#245c50;--line:#e1e6df}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,label.import{cursor:pointer}button{transition:.15s}button:hover{filter:brightness(.94)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b7985b;outline-offset:3px}aside{position:fixed;width:235px;height:100vh;background:#fdfefa;border-right:1px solid var(--line);padding:37px 20px}.brand{display:flex;gap:12px;font:26px Georgia;color:#244d43;text-decoration:none;align-items:center}.brand span{font-size:19px;letter-spacing:2px}.brand small{display:block;font:9px sans-serif;letter-spacing:1.4px;margin-top:9px}.side-label{font-size:10px;color:#929b94;letter-spacing:2px;margin:58px 16px 18px}.nav{display:block;border:0;background:none;text-align:left;width:100%;padding:14px 16px;color:#7b8780;border-radius:7px;margin-bottom:6px}.nav.active{color:var(--green);background:#e9efE8;font-weight:600}.aside-bottom{position:absolute;bottom:30px;font-size:11px;color:#809085;left:33px}.aside-bottom small{display:block;margin-top:18px;font-size:9px;letter-spacing:1.3px}.dot{display:inline-block;width:6px;height:6px;background:#619c7e;border-radius:50%;margin-right:4px}main{margin-left:235px}header{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 46px;font-size:10px;letter-spacing:1px;color:#8a9690}header b{margin:0 14px;color:#bbc3bd}.version{border:1px solid var(--line);padding:6px 9px;border-radius:5px}.version b{margin:0 0 0 8px;color:#587066}.content{max-width:1320px;margin:auto;padding:43px 46px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.eyebrow{font-size:9px;letter-spacing:2px;color:#8c9d8f}h1{font-size:29px;font-weight:600;margin:10px 0}p{line-height:1.8}.intro p{color:#89938e;font-size:12px;margin:0}.primary,.secondary{border-radius:5px;padding:11px 17px;font-size:12px;font-weight:500}.primary{background:var(--green);color:white;border:1px solid var(--green)}.secondary{background:#fff;border:1px solid #dce3dc;color:#53645a}.notice{display:flex;align-items:center;gap:14px;background:#f4f0e5;border:1px solid #e7dfc9;border-radius:6px;padding:16px 20px;color:#8b7645}.notice>span:first-child{font-size:27px}.notice strong{font-size:12px}.notice p{font-size:10px;margin:4px 0 0}.tag{font-size:8px;letter-spacing:1px;border:1px solid #d7caa7;padding:4px 6px;border-radius:3px;white-space:nowrap}.notice>.tag{margin-left:auto}.stats{display:grid;grid-template-columns:1fr 1fr 1fr;margin:27px 0;background:white;border:1px solid var(--line);border-radius:8px}.stats>div{padding:20px 26px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats small{display:block;font-size:10px;color:#87938a}.stats strong{display:block;margin-top:8px;font-size:29px;font-weight:500}.stats em{font-size:15px;color:#a0aca4;font-style:normal}.stats .status{font-size:13px;margin-top:16px;color:#5a8976}.toolbar{display:flex;gap:12px;align-items:center;margin:30px 0}.segmented{display:flex;background:#e9ede7;padding:4px;border-radius:6px;gap:3px;margin-right:auto}.segmented button{border:0;background:none;padding:8px 16px;color:#809085;font-size:11px;border-radius:4px}.segmented button.selected{background:white;box-shadow:0 1px 4px #233a3910;color:var(--green)}.segmented span{margin-left:8px;font-size:10px;color:#95a198}input,select{border:1px solid #dce3db;padding:10px;border-radius:5px;background:white;color:#43584c;font-size:12px;max-width:100%}#search{width:220px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}h2{font-size:15px;font-weight:600;margin:0}.section-heading h2 span{font-weight:400;color:#98a39c;margin-left:8px}.section-heading small{font-size:10px;color:#94a097}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden}.portrait{height:114px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#eff3e6,#dde6dd);color:#739082}.portrait .rune{font:64px Georgia;opacity:.55;border:1px solid #91a28a55;width:76px;height:76px;transform:rotate(45deg);display:grid;place-items:center}.portrait .rune span{transform:rotate(-45deg)}.portrait .sample{position:absolute;top:12px;left:13px;font-size:8px;color:#728772;letter-spacing:1px}.portrait .owned{position:absolute;right:12px;top:12px;border-radius:20px;background:#ffffffb0;padding:3px 8px;font-size:9px}.card:nth-child(2n) .portrait{background:radial-gradient(ellipse,#edf0f4,#dfe4ec);color:#8590a4}.card:nth-child(3n) .portrait{background:radial-gradient(ellipse,#f1ecdf,#e7dece);color:#a19274}.card-body{padding:17px}.card-top{display:flex;justify-content:space-between;align-items:center}.card h3{font-size:15px;margin:0}.role{font-size:9px;color:#8a958d;border:1px solid var(--line);border-radius:3px;padding:2px 6px}.card-meta{font-size:10px;color:#9aa59c;margin:8px 0 16px}.levels{display:flex;justify-content:space-between;background:#f7f9f5;padding:11px;font-size:10px;color:#93a08f}.levels b{color:#456350;font-size:13px;margin-left:6px}.card-actions{display:flex;gap:8px;margin-top:15px}.card-actions button{flex:1;font-size:10px;padding:8px}.team-selected{background:#e4eee7;color:#285a49}.next{display:flex;justify-content:space-between;align-items:center;margin:30px 0 10px;padding:23px;border:1px dashed #cdd9cc;border-radius:7px}.next strong{font-size:12px}.next p{font-size:10px;color:#96a092;margin:6px 0 0}footer{padding:22px 46px;border-top:1px solid var(--line);font-size:10px;color:#91a094;display:flex;justify-content:space-between}footer span{font-size:8px;letter-spacing:1px}.panel{background:white;padding:26px;border:1px solid var(--line);border-radius:8px;margin-top:25px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:25px}label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#6c7f72}label.check{flex-direction:row;align-items:center}.muted{font-size:11px;color:#8c998f}.actions{display:flex;gap:12px;margin-top:20px}#simMessage{font-size:12px;color:#5b7b63}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.metrics>div{background:white;border:1px solid var(--line);padding:24px;border-radius:7px}.metrics small{display:block;color:#8b9a8e;font-size:11px}.metrics strong{font-size:28px;display:block;margin-top:10px}.chart{display:flex;gap:3px;align-items:end;height:140px;border-bottom:1px solid var(--line);margin:24px 0}.chart span{flex:1;background:#588975;min-width:1px;border-radius:2px 2px 0 0}.table-scroll{overflow:auto;max-height:400px}table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}th,td{padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:#829284;background:#f8faf6;position:sticky;top:0}.prose p{font-size:12px;color:#718074}.prose h3{margin-top:30px}pre{background:#f4f7f1;overflow:auto;padding:20px;font-size:11px;line-height:1.7}dialog{border:1px solid var(--line);border-radius:12px;padding:30px;width:390px;color:#284738}dialog::backdrop{background:#152d2855}dialog h2{font-size:23px;margin:10px 0}dialog label{margin-top:18px}.empty{grid-column:1/-1;padding:60px;text-align:center;color:#8b9b90;border:1px dashed var(--line)}[hidden]{display:none!important}@media(min-width:1450px){.portrait{height:145px}}@media(max-width:1100px){aside{width:195px}main{margin-left:195px}.content{padding:30px 24px}.cards{grid-template-columns:repeat(2,1fr)}.toolbar{flex-wrap:wrap}#search{width:180px}}@media(max-width:700px){aside{position:static;width:100%;height:auto;padding:20px}.brand{margin-bottom:20px}.side-label,.aside-bottom{display:none}.nav{display:inline-block;width:auto;font-size:11px;padding:10px}.brand small{font-size:8px}main{margin:0}header{height:50px;padding:0 20px}.content{padding:24px 18px}.intro{gap:15px}.intro h1{font-size:24px}.intro>.secondary{font-size:10px;padding:8px}.notice{padding:13px}.notice>.tag{display:none}.stats>div{padding:15px}.stats strong{font-size:24px}.stats small{font-size:9px}.toolbar{gap:9px}.segmented{width:100%}#search{flex:1;min-width:100px}.cards{gap:12px}.card-body{padding:12px}.levels{padding:8px;font-size:8px}.section-heading small{display:none}.next{gap:15px;padding:16px}.next button{white-space:nowrap}.form-grid{grid-template-columns:repeat(2,1fr)}.metrics{gap:8px}.metrics>div{padding:13px}.metrics strong{font-size:20px}footer{padding:20px;gap:15px}.panel{padding:18px}}

.formation-row{margin:20px 0;display:flex;gap:20px;align-items:center}.formation-row>strong{font-size:12px;color:#63836f}.formation-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;flex:1}.formation-slots label{padding:14px;background:#f3f7f0;border:1px solid #dbe5d8;border-radius:7px}.support-caption{font-size:10px;line-height:1.8;color:#6c846f;min-height:54px}#formation{margin-bottom:25px}.formation-slots select{width:100%}@media(max-width:700px){.formation-row{gap:9px}.formation-slots{gap:5px}.formation-slots label{padding:7px;font-size:10px}.formation-slots select{padding:7px 2px;font-size:10px}}
#characterDetails{width:min(860px,94vw);max-height:88vh;line-height:1.9}#characterDetails h2{font-size:23px}#characterDetails td{white-space:normal;min-width:110px}.real-preview{background:#f6f0e1;padding:16px;border-radius:6px;font-size:11px;line-height:1.8}.detail-button{width:100%;margin-bottom:12px}#editor{max-height:90vh;overflow:auto}
.slot-role{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:6px 8px;border-radius:4px;background:#e8eee8;color:#4d6856;font-size:11px}.slot-role span{font-size:9px;opacity:.8}.slot-role.guard{background:#e7edf7;color:#3c608c}.slot-role.heal{background:#e4f1e7;color:#37734d}.slot-role.attack{background:#f5e8df;color:#975b38}.slot-role.support{background:#eee6f6;color:#78518f}.slot-role.empty-role{background:transparent;color:#9aa79d;font-size:10px}@media(max-width:700px){.slot-role{flex-wrap:wrap;padding:5px;font-size:10px}}
#realAudit>label{margin:20px 0}#auditMessage{color:#326851;font-size:12px}.audit-summary{background:#f4f0e5;border-radius:6px;padding:12px 18px;font-size:11px;line-height:1.8}.audit-effects{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.audit-effects article{border:1px solid #e0e7dd;padding:16px;border-radius:6px;font-size:11px;line-height:1.8}.audit-effects strong{font-size:12px}.audit-effects p{margin:7px 0;color:#738274}.audit-effects a{color:#356b55;font-size:10px}#sampleSimulator{margin-top:25px;padding:15px;background:#edf1e8;border-radius:7px}#realAudit h3{margin-top:26px}@media(max-width:800px){.audit-effects{grid-template-columns:1fr}}
.obs-notes{margin:20px 0}.obs-notes textarea{font:inherit;padding:10px;border:1px solid #dce3db;border-radius:5px;color:#43584c;resize:vertical}#observedPanel .actions{flex-wrap:wrap}#observedPanel .form-grid{grid-template-columns:repeat(3,1fr)}#obsReport>p,#obsComparison{font-size:12px;line-height:1.9}#obsMessage{font-size:12px;color:#326851}.obs-demo{background:#f3f5ed;padding:14px;margin:22px 0;font-size:12px}#observedPanel h3{margin-top:25px}@media(max-width:700px){#observedPanel .form-grid{grid-template-columns:repeat(2,1fr)}}
.workspace-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px;padding:10px;background:#e9eee7;border:1px solid var(--line);border-radius:8px}.workspace-nav button{flex:1;min-width:125px;border:1px solid transparent;background:transparent;color:#526f60;padding:13px 10px;border-radius:5px;font:inherit;font-size:12px}.workspace-nav button.selected{background:#245c50;color:white;border-color:#245c50}.workspace-help{font-size:12px;line-height:1.8;color:#64796b;margin:16px 2px}.workspace-nav button:focus-visible{outline:3px solid #b7985b;outline-offset:2px}#measurementCompare>h3:first-child{margin-top:0}#obsBatch{font:inherit;padding:12px;max-width:100%;border:1px solid var(--line);border-radius:5px;resize:vertical}@media(max-width:700px){.workspace-nav button{min-width:110px;flex-basis:30%;font-size:11px;padding:10px 7px}.actions{flex-wrap:wrap}}

.evidence-card{margin:20px 0;padding:20px;background:#f3f7ef;border:1px solid #dce5d8;border-radius:7px}.evidence-card p{font-size:12px;overflow-wrap:anywhere}

.gauge-map{margin:20px 0;padding:20px;border:1px solid #cad7dc;border-radius:16px;background:#f6fafb}.gauge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gauge-cell{display:flex;flex-direction:column;gap:6px;padding:14px;background:white;border:2px solid #d5dfe3;border-radius:12px;min-width:0;overflow-wrap:anywhere}.gauge-source{border-color:#168aa0;background:#e2f4f7}.gauge-target{border-color:#b88722;background:#fff5d7}.gauge-cell small,.gauge-cell span{font-size:12px}.gauge-cell b{font-size:12px}.gauge-detail{font-weight:700;line-height:1.8}.gauge-status{font-weight:700;color:#176375}@media(max-width:600px){.gauge-map{padding:12px}.gauge-grid{gap:6px}.gauge-cell{padding:8px;font-size:12px}}

.condition-summary{margin:20px 0;padding:18px;border:1px solid #cad7dc;border-radius:14px;background:#fff}.condition-summary details{margin-top:16px}.condition-summary td{min-width:150px;vertical-align:top}

.search-choice{padding:14px;border:1px solid #d8e4e5;border-radius:12px;margin:12px 0}.search-choice p{line-height:1.8}#placementSearch fieldset{margin:14px 0;border:1px solid #d8e4e5;border-radius:10px;padding:12px}