:root{color:#20231f;background:#e9e4d8;font-family:Yu Gothic,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit}main{background:linear-gradient(135deg,#ede8dc,#d9d2c2);min-height:100vh}header{color:#f5f0e4;background:#172522;border-bottom:5px solid #a88745;justify-content:space-between;align-items:end;gap:24px;min-height:150px;padding:28px 5vw 22px;display:flex}small,.eyebrow{letter-spacing:.16em;color:#a88745;font-weight:700}h1{margin:6px 0 0;font-family:Yu Mincho,serif;font-size:clamp(28px,4vw,52px)}h2,h3{font-family:Yu Mincho,serif}nav{flex-wrap:wrap;gap:8px;display:flex}nav button,footer button{color:inherit;cursor:pointer;background:0 0;border:1px solid #a88745;padding:10px 14px}.layout{grid-template-columns:260px 1fr;min-height:calc(100vh - 210px);display:grid}aside{background:#ddd6c7;border-right:1px solid #bcb4a2;padding:28px}aside button{text-align:left;cursor:pointer;background:#f4efe4;border:0;width:100%;margin:8px 0;padding:13px;display:block}aside button.active{color:#fff;background:#a88745}aside button:disabled{opacity:.4}article,.page{max-width:1100px;padding:42px 6vw}.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:14px 0 34px;display:grid}.card,.link,.archive,.compareGrid>div,.chapterClear,.mission,.feedback{text-align:left;background:#f7f2e7;border:1px solid #b7ad98;padding:22px;box-shadow:0 8px 20px #3a33251a}.card{cursor:pointer;min-height:175px}.card:hover{transform:translateY(-2px)}.card span,.archive span,.link>span{letter-spacing:.12em;color:#856b37;font-size:12px}.card strong,.archive strong{margin:12px 0;font-family:Yu Mincho,serif;font-size:22px;display:block}.mission{background:#efe4c8;align-items:center;gap:14px;margin:20px 0;display:flex}.mission strong{white-space:nowrap}.link,.archive{margin:16px 0}.primary,.link button{color:#fff;cursor:pointer;background:#243c36;border:0;padding:11px 16px}.primary:disabled,.link button:disabled{opacity:.4;cursor:not-allowed}.compareGrid{grid-template-columns:1fr 1fr;gap:18px;margin-top:24px;display:grid}.evidenceGrid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:18px 0;display:grid}.evidenceGrid.compact{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.evidence{text-align:left;cursor:pointer;background:#fffaf0;border:2px solid #c8bfad;min-height:82px;padding:15px}.evidence strong{font-family:Yu Mincho,serif;display:block}.evidence small{color:#5e5a50;letter-spacing:0;margin-top:8px;line-height:1.5;display:block}.evidence.selected{background:#dfece6;border-color:#315f52;box-shadow:inset 0 0 0 2px #315f5222}.feedback{border-left:5px solid #a88745;margin:18px 0}.stickyFeedback{z-index:2;position:sticky;bottom:68px}.done{color:#315f52;margin-top:8px;display:inline-block}.empty{background:#fff6;border:1px dashed #aaa;padding:20px}.chapterClear{background:#efe4c8;border-width:2px;border-color:#a88745;margin-top:34px}.chapterClear h2{font-size:28px}.thread{padding-left:30px;position:relative}.thread ol{margin:20px 0;padding:0;list-style:none}.thread li{color:#777;border-left:2px solid #c8bfad;margin:0 0 0 9px;padding:8px 0 18px 28px;position:relative}.thread li:before{content:"";background:#c8bfad;border-radius:50%;width:12px;height:12px;position:absolute;top:13px;left:-7px}.thread li.threadDone{color:#20231f;border-left-color:#315f52}.thread li.threadDone:before{background:#315f52}.threadExplanation{background:#e4eee9;border-left:4px solid #315f52;padding:12px 16px;line-height:1.8}.axisTabs{flex-wrap:wrap;gap:8px;margin:22px 0;display:flex}.axisTabs button{cursor:pointer;background:#f7f2e7;border:1px solid #9c927e;padding:10px 15px}.axisTabs button.active{color:#fff;background:#243c36;border-color:#243c36}.networkQuestion{background:#efe4c8;border-left:5px solid #a88745;margin-bottom:24px;padding:18px 20px;font-family:Yu Mincho,serif;font-size:20px}.networkCanvas{align-items:stretch;gap:10px;padding:20px 4px 28px;display:flex;overflow-x:auto}.networkNode{text-align:left;cursor:pointer;background:#fffaf0;border:2px solid #b7ad98;flex:0 0 210px;min-height:145px;padding:18px}.networkNode small{display:block}.networkNode strong{margin:12px 0;font-family:Yu Mincho,serif;font-size:18px;display:block}.networkNode span{font-size:12px}.networkNode.owned{background:#e4eee9;border-color:#315f52}.networkNode.focused{border-color:#a88745;box-shadow:0 0 0 4px #a8874555}.networkNode.locked{opacity:.38;filter:grayscale();cursor:not-allowed}.networkArrow{color:#856b37;align-items:center;font-size:28px;display:flex}.networkDetail{color:#f5f0e4;background:#172522;border-top:4px solid #a88745;margin-top:10px;padding:24px}.networkDetail h3{margin:6px 0;font-size:26px}.networkRelations{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:18px;display:grid}.networkRelations button{text-align:left;color:#20231f;cursor:pointer;background:#f7f2e7;border:1px solid #a88745;padding:14px}.networkRelations button:disabled{opacity:.35;cursor:not-allowed}.networkRelations span,.networkRelations small{letter-spacing:.1em;font-size:11px;display:block}.networkRelations strong{margin:7px 0;display:block}.encounterEvent{z-index:8;color:#f5f0e4;background:#172522;border:2px solid #a88745;width:min(440px,100vw - 48px);padding:22px;position:fixed;bottom:78px;right:24px;box-shadow:0 18px 50px #0006}.encounterEvent .eyebrow{margin-top:0}.encounterInner h3{margin:8px 0 14px;font-size:22px}.encounterText{color:#ded7c9;line-height:1.75}.questionStatement{font-family:Yu Mincho,serif;font-size:20px;line-height:1.6;display:block}.judgmentChoices{gap:10px;margin:16px 0;display:flex}.judgmentChoices button,.judgmentStatus button{color:#20231f;cursor:pointer;background:#f7f2e7;border:1px solid #a88745;padding:10px 14px}.judgmentChoices button.selected{color:#fff;background:#a88745}.judgmentStatus{color:#ded7c9;align-items:center;gap:12px;display:flex}.judgmentStatus button{margin-left:auto}.encounterEvent .feedback{color:#20231f;background:#f7f2e7;margin-bottom:0}.networkChallengeDock{z-index:9;position:fixed;bottom:78px;left:24px}.networkChallengeTrigger{text-align:left;color:#f5f0e4;cursor:pointer;background:#172522;border:2px solid #a88745;width:270px;padding:14px 18px;box-shadow:0 12px 30px #0004}.networkChallengeTrigger span{letter-spacing:.16em;color:#a88745;font-size:10px;display:block}.networkChallengeTrigger strong{margin-top:5px;display:block}.networkChallengeCard{color:#f5f0e4;background:#172522;border:2px solid #a88745;width:min(520px,100vw - 48px);padding:24px;position:relative;box-shadow:0 18px 50px #0007}.networkChallengeClose{color:#f5f0e4;cursor:pointer;background:0 0;border:0;font-size:24px;position:absolute;top:8px;right:10px}.networkChallengeCard h3{margin:8px 28px 18px 0;font-size:22px}.challengePair{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.challengePair div{color:#20231f;background:#f7f2e7;min-height:90px;padding:14px}.challengePair strong,.challengePair small{display:block}.challengePair span{color:#a88745;font-size:28px}.relationChoices{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;display:grid}.relationChoices button{color:#20231f;cursor:pointer;background:#f7f2e7;border:1px solid #a88745;padding:12px}.relationChoices button.selected{color:#fff;background:#a88745}.challengeFeedback{color:#20231f;background:#f7f2e7;border-left:5px solid #a88745;margin-top:14px;padding:16px}.challengeFeedback.correct{border-left-color:#315f52}.challengeFeedback button{color:#fff;cursor:pointer;background:#243c36;border:0;padding:9px 12px}footer{color:#eee7d8;z-index:3;background:#172522;align-items:center;gap:22px;padding:12px 5vw;display:flex;position:sticky;bottom:0}footer button{margin-left:auto}@media (width<=720px){header{flex-direction:column;align-items:start}.layout{grid-template-columns:1fr}aside{border-bottom:1px solid #bcb4a2;border-right:0}aside button{width:auto;margin-right:6px;display:inline-block}article,.page{padding:28px 5vw}.compareGrid{grid-template-columns:1fr}.mission,.judgmentStatus{flex-direction:column;align-items:flex-start}.judgmentStatus button{margin-left:0}.evidenceGrid{grid-template-columns:1fr}.networkCanvas{align-items:center}.networkNode{flex-basis:180px;min-height:130px}.encounterEvent{width:calc(100vw - 24px);max-height:62vh;bottom:92px;right:12px;overflow:auto}.networkChallengeDock{bottom:92px;left:12px}.networkChallengeTrigger{width:230px}.networkChallengeCard{width:calc(100vw - 24px);max-height:70vh;overflow:auto}.challengePair{grid-template-columns:1fr}.challengePair>span{text-align:center;transform:rotate(90deg)}footer{flex-wrap:wrap;gap:10px;font-size:12px}}