
:root{--ink:#173d36;--muted:#72817a;--green:#297b57;--lime:#d4ea96;--paper:#f5f6f0;--line:#e0e6dc}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #db9a2f;outline-offset:4px}aside{width:246px;position:fixed;inset:0 auto 0 0;background:#fcfdf9;border-right:1px solid var(--line);padding:35px 22px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;font-weight:800;font-size:13px;letter-spacing:.6px}.brand-icon{font-size:37px;color:var(--green)}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:2.2px;margin-top:6px}.side-caption{font-size:10px;letter-spacing:1.6px;color:#8b968e;margin:54px 14px 18px}nav{display:grid;gap:9px}nav a{padding:14px;border-radius:8px;display:flex;gap:13px;color:#6f7c74}nav a.active{color:#256545;background:#e9efdf;font-weight:600}nav a:hover{background:#eef2e9}.side-bottom{margin-top:auto;padding:25px 14px 0}.college{font-size:24px;font-weight:800}.college span{display:block;font-size:8px;letter-spacing:1px;margin-top:6px}.side-bottom p{line-height:1.65;font-size:13px;color:var(--muted)}.version{font-size:11px;color:#89958d}.workspace{margin-left:246px}header{height:83px;padding:0 44px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}header b{color:var(--ink);margin-left:9px}header>div{display:flex;align-items:center;gap:12px}.avatar{border-radius:50%;background:#e4e9d9;padding:10px 13px;color:var(--green)}main{max-width:1440px;margin:auto;padding:34px 44px;min-height:calc(100vh - 140px)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--green);text-transform:uppercase}h1{font-size:30px;letter-spacing:-1px;margin:10px 0}h2{font-size:22px;letter-spacing:-.5px}h3{font-size:17px;margin:10px 0}p{line-height:1.65}.muted{color:var(--muted)}.topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.topline p{margin:8px 0 0;font-size:13px}.badge{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:30px;padding:9px 13px;font-size:11px;background:#fcfdf9}.badge:before{content:'';width:6px;height:6px;border-radius:50%;background:#76a464}.hero{background:#183e35;border-radius:16px;min-height:330px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr;color:#fff}.hero-copy{padding:38px;z-index:1}.hero .eyebrow{color:#c4df9c}.hero h2{font-size:43px;line-height:1.12;letter-spacing:-1.7px;margin:20px 0}.hero p{color:#bdd0bf;font-size:13px;max-width:350px}.hero small{font-size:10px;color:#c4d1bf;display:block;margin-top:20px}.hero-art{width:100%;height:100%;min-height:330px;position:absolute;inset:0 0 0 auto;width:53%}.primary{border:0;border-radius:7px;padding:13px 20px;background:var(--lime);color:#203c2c;font-weight:700;font-size:13px}.primary:hover{background:#e3f4ba}.secondary{border:1px solid #d5dfd3;border-radius:7px;background:#fff;padding:12px 18px;color:var(--ink);font-size:13px}.quiet{border:0;background:none;color:var(--muted);font-size:12px;padding:8px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:20px 0 30px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center}.stat-icon{background:#edf4e7;color:#4b8259;padding:10px;border-radius:9px;text-align:center}.stat:nth-child(2) .stat-icon{background:#fcf1d9;color:#a8802d}.stat:nth-child(3) .stat-icon{background:#e8f0f4;color:#5c819b}.stat small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.stat b{font-size:20px}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head span{font-size:12px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.card-art{height:125px;position:relative;overflow:hidden;background:#dce6ce;display:flex;align-items:center;justify-content:center}.card-art svg{width:100%;height:100%}.card-body{padding:18px}.card-body p{color:var(--muted);font-size:12px;min-height:39px;margin:9px 0 15px}.card-number{position:absolute;top:13px;left:15px;font-size:10px;background:#ffffffcc;padding:5px 8px;border-radius:5px}.card-bottom{border-top:1px solid #edf0e9;padding-top:13px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--green)}.card button{border:0;background:none;color:var(--green);font-weight:600;padding:3px}.info-strip{margin-top:24px;border:1px solid var(--line);padding:19px 23px;border-radius:10px;display:flex;gap:15px;align-items:center;font-size:12px}.info-strip p{margin:0;color:var(--muted)}footer{padding:20px 44px;font-size:10px;color:#89958d;display:flex;justify-content:space-between;border-top:1px solid var(--line)}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;margin:20px 0}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.game-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.scene{background:#e6ecdc;border-radius:12px;padding:25px;min-height:290px;position:relative;overflow:hidden}.scene h3{position:relative;z-index:1}.items{display:flex;flex-wrap:wrap;gap:8px}.item{border:1px solid #c1ceb4;background:#fff;border-radius:8px;padding:10px;max-width:160px;font-size:12px}.item.selected{background:#d4ea96;border-color:#297b57;box-shadow:0 0 0 2px #297b57}.bins{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.bin{min-height:80px;border:2px dashed #92ad88;border-radius:10px;background:#f7faf2;color:var(--ink);font-size:12px}.options{display:grid;gap:10px}.option{text-align:left;padding:17px;border:1px solid #dce4d6;border-radius:8px;background:white;color:var(--ink);line-height:1.5}.option:hover{background:#f0f6e8;border-color:#79a05c}.option small{display:block;color:var(--muted);margin-top:5px}.timer{font-variant-numeric:tabular-nums;font-weight:bold;color:#906522}.progress{height:7px;background:#dfe8d7;border-radius:5px;overflow:hidden;margin:16px 0}.progress>span{height:100%;display:block;background:#549365}.feedback{border-left:3px solid #52925f;background:#f1f6ec;padding:16px;line-height:1.65;margin-top:20px;font-size:13px}.feedback.bad{border-color:#c4724e;background:#fcf1e8}.layer{padding:20px;border-bottom:1px solid #adbd9e;background:#d7c6a5}.layer:nth-child(2){background:#d8bb7f}.layer:nth-child(3){background:#93b8bc}.layer:nth-child(4){background:#adb29a}.bore{position:absolute;top:55px;left:48%;width:15px;background:#536a65;border:3px solid #fff;transition:height .4s}.landscape{font-size:70px;text-align:center;padding:35px 0;letter-spacing:8px}.river{height:55px;background:#88bdcb;border-radius:50%;margin-top:70px}.spill{position:absolute;top:100px;left:40%;width:65px;height:40px;background:#4f473d;border-radius:45%;transition:transform 1s}.route-map{width:100%;height:245px}.field{display:grid;gap:8px;font-size:13px;margin:15px 0}.field input,.field select{padding:12px;border:1px solid #cdd8c7;border-radius:6px;background:#fff;color:var(--ink)}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:16px 12px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:400}.table-wrap{overflow:auto}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:bold}details p{max-width:850px;color:#546a5e;font-size:14px}#toast{position:fixed;right:25px;bottom:25px;background:#173d36;color:white;border-radius:9px;padding:15px 20px;max-width:440px;display:none;z-index:20;box-shadow:0 6px 30px #0002}.empty{text-align:center;padding:45px}.tag{font-size:11px;color:var(--green)}button:disabled{opacity:.55;cursor:default}@media(min-width:1500px){.hero{min-height:370px}.hero-copy{padding:45px}.card-art{height:155px}}@media(max-width:1100px){aside{width:205px;padding:30px 12px}.workspace{margin-left:205px}main{padding:25px}.hero h2{font-size:34px}.hero-copy{padding:30px}.cards{gap:12px}.stat{padding:13px;grid-template-columns:30px 1fr auto}.stat-icon{padding:6px}.game-layout{grid-template-columns:1fr}.hero-art{opacity:.7}}@media(max-width:760px){aside{position:static;width:100%;padding:16px}.brand{justify-content:center}.side-caption,.side-bottom{display:none}nav{display:flex;overflow:auto;margin-top:15px;gap:5px}nav a{white-space:nowrap;padding:10px;font-size:12px}nav a span{display:inline}.workspace{margin:0}header{height:58px;padding:0 20px}header>div>span:last-child{display:none}main{padding:22px 16px}.topline{align-items:flex-start}.badge{display:none}h1{font-size:25px}.hero{grid-template-columns:1fr;min-height:380px}.hero-copy{padding:28px}.hero-art{inset:0;width:100%;opacity:.33}.hero h2{font-size:39px}.stats{gap:7px}.stat{display:block;padding:12px}.stat-icon{display:none}.stat b{display:block;margin-top:10px}.stat small{font-size:10px}.cards{grid-template-columns:1fr 1fr}.card-body{padding:13px}.card-art{height:100px}.card h3{font-size:15px}.bins{grid-template-columns:1fr 1fr}.panel{padding:20px}.info-strip{align-items:flex-start}footer{padding:20px;display:block}footer span{display:block;margin-top:8px}.section-head h2{font-size:19px}}@media(max-width:400px){.cards{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media print{aside,header,footer,button,.hero{display:none!important}.workspace{margin:0}main{padding:0}.panel{break-inside:avoid}}

.stat-meter{grid-column:1/-1;height:4px;background:#edf1e8;border-radius:3px;overflow:hidden;margin-top:5px}.stat-meter span{display:block;height:100%;background:#70a16a}.stat:nth-child(2) .stat-meter span{background:#c5a455}.stat:nth-child(3) .stat-meter span{background:#7eabbc}
@media(max-width:760px){.game-layout .scene{padding:16px}.items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.item{font-size:10px;padding:7px 4px;min-height:54px;width:100%;overflow-wrap:anywhere}.bins{gap:6px}.bin{min-height:50px;font-size:11px}.game-layout{gap:16px}.stat-meter{margin-top:10px}}
.quarry-art svg{width:100%;height:270px;display:block;border-radius:9px}.skip-link{position:fixed;top:-80px;left:20px;z-index:99;padding:12px;background:#d4ea96;color:#173d36}.skip-link:focus{top:10px}
dialog{border:1px solid #ccd8c4;border-radius:14px;max-width:480px;padding:28px;color:#173d36}dialog::backdrop{background:#173d3677}

.profile-button{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}.pause-panel{max-width:850px;margin:30px auto;padding:35px}.pause-panel p{line-height:1.85}.name-error{color:#a94432}@media(max-width:760px){.profile-button{max-width:135px}.pause-panel{padding:22px}}

.feedback.warning{background:#fff5d9;color:#705315;border-color:#d6ac4e}

/* The main region receives focus after navigation; controls retain keyboard outlines. */
#app:focus{outline:none}
.mission-rule{font-size:13px;line-height:1.5;background:#edf3e6;border-left:3px solid #628850;border-radius:6px;padding:10px 12px;margin:10px 0;color:#284a37}

.report-overview p{color:var(--muted);margin:8px 0 16px}
.report-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}
.report-mission{display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:1px solid #d4dfce;border-radius:10px;padding:15px;color:var(--ink);min-width:0}
.report-mission strong{display:block;font-size:14px;line-height:1.4}
.report-mission small{display:block;font-size:12px;line-height:1.4;color:#607368;margin-top:5px}
.report-number{font-size:16px;font-weight:bold;background:#edf3e6;border-radius:8px;padding:10px;color:#35754e}
.report-mission[aria-pressed="true"]{background:#eaf3df;border-color:#367c50;box-shadow:inset 0 0 0 1px #367c50}
.report-mission:disabled{opacity:.65;background:#f0f2ed}
.report-mission:not(:disabled):hover{border-color:#367c50}
.report-chapter-head h2{margin:8px 0}.report-chapter-head p{color:#607368;font-size:14px}
.report-decisions{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.report-decisions .feedback{margin:0;border-radius:7px}
.report-decision-label{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px}
.report-decision-label span{font-weight:bold}.report-decisions p{margin:8px 0 0;font-size:14px}
@media(max-width:1000px){.report-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.report-mission{padding:10px;gap:7px}.report-number{padding:6px;font-size:13px}.report-mission strong{font-size:13px}.report-mission small{font-size:11px}.report-decision-label{gap:5px}.report-overview .actions>*{width:100%;text-align:center}}
@media print{.report-picker,.report-overview .actions{display:none!important}.report-decisions .feedback{break-inside:avoid}.report-chapter.panel{break-inside:auto}}
