:root{font-family:Inter,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;color:#263d43;background:#f4f7f7;font-synthesis:none;font-variant-numeric:tabular-nums}*{box-sizing:border-box}body{margin:0}header{height:76px;background:white;border-bottom:1px solid #e0e7e6;padding:0 max(24px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between}.brand{font-weight:750;display:flex;align-items:center;gap:12px}.brand-icon{background:#116959;color:white;border-radius:9px;font-size:30px;width:39px;text-align:center}.version{font-size:10px;letter-spacing:1px;color:#70817f;border:1px solid #dce5e2;padding:4px 7px;border-radius:4px}.header-note{font-size:12px;color:#70817f}main{max-width:1328px;margin:auto;padding:36px 24px 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.9px;color:#167562;margin:0 0 10px}h1{font-size:30px;letter-spacing:.025em;margin:0 0 12px}p{line-height:1.8}.intro p:last-child{margin:0;color:#71827f;font-size:14px}.level{font-size:12px;padding:8px 12px;border-radius:20px;background:#e6efeb;color:#306d5d}.steps{display:flex;gap:34px;padding:17px 0 21px;border-top:1px solid #dce5e2;font-size:12px;color:#667975}.steps b{color:#16816b;margin-right:8px;font-size:11px}.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,1fr);gap:22px;align-items:start}.panel{background:white;border:1px solid #dfe7e4;border-radius:12px;padding:24px;box-shadow:0 3px 9px #1b453004}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}h2{font-size:18px;margin:0}h3{font-size:14px;margin:20px 0 12px}.live-badge{font-size:11px;color:#137660;background:#edf7f1;border-radius:20px;padding:5px 9px}.live-badge:before{content:'●';margin-right:5px;font-size:8px}.section-hint{font-size:12px;color:#788783;margin:10px 0 8px}svg{display:block;width:100%;height:auto;margin:10px 0 0;overflow:visible}.grid{stroke:#e3eae7;stroke-width:1}.earth{fill:#e8ede4;opacity:.65}.ground-line{stroke:#7e8064;stroke-width:3}.design-line{stroke:#227e90;stroke-width:3}.design-extension{stroke:#227e90;stroke-width:2;stroke-dasharray:8 5}.base-dot{fill:#227e90}.shoulder-dot{fill:#fff;stroke:#405f56;stroke-width:3}.tick{font-size:13px;fill:#81918b}.axis-title{font-size:13px;fill:#687c75}.diagram-label{font-size:14px;fill:#415b52;paint-order:stroke;stroke:white;stroke-width:4;stroke-linejoin:round}.player-stake{stroke:#d68a32;fill:none;stroke-width:5;stroke-linecap:round}.correct-stake{stroke:#9464bb;fill:none;stroke-width:3;stroke-dasharray:7 5}.depth{stroke-width:1.6}.player-label{fill:#a4631b}.correct-label{fill:#795197}.legend{display:flex;flex-wrap:wrap;gap:12px 20px;font-size:11px;padding:16px 0;border-top:1px solid #edf0ee}.legend span{display:flex;align-items:center;gap:6px}.legend i{display:inline-block;width:22px;border-top:3px solid}.ground-key{color:#7e8064}.design-key{color:#227e90}.player-key{color:#d68a32}.legend .correct-key{color:#9464bb;border-top-style:dashed}.drawing-note{font-size:11px;color:#778780;margin:0 0 20px}.reading-tip{background:#f6f8f6;border-radius:8px;padding:16px;font-size:12px;color:#60746a}.reading-tip b{color:#3a5d4b}.reading-tip p{margin:6px 0 0}aside{display:grid;gap:18px}.problem-number,.small-muted{font-size:11px;color:#839089}dl{margin:0}dl>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:12px}dt{color:#788780}dd{margin:0;text-align:right;font-weight:600}.equations{font-size:11px;background:#f4f7f5;border-radius:6px;padding:10px;margin:12px 0 0;overflow-wrap:anywhere;color:#607368}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 14px;margin-top:22px}label{font-size:12px;font-weight:650}.input-wrap{display:flex;align-items:center;border:1px solid #d6dfda;border-radius:7px;margin-top:8px;background:#fcfdfc;overflow:hidden}.input-wrap:focus-within{outline:2px solid #197f6b;outline-offset:2px}.input-wrap input{width:100%;min-width:0;border:0;background:transparent;padding:12px 9px;font-size:18px;color:#263d43;outline:none;font-family:inherit}.input-wrap input::placeholder{font-size:13px;color:#b0bab4}.input-wrap>span{padding-right:12px;color:#86948c;font-weight:400}label small{display:block;font-size:10px;color:#84918b;font-weight:400;line-height:1.5;margin-top:6px}.actions{display:flex;gap:10px}button{min-height:46px;border:1px solid #d9e1dc;border-radius:7px;background:white;padding:10px 18px;color:#5c7066;font:600 13px inherit;cursor:pointer}.primary{background:#116c58;color:white;border-color:#116c58;flex:1;display:flex;align-items:center;justify-content:space-between}.primary:hover{background:#0c5847}button:focus-visible,summary:focus-visible{outline:3px solid #d68a32;outline-offset:3px}#error{color:#b14034;font-size:12px;min-height:18px;margin:12px 0}.fine-print{font-size:10px;color:#83918a;margin:13px 0 0}.result-panel{margin-top:24px}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.score strong{font-size:44px;color:#126b56}.score>span{font-size:12px;color:#7e8b85}.rank{display:inline-block;background:#e7f2ed;color:#116c58;padding:8px 13px;border-radius:6px;margin-left:16px;font-size:15px}.result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.result-item{border:1px solid #e2e8e4;border-radius:8px;padding:16px}.result-item h3{margin:0 0 10px}.result-item dl>div{padding:5px 0}.result-item p{font-size:12px;border-top:1px solid #e7ece8;padding-top:12px;margin-bottom:0}.success{color:#14745b}.feedback{color:#9a6027}details{font-size:12px;background:#f5f8f6;padding:14px;border-radius:7px}summary{cursor:pointer;font-weight:650}.solution p{margin:10px 0}footer{display:flex;justify-content:space-between;color:#8a9791;font-size:10px;padding:25px 0}[hidden]{display:none!important}@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr)}.panel{padding:18px}.result-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){header{height:64px;padding:0 18px}.header-note{display:none}main{padding:25px 14px 0}h1{font-size:24px}.intro{align-items:start}.level{font-size:10px;white-space:nowrap;margin-left:10px}.steps{gap:12px;justify-content:space-between;font-size:10px}.steps b{margin-right:4px}.workspace{grid-template-columns:1fr;gap:16px}.panel{padding:17px}.diagram-panel{padding:17px 10px}.diagram-panel .panel-heading,.section-hint{margin-left:7px}.result-heading{align-items:start;flex-direction:column}.result-grid{grid-template-columns:1fr}.score strong{font-size:36px}.legend{gap:10px;font-size:10px}.intro .eyebrow{font-size:10px}.intro p:last-child{font-size:12px}.level{display:none}.input-wrap input{min-height:48px}button{min-height:48px}.diagram-label{font-size:15px}.reading-tip{padding:12px}}
/* 改訂版：線種と記号でも図形を識別する。 */
.excavation-line{stroke:#227e90;stroke-width:4;stroke-dasharray:12 4}.survey-stake{stroke:#886a3e;stroke-width:4;fill:none}.dimension-line{stroke:#886a3e;stroke-width:2;stroke-dasharray:4 3}.horizontal-board{stroke:#c28230;stroke-width:7;fill:none}.slope-board{stroke:#14745b;stroke-width:7;fill:none}.legend .excavation-key{color:#227e90;border-top-style:dashed}.ratio-prefix{padding-left:12px;white-space:nowrap}.input-grid{grid-template-columns:1fr}.steps{justify-content:space-between;gap:8px}.steps .done{color:#14745b;font-weight:700}.steps .active{color:#263d43;font-weight:700;text-decoration:underline;text-underline-offset:7px}.step-message{font-size:13px;color:#386858}.completion-banner{background:#e7f2ed;padding:14px;border-radius:7px;color:#116c58;font-size:13px;margin-top:18px}#result-list{display:grid;gap:14px;margin-top:20px}.answer-row{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:13px;padding-top:12px}.answer-row>b{flex-basis:100%}.result-item .panel-heading{font-size:12px}.result-item h3{margin:0}.result-item p{font-size:13px}button{font-family:inherit;font-size:13px;font-weight:600}.input-wrap input:disabled{color:#547264;background:#edf4ef}.diagram-panel{align-self:start}#cut-stake{margin-top:6px}#conditions>div{flex-wrap:wrap}#conditions dd{margin-left:auto}@media(max-width:760px){.steps{font-size:10px}.diagram-label{font-size:15px}.result-item .panel-heading{align-items:start}.result-item .panel-heading>b{white-space:nowrap}.answer-row{gap:8px 15px}}
#selection-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.question-buttons{display:grid;gap:12px;margin-top:20px}.question-buttons button{text-align:left;min-height:70px}.question-buttons button:hover{background:#edf5ef;border-color:#14745b}.question-buttons button span{display:block;color:#7a8981;font-size:11px;margin-top:6px}.clear-label{font-size:12px;color:#14745b}#progress{flex-wrap:wrap;margin-top:14px}#save-status{font-size:12px;color:#96632d}#conditions dd{overflow-wrap:anywhere}.cut-stake{margin-top:0}.diagram-label{font-size:14px}@media(max-width:760px){#selection-list{grid-template-columns:1fr;gap:14px}.question-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.question-buttons button{padding:10px 8px}.question-buttons button span{font-size:10px}.steps{gap:12px}.diagram-label{font-size:14px}}
.board-slope-line{stroke:#14745b;stroke-width:3;fill:none}.board-slope-extension{stroke:#14745b;stroke-width:3;stroke-dasharray:7 4;fill:none}.cross-horizontal-board{stroke:#c28230;stroke-width:4}.legend .board-key{color:#c28230}.legend .design-key{color:#14745b}
.assembly-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:24px}.assembly-live{font-size:15px;font-weight:650;color:#126b56;min-height:24px}#assembly-controls{display:grid;gap:12px}#assembly-controls button{min-height:48px}#assembly-feedback{min-height:60px;font-size:14px;color:#715125}#assembly-svg{touch-action:pinch-zoom;user-select:none;-webkit-user-select:none}#assembly-svg .board-hit{stroke:transparent;stroke-width:28;pointer-events:stroke;cursor:ns-resize}#assembly-svg .placement-zone{fill:#def0d3;opacity:.3;pointer-events:none}.assembly-post{stroke:#9b652d;stroke-width:5}.player-point{fill:#c94936;stroke:#c94936;stroke-width:2}.pending-slope{fill:none;stroke:#14745b;stroke-dasharray:4 3;stroke-width:3}#assembly-finals{display:grid;gap:18px;margin-top:22px}.assembly-rules{margin-top:18px}#assembly-score{font-size:13px;white-space:nowrap}@media(max-width:760px){.assembly-layout{grid-template-columns:1fr;gap:12px}#assembly-title{font-size:16px}#assembly-svg{min-height:220px}.assembly-live{font-size:13px}.assembly-layout .diagram-label{font-size:15px}.assembly-layout .tick{font-size:12px}}
#assembly-svg .board-hit{vector-effect:non-scaling-stroke;stroke-width:40}
.point-adjustments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.point-adjustments button{padding:10px 8px}