:root{color-scheme:light;--paper:#f5eedd;--line:#ddd1b4;--muted:#80745f;--ink:#16294e;--text:#2d4673;--accent:#c8482b;--wash:#eee5d0;--dot:#284d78}
html[data-theme=dark]{color-scheme:dark;--paper:#06182f;--line:#223957;--muted:#8ca5c5;--ink:#eef4fc;--text:#caddf4;--accent:#ed9870;--wash:#10253b;--dot:#8fb9de}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--text);font:14px/1.6 system-ui,sans-serif}header,main{max-width:1200px;margin:auto;padding:22px 30px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}header>a{font:500 24px Georgia,serif;text-decoration:none}nav{display:flex;gap:24px;align-items:center;font-size:13px}a{color:var(--text);text-underline-offset:4px}a:hover{color:var(--accent)}button{font:inherit;color:var(--text);background:transparent;border:0;cursor:pointer;padding:6px 10px}button[aria-pressed=true]{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
h1,h2{font:500 28px/1.25 Georgia,serif;color:var(--ink);margin:0 0 16px}h1{font-size:34px;margin:0}h2{font-size:24px}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 0 16px}#connection{font-size:12px;color:var(--muted)}.intro{color:var(--muted);margin:8px 0 20px;font-size:13px}.fly-selector{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:12px}.fly-selector select{padding:7px 10px;background:var(--paper);border:1px solid var(--line);border-radius:3px;color:var(--text);font:inherit}#error{color:var(--accent);font-size:13px}
.habitat{overflow:hidden;border:1px solid #827b54;background:var(--wash);border-radius:3px}.scene-head,.scene-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;font-size:12px}.scene-head{flex-wrap:wrap}.scene-head #place{font-weight:600}.scene-head #world-time{color:var(--muted);margin-left:auto}.scene-foot{min-height:48px;border-top:1px solid var(--line)}#mode{font-weight:600;color:var(--accent);white-space:nowrap}#mode-description{color:var(--muted);text-align:right}.camera-tools{display:flex;gap:2px}.camera-tools button{font-size:19px;padding:0 7px}.camera-tools button:hover{background:var(--paper)}
#world{position:relative;width:100%;overflow:hidden;background:#719750;isolation:isolate}#world canvas{display:block;width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none}.map-resident{position:absolute;z-index:2;transform:translate(-50%,-100%);padding:3px 7px;color:#314433;background:#f9efd2ed;border:1px solid #596c4990;border-bottom:3px solid var(--fly-color);border-radius:3px;font:600 11px/1.35 system-ui,sans-serif;white-space:nowrap;box-shadow:0 2px 0 #36462933}.map-resident.chosen{background:#fff7df;border-color:#4d673f}.map-resident:hover{background:#fffbed}.map-place{position:absolute;transform:translateX(-50%);font:600 11px/1.4 system-ui,sans-serif;color:#fff6d6;background:#3e5945de;padding:2px 7px;border-radius:2px;white-space:nowrap;pointer-events:none}.map-hint{color:var(--muted);font-size:11px;margin:9px 0 18px;max-width:85ch}
.colony-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 20px}.inhabitant{text-align:left;min-height:96px;padding:14px 18px;border-right:1px solid var(--line);border-top:3px solid transparent}.inhabitant:last-child{border-right:0}.inhabitant.selected{border-top-color:var(--accent);background:var(--wash)}.inhabitant strong,.inhabitant span,.inhabitant small{display:block}.inhabitant strong{font-size:14px;margin-bottom:3px}.inhabitant span{font-size:12px}.inhabitant small{font-size:11px;color:var(--muted)}
.progression{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 24px}.stage{padding:8px 12px;border-right:1px solid var(--line);font-size:12px;color:var(--muted)}.stage:last-child{border:0}.stage.done{color:var(--ink)}.stage.active{color:var(--accent)}.stage small{font-size:10px}.below{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:36px 0}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.views{display:flex;font-size:11px}.views button[aria-pressed=true]{border-bottom:1px solid var(--accent)}#neurons{width:100%;height:auto;display:block}.meter{display:grid;grid-template-columns:72px 1fr 36px;align-items:center;gap:10px;margin:12px 0;font-size:12px}.bar{height:5px;background:var(--line)}.bar i{display:block;height:100%;background:#6e9864}.meter.bad .bar i{background:#bd7851}.meter em{font-style:normal;color:var(--muted);text-align:right;font-size:11px}.muted,small{color:var(--muted)}small{display:block;font-size:11px}#neural-description,#brain{font-size:11px;margin:6px 0}#intention{font-size:14px;margin-top:22px}.body-state details{font-size:12px}details{padding:15px 0}summary{cursor:pointer;color:var(--ink)}summary span{font-size:12px;color:var(--muted);margin-left:12px}.journal{border-top:1px solid var(--line);padding-top:22px;margin-top:20px}.journal p{max-width:82ch;font-size:13px;overflow-wrap:anywhere}.report{white-space:pre-wrap}#intentions,#events{max-height:300px;overflow:auto}#intentions p,#events p,.skill-row{border-bottom:1px solid var(--line);padding:8px 0;margin:0}.equipment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:20px 0}.equipment-card{padding:16px;border:1px solid var(--line);font-size:13px}.equipment-card p{font-size:12px}.learning-record{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}.learning-record>div{border:1px solid var(--line);padding:14px}.learning-record strong,.learning-record span{display:block;font-size:12px}.learning-record span{color:var(--muted)}.learning-record>small{grid-column:1/-1}.learning-outcome{position:relative;height:3px;background:var(--line);margin:14px 0 2px}.learning-outcome:after{content:'';position:absolute;height:9px;width:1px;left:50%;top:-3px;background:var(--muted)}.learning-outcome i{position:absolute;width:6px;height:6px;top:-2px;background:#6e9864}.learning-outcome i.negative{background:var(--accent)}.reply-badge{display:block;width:fit-content;padding:8px 12px;border-left:3px solid var(--accent);background:var(--wash);font-size:12px}.reply-badge[hidden],[hidden]{display:none!important}footer{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);margin-top:24px;padding:22px 0;font-size:12px}footer span{color:var(--muted)}
@media(max-width:700px){header,main{padding:16px}.heading{display:block}.heading h1{font-size:29px}#connection{display:block;margin-top:8px}.fly-selector{align-items:start;flex-direction:column;gap:4px}.fly-selector select{width:100%;font-size:13px}.intro{font-size:12px;margin-bottom:14px}.scene-head{gap:5px;padding:8px;font-size:11px}.scene-head #world-time{order:3;width:100%;margin-left:0}.camera-tools{margin-left:auto}.scene-foot{align-items:start;flex-direction:column;gap:2px;padding:9px 12px;font-size:12px}#mode-description{text-align:left}.map-resident{font-size:10px;padding:3px 5px}.map-place{font-size:10px;padding:1px 5px}.inhabitant{padding:11px 7px;min-height:112px}.inhabitant strong{font-size:12px}.inhabitant span,.inhabitant small{font-size:10px}.stage{padding:8px 5px;font-size:10px}.stage small{font-size:9px}.below{grid-template-columns:1fr;gap:32px;margin:30px 0}.learning-record{grid-template-columns:1fr}summary span{display:block;margin:0}footer{flex-direction:column;gap:6px}}