/* Sidequest / second edition. The robots and their world carry the identity. */
:root{--paper:#f4f3ec;--ink:#202b2c;--line:#d8dbd1;--lime:#d4ed85;--muted:#6b7973}
body{background:var(--paper);color:var(--ink)}
.wrap{max-width:1360px;width:calc(100% - 88px)}
.header{height:94px;border-bottom-color:#d5d9cf}
.brand{font-size:33px;letter-spacing:-1.2px;gap:12px}
.brand img{width:34px;height:34px}
.header nav{gap:5px;padding:5px;background:#e8ebe2;border:1px solid #daddd1;border-radius:6px}
.header nav a{padding:10px 17px;font-size:12px;color:#52625a;border-radius:3px}
.header nav a:after{display:none}
.header nav a:hover{background:#f8f8f0;color:var(--ink)}
.nav-action{background:var(--ink);color:#f4f5ec;border-radius:4px;padding:14px 18px;border-color:#202b2c;box-shadow:0 3px 0 #aab5a7;gap:27px;font-size:11px}
.header-actions{display:flex;align-items:center;gap:10px}
.x-link{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border:1px solid #c8d2c0;border-radius:4px;background:#e8ece0;color:#233732;transition:background .2s}
.x-link:hover{background:#dce6cf}
.footer-x{font:10px var(--mono);color:#60795f;text-decoration:underline;text-underline-offset:4px}
.hero{padding-top:49px}
.hero-head{grid-template-columns:1.6fr 1fr;padding-bottom:38px;gap:60px;align-items:center}
.eyebrow{font-size:8px;font-weight:500;letter-spacing:1px;color:#68786f;margin-bottom:23px}
.eyebrow-line{display:inline-block;width:21px;height:2px;background:#8a9f6a;margin-right:3px}
h1{font-size:clamp(68px,7.1vw,106px);line-height:.94;letter-spacing:-3.5px;font-weight:550}
h1>span:not(.title-star){color:#7e8c7e}
.hero-aside{max-width:300px;justify-self:end;margin-right:14px}
.hero-aside>p{font-size:15px;line-height:1.8;color:#5e6d64;margin:0 0 23px}
.button{border-radius:4px;min-height:49px;font-size:12px;padding:14px 19px;box-shadow:0 3px 0 #b4bdac}
.button.dark{background:#243632;border-color:#243632;color:#f0f4e6}
.button.dark:hover{background:#354d43}
.side-note{font-size:7px;margin-top:16px;color:#8b9786}
.outpost{padding:8px 8px 0;background:#18272c;border:1px solid #16272b;border-radius:7px;box-shadow:0 7px 0 #d9dfd1,0 20px 35px -30px #283c3d80}
.world-top{height:43px;padding:0 13px 8px;font-size:8px;letter-spacing:.6px;color:#e4eadf}
.world-top b{color:#b2c2b6;opacity:1;font-size:7px;letter-spacing:1px;margin-left:22px}
.world-top i{background:#bddd89;box-shadow:none}
.world-top button{border-color:#60777966;padding:7px 10px;font-size:7px;background:#23373b;color:#cbdcd2}
.world-top button:hover{background:#354b4e}
.world-scene{aspect-ratio:2.5;border:1px solid #5c737166;border-radius:3px}
.world-scene canvas{object-fit:fill}
.scene-hint{font-size:6px;padding:8px 10px;bottom:15px;right:15px;background:#152c33c9;border-color:#6e94945c;color:#ccdfd7;letter-spacing:.5px;border-radius:2px}
.world-bottom{padding:20px 18px 22px;grid-template-columns:1fr 2fr 46px;gap:28px}
.world-coordinate>span{font-size:7px;color:#86a6a5;letter-spacing:1px}
.world-coordinate b{font-size:11px;line-height:1.65;font-weight:400;color:#d4dfd1}
.crew-switch{gap:10px}
.crew-switch>button{background:#25383d;border:1px solid #496364;border-radius:4px;padding:13px 15px;gap:13px;transition:background .2s,border-color .2s,transform .2s}
.crew-switch>button:hover{background:#324c4c;border-color:#84aaa1}
.crew-switch>button.active{background:#d1e79c;border-color:#d1e79c;color:#263b30;box-shadow:0 3px 0 #93ad62}
.crew-switch button>span{font-size:24px;letter-spacing:-.3px}
.crew-switch small{font-size:6px;letter-spacing:.8px;margin-top:6px}
.world-more{font-size:30px;border-left-color:#6c87804d;color:#b8d2bd}
.hero-foot{font-size:7px;letter-spacing:.8px;color:#86927f;padding:26px 2px}
.hero-foot a{border-bottom:1px solid #c8d2bd;padding-bottom:4px;color:#546955}
.crew-section{padding-top:77px;padding-bottom:95px}
.section-top{padding-top:19px;border-color:#ccd4c4}
.section-top .eyebrow{font-size:8px;letter-spacing:1px}
.section-number{color:#8d9988;font-size:7px}
.crew-layout{grid-template-columns:.88fr 1.12fr;gap:80px;padding-top:30px}
h2{font-size:clamp(40px,4vw,56px);letter-spacing:-1.5px;line-height:1.05;font-weight:500}
h2>span{color:#81917d}
.crew-heading>p{font-size:13px;line-height:1.85;max-width:350px;color:#6a7a6b}
.crew-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;max-width:365px;margin-top:26px}
.crew-picker>button{padding:9px 5px 12px;border:1px solid #cfd6c4;background:#e9ede0;border-radius:5px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 3px 0 #d7ddce;transition:.2s}
.crew-picker>button:hover{background:#e1e7d5;transform:translateY(-3px)}
.crew-picker>button.active{border-color:#7f9d70;background:#e0ebd2;box-shadow:0 3px 0 #97ad80}
.crew-picker>button[data-agent=bolt].active{border-color:#c49663;background:#f3e5cd;box-shadow:0 3px 0 #c9ae88}
.crew-picker>button[data-agent=echo].active{border-color:#9c91b8;background:#e9e1f0;box-shadow:0 3px 0 #b4a5c7}
.crew-picker img{width:80px;height:80px;image-rendering:pixelated;object-fit:contain}
.crew-picker>button>span{font:22px var(--pixel);line-height:1.1}
.crew-picker small{display:block;font:6px var(--mono);color:#849378;letter-spacing:.8px;margin-top:5px}
.crew-shortcuts{margin-top:24px}
.agent-dossier{border:1px solid #b6c4a7;background:#e9efdf;border-radius:7px;box-shadow:6px 6px 0 #d8e1ca;padding:23px}
.agent-dossier[data-selected=bolt]{background:#f3eadc;box-shadow:6px 6px 0 #e6d8c4;border-color:#cfb68e}
.agent-dossier[data-selected=echo]{background:#ede8f1;box-shadow:6px 6px 0 #ddd4e4;border-color:#bcb0c9}
.dossier-top{font-size:7px;color:#7a8c6a;border-bottom-color:#c5d0b7;letter-spacing:.7px}
.dossier-main{grid-template-columns:180px 1fr;gap:24px;align-items:center;padding:23px 0}
.portrait{min-height:205px;background-color:#e1e9d4;background-image:linear-gradient(#769c5f13 1px,transparent 1px),linear-gradient(90deg,#769c5f13 1px,transparent 1px);background-size:16px 16px;border-color:#b9c8a7;border-radius:4px;padding:0 3px 14px}
.portrait img{width:170px;height:170px;object-fit:contain;image-rendering:pixelated;animation:botbob 4s ease-in-out infinite}
.agent-dossier[data-selected=bolt] .portrait{background-color:#ecdec7;border-color:#d1ba96}
.agent-dossier[data-selected=echo] .portrait{background-color:#e1d8e8;border-color:#c1b3cd}
.portrait>span{font-size:6px;letter-spacing:1px;color:#7b8c6b}
.dossier-bio h3{font-size:50px;margin:9px 0 13px;line-height:1}
.dossier-bio p{font-size:11px;line-height:1.85;color:#69765f}
.dossier-task{padding:17px 0 22px;border-top-color:#c4cfb5}
.dossier-task ul{font-size:10px;line-height:2}
.agent-dossier .button{margin-top:0}
.dispatch{padding-top:0;padding-bottom:80px}
.desk-grid{grid-template-columns:.88fr 1.12fr;gap:80px;padding-top:38px}
.desk-icon{display:none}
.desk-intro h2{font-size:52px;margin-top:23px}
.desk-intro>p{font-size:13px;line-height:1.85;color:#6a7a6b}
.desk-facts{gap:15px;font-size:10px;margin-top:8px}
.source-link{font-size:7px;margin-top:35px;letter-spacing:0}
.research-panel{background:#1e3036;padding:25px;border:1px solid #162b31;border-radius:7px;box-shadow:6px 6px 0 #d7dfd2}
.panel-label{color:#a7bfba;border-bottom-color:#50707855;padding-bottom:20px;font-size:7px}
.panel-label>span:last-child{color:#c1d98f}
.panel-label i{background:#c1d98f}
.research-panel label{font-size:29px;margin-bottom:17px}
.input-row{border-color:#567478;background:#15272e;padding:6px;border-radius:4px}
.input-row input{font-size:9px;padding:8px;color:#d7e5d5}
.input-row button{background:#d1e79c;color:#24392d;flex-shrink:0;border-radius:3px}
.input-help{font-size:6px;color:#91aca3;padding-top:11px}
.input-help button{font-size:7px;color:#b6cfa3}
.research-status{color:#b7ccb9;font-size:7px;margin-top:24px}
.research-status.error{color:#edaf8e}
.result-head{align-items:flex-start;gap:15px;padding:14px 0 16px;font-family:var(--sans)}
.result-head>div{min-width:0}
.result-head small{font-size:6px;letter-spacing:.6px;color:#85a9a2}
.result-head h3{font:29px/1.15 var(--pixel);margin:7px 0 0;color:#edf3dd;overflow-wrap:anywhere}
.result-head h3 span{font:9px var(--mono);color:#afc58f;display:block;margin-top:6px}
.result-stamp{font:6px/1.8 var(--mono);color:#86a69e;max-width:120px;text-align:right;padding-top:2px}
.result-metrics{background:#45626555;border-color:#45626555;border-radius:3px;overflow:hidden}
.metric{background:#253a3e;padding:16px 13px}
.metric span{font-size:6px;letter-spacing:.6px;color:#88aca0;margin-bottom:8px}
.metric strong{font-size:23px;color:#e1ebd3}
.metric.positive strong{color:#b7d88c}.metric.negative strong{color:#e5a188}
.result-note{font-size:7px;color:#9fb9aa;line-height:1.9;padding:7px 0 0}
.result-links{flex-wrap:wrap;gap:13px;align-items:center;color:#c9e1a0;font-size:7px}
.result-links button{font:7px var(--mono);border:1px solid #56766b;padding:5px 7px;border-radius:2px;background:#29423e;color:#c6dbc2}
.research-empty,.saved-empty{display:flex;align-items:center;justify-content:center;gap:17px;padding:27px 10px 32px}
.research-empty>span{font:34px var(--pixel);color:#92b398}
.research-empty p{font:12px/1.8 var(--sans);color:#bfd0b7;margin:0}
.research-empty small{font:7px/1.8 var(--mono);color:#7f9e91}
.save-signal{border-color:#54706a;background:#2c4442;box-shadow:none;color:#d7e6c7;font-size:10px;border-radius:3px}
.saved-panel{border-color:#cdd6c4;background:#eef1e6;border-radius:5px;margin-top:40px}
.saved-heading{padding:20px;border-color:#d2dacb}
.saved-heading h3{font-size:26px}
.saved-heading>span{font-size:6px;color:#8b9b7c}
.saved-heading h3 span{background:#e0e8d2}
.saved-signals{padding:8px 20px}
.saved-empty>span{font:26px var(--pixel);color:#95a780}.saved-empty p{font:11px/1.8 var(--sans);color:#788a6d}.saved-empty small{font:7px var(--mono);color:#92a181}
.watch-item{padding:13px 0;gap:14px;border-color:#d2dac7;flex-wrap:nowrap}
.watch-item>button:first-child{display:flex;align-items:center;gap:16px;width:100%;text-align:left;padding:11px 14px;border:1px solid #cbd7bc;background:#e5ecda;color:#364e39}
.watch-item>button:first-child>span{display:flex;flex-direction:column;gap:6px;font:17px var(--pixel)}
.watch-item>button:first-child>span:nth-child(2){margin-left:auto;text-align:right}
.watch-item>button:first-child>b{font-weight:400;font-size:20px}
.watch-item>button:last-child{font-size:18px;padding:5px 9px;flex-shrink:0}
.last-note{padding:51px 0 55px;text-align:left;display:flex;align-items:end;justify-content:space-between;border-top-color:#cdd5c4}
.last-note .eyebrow{font-size:7px;margin-bottom:18px}
.last-note p{font-size:61px;line-height:.95;margin:0}
.last-note .button{width:220px;margin:0 0 5px;font-size:11px}
.footer{min-height:100px;border-color:#d5dccc}
.footer>span{font-size:6px;color:#8e9c80}
.footer .brand{font-size:25px}
.footer .brand img{width:27px;height:27px}
.toast{background:#203731;color:#dfedc8;border-color:#739a6e;border-radius:4px;box-shadow:0 7px 25px #172c3e22}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.header nav a{padding:9px 12px;font-size:11px}.header{gap:20px}.brand{font-size:28px}.nav-action{font-size:10px;gap:15px}.hero-head{gap:35px}.hero-aside{margin-right:0}.hero-aside>p{font-size:13px}.world-bottom{grid-template-columns:1fr 2.5fr;gap:20px}.crew-layout,.desk-grid{gap:40px;grid-template-columns:.9fr 1.1fr}.dossier-main{grid-template-columns:140px 1fr;gap:18px}.portrait{min-height:185px}.portrait img{width:135px;height:145px}.dossier-bio h3{font-size:43px}.dossier-bio p{font-size:10px}.crew-picker img{width:67px;height:67px}.crew-picker>button>span{font-size:19px}.agent-dossier{padding:20px}.desk-intro h2{font-size:45px}}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.header{height:77px;gap:15px}.brand{font-size:27px;gap:9px}.brand img{width:29px;height:29px}.header nav{display:none}.nav-action{font-size:9px;gap:14px;padding:11px 12px;box-shadow:0 2px 0 #aab5a7}.hero{padding-top:32px}.hero-head{grid-template-columns:1fr;gap:23px;padding-bottom:29px}.eyebrow{font-size:6px;letter-spacing:.65px;margin-bottom:19px}.eyebrow-line{width:14px}.hero h1{font-size:clamp(46px,11.5vw,86px);line-height:.95;letter-spacing:-2px}.hero-aside{max-width:none;margin:0;display:grid;grid-template-columns:1.1fr 1fr;column-gap:20px}.hero-aside>p{font-size:11px;line-height:1.75;grid-row:span 2;margin:0}.hero-aside .button{font-size:9px;padding:10px 11px;min-height:44px;gap:10px}.side-note{font-size:5px;line-height:1.7;margin-top:10px;gap:5px}.outpost{padding:6px 6px 0;border-radius:5px;box-shadow:0 5px 0 #d9dfd1}.world-top{height:36px;padding:0 4px 6px;font-size:6px}.world-top b{display:none}.world-top button{font-size:5px;padding:5px 7px}.world-scene{aspect-ratio:1.5}.world-scene canvas{width:132%;margin-left:-16%;object-fit:fill;height:100%}.scene-hint{font-size:4px;padding:6px 7px;bottom:8px;right:8px;letter-spacing:.25px}.world-bottom{padding:11px 3px 14px;display:block}.crew-switch{gap:6px}.crew-switch>button{padding:10px 7px;gap:8px}.crew-switch button>span{font-size:19px}.crew-switch small{font-size:4px;letter-spacing:.5px;margin-top:5px}.crew-switch b{font-size:5px}.hero-foot{font-size:5px;letter-spacing:.4px;padding:22px 0}.crew-section{padding-top:45px;padding-bottom:54px}.section-top{padding-top:16px}.section-top .eyebrow{font-size:6px}.section-number{display:none}.crew-layout{grid-template-columns:1fr;gap:30px;padding-top:15px}h2{font-size:43px;line-height:1.05;letter-spacing:-1.2px}.crew-heading>p{font-size:12px;max-width:none;line-height:1.8}.crew-picker{max-width:none;margin-top:22px;gap:10px}.crew-picker>button{padding:8px 7px 12px;gap:5px}.crew-picker img{width:76px;height:76px}.crew-picker>button>span{font-size:22px}.crew-picker small{font-size:5px}.crew-shortcuts{display:none}.agent-dossier{padding:18px;border-radius:5px;box-shadow:4px 4px 0 #d8e1ca}.dossier-main{grid-template-columns:135px 1fr;gap:20px;padding:20px 0}.portrait{min-height:185px;padding-bottom:13px}.portrait img{width:133px;height:150px;max-width:100%}.portrait>span{font-size:5px}.dossier-bio h3{font-size:43px;margin:10px 0}.dossier-bio p{font-size:10px;line-height:1.8}.dossier-task{padding:15px 0 19px;grid-template-columns:72px 1fr;gap:7px}.dossier-task>span{font-size:6px}.dossier-task ul{font-size:9px;line-height:1.9}.dossier-top{font-size:6px}.agent-dossier .button{font-size:10px;min-height:45px}.dispatch{padding-bottom:50px}.desk-grid{grid-template-columns:1fr;gap:26px;padding-top:15px}.desk-intro h2{font-size:43px;margin-top:0}.desk-intro>p{font-size:12px}.desk-facts{font-size:8px;gap:13px;margin-top:0}.source-link{font-size:5px;margin-top:19px}.research-panel{padding:19px;border-radius:5px;box-shadow:4px 4px 0 #d7dfd2}.panel-label{font-size:6px}.research-panel label{font-size:26px}.input-row{padding:5px}.input-row input{font-size:8px;padding:7px}.input-help{font-size:5px;line-height:1.8}.input-help button{font-size:6px}.research-status{font-size:6px;line-height:1.8}.result-head h3{font-size:25px}.result-stamp{font-size:5px;max-width:92px}.metric{padding:13px 10px}.metric span{font-size:5px}.metric strong{font-size:22px}.result-note{font-size:6px}.result-links{font-size:6px;gap:10px}.result-links button{font-size:6px}.saved-panel{margin-top:30px}.saved-heading{padding:17px 14px}.saved-heading h3{font-size:22px}.saved-heading>span{font-size:4px}.saved-signals{padding:7px 14px}.saved-empty{padding:20px 5px}.saved-empty p{font-size:10px}.saved-empty small{font-size:6px}.watch-item{gap:8px}.watch-item>button:first-child{gap:9px;padding:10px}.watch-item>button:first-child>span{font-size:17px}.watch-item small{font-size:5px}.last-note{padding:31px 0 37px;align-items:start;gap:25px}.last-note .eyebrow{font-size:5px;letter-spacing:.3px;margin-bottom:18px}.last-note p{font-size:45px}.last-note .button{width:160px;font-size:8px;padding:10px 11px;gap:14px;min-height:43px;align-self:end;margin-bottom:3px}.footer{padding:22px 0;gap:17px;min-height:110px}.footer .brand{font-size:22px}.footer .brand img{width:25px;height:25px}.footer>span{font-size:5px}.footer>span:last-child{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.portrait img{animation:none}.crew-picker>button:hover{transform:none}}
@media(max-width:760px){.header-actions{gap:7px}.x-link{width:34px;height:35px}.x-link svg{width:13px;height:13px}.header-actions .nav-action{font-size:8px;padding:10px 9px;gap:9px}.header .brand{font-size:25px;gap:6px}.header .brand img{width:29px;height:29px}.footer-x{font-size:8px}}