@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
:root{--ink:#161a29;--paper:#eee9db;--yellow:#f4cb56;--mint:#9fc9b7;--pink:#ef89a9;--muted:#a4a8b8}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:'Noto Sans JP',sans-serif;font-size:13px}button,input,select{font:inherit}button{cursor:pointer;border:0;color:inherit;transition:transform .15s,background .15s}button:hover{filter:brightness(1.13);transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}button:disabled{cursor:default;opacity:.45;transform:none}h1,h2,h3,p{margin:0}button.primary{background:var(--yellow);color:var(--ink);border:2px solid var(--ink);padding:13px 22px;font-weight:900;box-shadow:4px 4px 0 var(--ink)}.mono,.eyebrow,.brand,.big-time,.device-name{font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:.07em}.eyebrow{font-size:12px;letter-spacing:.17em;font-weight:700}.title-screen{min-height:100svh;position:relative;display:grid;place-items:center;padding:32px;background:linear-gradient(90deg,rgba(16,20,35,.93),rgba(16,20,35,.35)),url('assets/station-bg-v3.jpg') center/cover}.title-screen:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#0001 3px 4px);pointer-events:none}.title-inner{position:relative;width:min(1120px,100%)}.title-inner h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(68px,12vw,148px);line-height:.8;letter-spacing:-.025em;font-weight:900;margin:30px 0}.title-inner h1 em{font-style:normal;color:var(--yellow)}.title-sub{font-size:20px;font-weight:700;margin:28px 0 10px}.title-note{max-width:450px;line-height:2;color:#d4d6dd;margin-bottom:28px}.title-actions{display:flex;gap:12px;flex-wrap:wrap}.secondary{padding:12px 20px;background:#262c40;border:1px solid #777e91}.title-crew{display:flex;gap:12px;margin:40px 0 24px}.title-crew img{width:68px;height:92px;object-fit:cover;object-position:top;border:2px solid #d8cfbd;border-radius:34px 34px 5px 5px}.title-footer{border-top:1px solid #ffffff30;padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#c5c6d0}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #3b4053;gap:20px}.brand{font-size:22px;font-weight:800;line-height:1}.brand span{color:var(--yellow)}.brand small{display:block;font-size:9px;letter-spacing:.2em;color:var(--muted);margin-top:8px}.timeblock{display:flex;align-items:center;gap:18px}.day{font-family:'Barlow Condensed';font-size:14px;color:var(--yellow)}.big-time{font-size:38px;line-height:1}.speeds{display:flex;gap:4px}.speeds button{background:#272d40;padding:8px 11px;border-radius:3px}.speeds button.on{background:var(--yellow);color:var(--ink)}.trust{display:flex;align-items:center;gap:10px}.trust .value{font-size:25px;color:var(--mint);font-family:'Barlow Condensed';font-weight:700}.top-tools{display:flex;gap:5px}.icon-btn{background:transparent;padding:10px;color:#c4c7d0;border:1px solid #44495a;border-radius:4px}.workspace{display:grid;grid-template-columns:260px minmax(360px,1fr) 320px;max-width:1800px;margin:auto;min-height:calc(100svh - 151px)}.left-panel,.right-panel{padding:22px 18px;background:#1c2031}.left-panel{border-right:1px solid #3a3e50}.right-panel{border-left:1px solid #3a3e50}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-heading h2{font-size:13px;font-weight:900}.panel-heading .eyebrow{color:var(--muted)}.label{font-size:10px;color:var(--muted);letter-spacing:.13em}.crew-list{display:grid;gap:8px}.crew-card{display:flex;gap:12px;align-items:center;padding:8px;background:#282c40;border:1px solid #404457;border-radius:5px;text-align:left;position:relative;min-height:77px}.crew-card.selected{border:2px solid var(--mint);background:#293d40;padding:7px}.crew-card img{width:49px;height:58px;object-fit:cover;object-position:top;border-radius:4px}.crew-card strong{font-family:'Barlow Condensed';font-size:19px;letter-spacing:.07em;color:var(--crew)}.crew-card small{display:block;font-size:10px;color:#bdc0ce;line-height:1.7}.crew-card .check{position:absolute;right:8px;top:8px;font-size:11px;color:var(--mint)}.station-divider{border-top:1px dashed #51566b;margin:24px 0 20px}.instrument{display:block;width:100%;text-align:left;background:#2c3043;border:1px solid #565b6d;border-radius:5px;padding:12px;margin:9px 0;position:relative}.device-name{font-size:17px;font-weight:800;color:var(--yellow)}.instrument small{display:block;color:#bcc0cf;font-size:10px;margin:7px 0;line-height:1.6}.instrument .duration{font-size:10px;color:var(--mint)}.led{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:100%;box-shadow:0 0 9px #9fc9b750;margin-right:6px}.radar{width:80px;height:80px;border-radius:100%;border:1px solid #6d9986;background:repeating-radial-gradient(circle,#101f26 0 12px,#467060 13px 14px);position:relative;overflow:hidden;flex-shrink:0}.radar:after{content:'';position:absolute;inset:0;background:conic-gradient(transparent 260deg,#94ccaa85 360deg);animation:rotate 5s linear infinite}.radar-dot{position:absolute;left:24px;top:28px;background:var(--yellow);border-radius:100%;width:5px;height:5px;z-index:1}.radar-row{display:flex;align-items:center;gap:16px;margin-top:18px}.radar-row p{font-size:10px;line-height:1.9;color:#b5c4bb}.central{padding:22px 24px;background:#171b2b}.city-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.city-header h1{font-family:'Barlow Condensed';font-size:38px;line-height:1;letter-spacing:.03em}.city-header h1 small{font-family:'Noto Sans JP';display:block;font-size:11px;letter-spacing:.04em;color:var(--muted);margin-top:9px;font-weight:400}.live{font-size:10px;letter-spacing:.12em;color:var(--mint)}.live:before{content:'●';margin-right:7px}.district-tabs{display:flex;gap:0;border-bottom:1px solid #4e5368;margin-bottom:17px}.district-tabs button{background:transparent;flex:1;padding:13px 3px;color:#9ba2b8;font-weight:700;white-space:nowrap}.district-tabs button.active{color:var(--yellow);border-bottom:3px solid var(--yellow)}.city-scene{height:360px;border:2px solid #797587;border-radius:9px;position:relative;overflow:hidden;background:#4c446d;isolation:isolate}.city-bg{position:absolute;width:100%;height:100%;object-fit:cover;filter:brightness(.83) saturate(.8)}.city-scene:after{content:'';position:absolute;inset:0;box-shadow:inset 0 -80px 60px #111827a0;pointer-events:none;z-index:2}.scene-tag{position:absolute;top:14px;left:14px;background:#131726dd;border:1px solid #b9bac077;padding:7px 10px;z-index:4;font-size:10px;letter-spacing:.1em}.scene-count{position:absolute;bottom:12px;right:12px;z-index:5;background:#101623d9;padding:7px 10px;font-size:10px}.weather-cloud{position:absolute;top:18%;font-size:55px;text-shadow:3px 3px 0 #161a29;z-index:3;animation:drift 9s ease-in-out infinite;color:var(--wc);line-height:1}.weather-cloud span{display:block;font-size:9px;background:#141827e0;text-shadow:none;padding:5px;border-radius:3px}.resident{position:absolute;bottom:var(--y);left:var(--x);z-index:4;width:22px;height:40px;animation:walk var(--dur) ease-in-out infinite;filter:drop-shadow(2px 3px 1px #0007)}.resident .head{display:block;position:absolute;left:6px;top:2px;background:#efd7b4;border:2px solid #161a29;width:15px;height:15px;border-radius:100%}.resident .body{display:block;position:absolute;left:4px;top:15px;width:19px;height:19px;background:var(--rc);border:2px solid #161a29;border-radius:5px 5px 2px 2px}.resident .legs{position:absolute;top:33px;left:7px;width:13px;height:8px;border-left:4px solid #171924;border-right:4px solid #171924}.resident .mood{position:absolute;font-size:19px;color:var(--yellow);top:-22px;left:5px;text-shadow:1px 1px #171b2b}.scene-bottom{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted);margin:10px 0 20px}.weather-strip{display:flex;gap:8px;flex-wrap:wrap}.weather-pill{border:1px solid #575a70;border-radius:4px;padding:8px 10px;color:#d6d5df;font-size:10px;background:#272b40}.weather-pill b{color:var(--wc);font-size:17px;margin-right:6px}.hint-card{margin:22px 0 16px;padding:16px;border:1px solid #706644;background:#393327;border-radius:5px}.hint-card strong{color:var(--yellow);font-size:12px}.hint-card p{line-height:1.8;font-size:11px;color:#dbd3b9;margin-top:7px}.chat-card{display:flex;gap:14px;background:#282d41;border-radius:6px;padding:14px;border-left:3px solid var(--mint)}.chat-card img{width:46px;height:60px;object-fit:cover;object-position:top;border-radius:4px}.chat-card strong{font-family:'Barlow Condensed';font-size:16px;color:var(--mint)}.chat-card p{font-size:11px;line-height:1.9;margin-top:5px}.right-panel .tabs{display:flex;margin-bottom:17px;border-bottom:1px solid #4d5265}.right-panel .tabs button{flex:1;background:transparent;padding:10px 3px;color:#929caf;font-size:11px}.right-panel .tabs button.on{color:var(--mint);border-bottom:2px solid var(--mint)}.empty{padding:24px 15px;background:#282c3d;border:1px dashed #555d72;border-radius:5px;color:#b6bdd0;font-size:12px;line-height:2}.observation-meta{font-size:10px;color:var(--muted);margin-bottom:12px;line-height:1.8}.reading{padding:12px 0;border-bottom:1px solid #3c4257}.reading-title{display:flex;align-items:center;gap:8px}.reading-title .weather-icon{width:30px;height:30px;border-radius:5px;display:grid;place-items:center;background:#343c53;font-size:22px;color:var(--wc)}.reading strong{font-size:11px;flex:1}.reading .chance{font-family:'Barlow Condensed';font-size:21px;color:var(--mint)}.reading p{font-size:10px;color:#a8b3c8;line-height:1.8;margin-top:7px}.meter{height:3px;background:#3b4456;margin-top:9px}.meter i{height:100%;display:block;background:var(--wc);width:var(--fill)}.feelings{background:#293e40;border:1px solid #557b70;border-radius:4px;padding:10px;font-size:11px;line-height:2}.forecast-cta{margin-top:20px;width:100%;font-size:13px}.right-foot{font-size:10px;line-height:1.8;color:#a0a5b8;margin-top:13px}.task{padding:9px;border:1px solid #59604e;color:var(--yellow);font-size:10px;margin:8px 0}.logbar{min-height:73px;padding:14px 26px;border-top:1px solid #44495a;display:flex;gap:18px;align-items:center;background:#202436}.logbar .eyebrow{color:var(--yellow);white-space:nowrap}.logbar p{font-size:11px;color:#c0c4d2;line-height:1.7}.logbar button{margin-left:auto;white-space:nowrap}.overlay{position:fixed;inset:0;background:#0d101dc9;backdrop-filter:blur(6px);display:grid;place-items:center;z-index:50;padding:20px;overflow:auto}.modal{background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:10px 10px 0 #0006;border-radius:9px;width:min(600px,100%);padding:28px;max-height:90svh;overflow:auto}.modal.wide{width:min(860px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-head h2{font-size:20px}.close{background:var(--ink);color:var(--paper);width:32px;height:32px;border-radius:100%;font-size:19px}.modal p{line-height:1.9;margin:10px 0;font-size:13px}.modal .eyebrow{color:#686c74}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.form-grid label{display:block;font-size:12px;font-weight:700}.form-grid select,.form-grid input{width:100%;background:#fffdf5;border:2px solid var(--ink);padding:11px;margin-top:6px;border-radius:4px}.modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.modal .secondary{background:#d9d8d0;color:var(--ink);border:2px solid var(--ink)}.steps{display:grid;gap:12px;margin:18px 0}.steps div{background:#fffaf0;border:1px solid #bdb8a9;padding:14px;border-radius:5px;line-height:1.9}.steps b{color:#725987}.report-scores{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.score{background:var(--ink);color:var(--paper);padding:18px;border-radius:5px}.score b{display:block;font-family:'Barlow Condensed';font-size:48px;color:var(--yellow)}.score span{font-size:11px}.diary{border-top:1px solid #aaa99e;padding-top:15px;margin-top:15px}.diary h3{font-size:14px}.forecast-row{padding:12px;background:#292e42;border:1px solid #505970;margin-bottom:10px;border-radius:5px;font-size:11px;line-height:1.9}.forecast-row strong{color:var(--yellow)}.notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:100;background:var(--yellow);color:var(--ink);padding:12px 20px;border:2px solid var(--ink);border-radius:5px;box-shadow:4px 4px #0008;max-width:90vw;font-size:12px}.log-item{padding:8px 0;border-bottom:1px solid #bbb6a9;font-size:12px;line-height:1.7}.log-item small{color:#666d7c}.title-note strong{color:var(--yellow)}.settings-field{padding:12px 0}.settings-field input{padding:9px;width:180px;border:2px solid var(--ink)}.settings-field label{display:block;margin-bottom:5px}.debug{font-size:10px;background:#000;color:#9f9;max-height:260px;overflow:auto;padding:12px;white-space:pre-wrap}a{color:inherit}.paused{animation-play-state:paused!important}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes drift{50%{transform:translateX(35px) translateY(-8px)}}@keyframes walk{50%{transform:translateX(26px) translateY(-3px)}}@media(min-width:1500px){.workspace{grid-template-columns:290px minmax(360px,1fr) 350px}.city-scene{height:440px}}@media(max-width:1150px){.workspace{grid-template-columns:215px minmax(300px,1fr) 270px}.topbar{padding:0 15px;gap:10px}.central{padding:20px 15px}.left-panel,.right-panel{padding:18px 12px}.brand{font-size:18px}.trust .label{display:none}.city-scene{height:310px}.top-tools button{padding:8px}.big-time{font-size:30px}}@media(max-width:900px){.workspace{grid-template-columns:210px 1fr}.right-panel{grid-column:1/-1;border-top:1px solid #4d5265;display:block}.readings{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.right-panel .forecast-cta{width:auto}.city-scene{height:350px}.topbar{height:auto;min-height:78px;flex-wrap:wrap;padding:15px}.top-tools{margin-left:auto}.trust{margin-left:auto}.timeblock{gap:10px}.logbar{padding:14px}.title-screen{background-position:65% center}}@media(max-width:580px){.workspace{display:flex;flex-direction:column}.central{order:0;padding:18px 14px}.left-panel{order:1;border-top:1px solid #4d5265}.right-panel{order:2}.crew-list{grid-template-columns:repeat(2,1fr)}.crew-card{min-height:70px;gap:7px}.crew-card img{width:39px;height:51px}.crew-card strong{font-size:16px}.crew-card small{font-size:9px}.station-divider{margin:18px 0 14px}.instrument{margin:7px 0}.radar-row{display:none}.city-scene{height:290px}.readings{grid-template-columns:1fr 1fr}.topbar{gap:12px}.brand{width:calc(100% - 110px)}.trust{order:0}.timeblock{order:1}.top-tools{order:2}.top-tools button{font-size:10px;padding:8px}.speeds button{padding:8px 10px}.city-header h1{font-size:34px}.modal{padding:20px}.form-grid{gap:12px}.report-scores{gap:5px}.score{padding:12px}.score b{font-size:36px}.title-screen{padding:24px}.title-inner h1{font-size:80px}.title-crew{gap:8px}.title-crew img{width:50px;height:70px}.title-sub{font-size:16px}.logbar{align-items:flex-start;gap:10px}.logbar .eyebrow{font-size:10px}.logbar button{font-size:10px}.scene-bottom{font-size:9px}.hint-card{margin-top:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

@media(min-width:901px){.right-panel .readings{max-height:520px;overflow:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:#758477 #292e42}.right-panel .reading{padding:10px 0}}

.crew-card{align-items:flex-start;min-height:110px}.crew-card strong{padding-right:50px}.crew-card .crew-effect{color:#eee8ce;font-weight:700;margin:4px 0}.crew-card small{font-size:10px}.team-effects{background:#23383c;border:1px solid #4d746b;padding:12px;border-radius:5px;margin-top:12px;font-size:10px;line-height:1.9}.team-effects strong{color:var(--mint)}details summary{cursor:pointer;min-height:28px;line-height:2}.device-card h3{font-size:12px;margin-top:8px;color:var(--paper)}.device-card p{font-size:11px;line-height:1.9;margin:8px 0}.device-card details{color:#bfc6d5;font-size:10px}.device-start{background:var(--yellow);color:var(--ink);width:100%;padding:10px;font-weight:700;margin-top:8px;border-radius:3px}.speed-bonus{display:block;font-size:10px;color:var(--mint);margin-top:6px}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:10px}.source-chip{padding:9px 5px;background:#292f41;border:1px dashed #626778;border-radius:3px;color:#afb7c8}.source-chip.complete{border-style:solid;border-color:#6d9c85;background:#293f3e;color:var(--mint)}.source-chip strong{display:block;font-size:11px}.source-chip small{display:block;font-size:9px;margin-top:5px;line-height:1.7}.observation-explain{color:#c3cad6;font-size:10px;line-height:1.9;margin:12px 0}.expert-badge{display:block;color:var(--mint);font-size:10px;margin:6px 0}.candidate-btn{font-size:10px;background:#353f54;color:#e7dfbf;width:100%;padding:9px;text-align:left;margin-top:9px;border:1px solid #586178;border-radius:3px}.reading .chance small{font-size:10px}.mood-feed{border:1px solid #505e73;background:#202637;border-radius:7px;margin-top:20px;overflow:hidden}.feed-heading{padding:16px;display:flex;gap:10px;align-items:center;justify-content:space-between}.feed-heading .eyebrow{color:var(--mint);font-size:10px}.feed-heading h2{font-size:15px;margin-top:6px}.feed-live{color:#b0bbca;font-size:9px;white-space:nowrap}.feed-filters{display:flex;border-top:1px solid #414b61;border-bottom:1px solid #414b61}.feed-filters button{flex:1;background:transparent;color:#abb6c9;font-size:11px;padding:11px}.feed-filters .on{background:#304447;color:var(--mint);border-bottom:2px solid var(--mint)}.feed-note,.feed-foot{font-size:10px;line-height:1.8;color:#b3bfd0;padding:10px 15px}.feed-scroll{max-height:350px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6d9584 #22293b}.feed-post{display:flex;gap:12px;padding:15px;border-top:1px solid #3a445a}.feed-avatar{flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;background:var(--avatar);color:#151a28;border:2px solid #141827;border-radius:100%;font-family:'Barlow Condensed';font-weight:800;font-size:17px}.feed-post>div{min-width:0;flex:1}.feed-post header{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:10px}.feed-post header strong{font-size:12px;color:#e8e3d5}.feed-post header span,.feed-post time,.feed-post small{color:#93a3ba;font-size:9px}.feed-post time{margin-left:auto}.feed-post p{font-size:12px;line-height:1.9;margin-top:8px}.feed-post .post-plan{font-size:11px;color:#a9cdbb;border-left:2px solid #739b89;padding-left:9px}.post-tag{display:inline-block;font-size:10px;color:var(--yellow);margin-top:8px}.feed-foot{border-top:1px solid #414b61}.forecast-material{padding:14px;background:#e2e8db;border:1px solid #879e87;border-radius:5px;margin:16px 0}.forecast-material>strong{font-size:12px;color:#315649}.forecast-material p{font-size:11px;line-height:1.9}.forecast-material small{display:block;font-size:11px;line-height:1.9}.material-voices{border-top:1px solid #a9bda2;padding-top:10px}.material-voices strong{font-size:11px}.next-material{font-weight:700;color:#315649}.right-panel .readings{max-height:680px}
@media(min-width:901px){.workspace{grid-template-columns:280px minmax(340px,1fr) 330px}.central{padding:22px 18px}.left-panel,.right-panel{padding:20px 14px}}
@media(max-width:1150px) and (min-width:901px){.workspace{grid-template-columns:240px minmax(300px,1fr) 290px}}
@media(max-width:580px){.crew-card{min-height:125px;gap:6px}.crew-card strong{padding-right:0}.crew-card .check{font-size:8px;top:5px;right:4px}.crew-card img{width:34px;height:48px;margin-top:12px}.crew-card small{font-size:9px;line-height:1.8}.feed-heading{padding:12px;flex-wrap:wrap}.feed-heading h2{font-size:14px}.feed-post{padding:12px;gap:8px}.feed-scroll{max-height:370px}.readings{display:block}.source-chip small{font-size:8px}.forecast-material{padding:10px}.modal .form-grid{grid-template-columns:1fr}.candidate-btn{padding:12px}}

.crew-picker>summary{padding:12px;background:#2b3c42;color:var(--mint);border:1px solid #59756e;border-radius:4px;font-weight:700;font-size:11px;min-height:44px}.crew-picker .crew-list{margin-top:10px}.team-effects{margin-bottom:8px}

@media(max-width:900px){.right-panel .readings{max-height:none;overflow:visible}}

.assignment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:12px}.assignment-grid button{background:#2a3042;border:1px solid #596078;border-radius:3px;padding:8px 3px;min-height:53px}.assignment-grid button.active{background:#314949;border-color:var(--mint)}.assignment-grid small{display:block;font-size:9px;color:#c4cddd}.assignment-grid strong{font-family:'Barlow Condensed';font-size:16px;color:var(--mint);display:block;margin-top:4px}.observer-field{border:1px solid #719487;border-radius:6px;margin:20px 0;background:#263938;padding:16px}.observer-field .eyebrow{font-size:10px;color:var(--mint)}.observer-field h2{font-size:15px;margin:5px 0}.observer-field p{font-size:11px;line-height:1.9;margin-top:8px}.observer-heading{display:flex;gap:13px;align-items:center}.observer-heading img{width:48px;height:62px;object-fit:cover;object-position:top;border-radius:5px}.observer-heading p{color:#b7cfc0}.observer-note{padding:10px 0;color:#e3e3cf}.observer-field details{font-size:11px;color:#afcbbd}.observer-witness{border-left:2px solid #8aaa94;padding-left:10px}.observer-candidates{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.observer-candidates article{background:#1e2d30;border:1px solid #516f68;border-radius:4px;padding:12px}.observer-candidates strong{font-size:12px;color:var(--wc)}.observer-field .feed-foot{padding:10px 0 0;margin-top:12px}.crew-card .check{max-width:92px;font-size:9px;white-space:normal}.crew-card strong{padding-right:0}.observer-field .candidate-btn{background:#334b4b;color:#ecdfbc}
@media(max-width:580px){.observer-field{padding:12px}.observer-candidates{grid-template-columns:1fr}.crew-list{grid-template-columns:1fr}.crew-card{min-height:90px}.crew-card img{width:44px;height:60px;margin-top:0}.crew-card small{font-size:10px}.crew-card .check{font-size:10px}}

/* Uniform scale; clip overflow to the scene, never stretch an image. */
.city-scene{overflow:hidden}.city-bg{object-fit:cover;object-position:center 50%}
.city-bg[data-district="0"]{object-position:center 48%}
.city-bg[data-district="1"]{object-position:center 52%}
.city-bg[data-district="2"]{object-position:center 55%}
.title-screen{background-size:cover;background-repeat:no-repeat}
/* System v2: readable forecasts, resident-level weather and hourly scoring. */
.mode-picker{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.mode-picker button{background:#242c40;border:2px solid #555b73;padding:16px 22px;text-align:left;border-radius:6px}.mode-picker button.on{border-color:var(--yellow);background:#3c3840}.mode-picker strong,.mode-picker small{display:block}.mode-picker small{margin-top:6px;color:#c9c9d3}.legacy-note{margin-top:18px;font-size:11px;color:#c9c9d3}.phase-banner{max-width:1800px;margin:auto;display:flex;align-items:center;gap:18px;padding:14px 24px;background:#253344;border-bottom:1px solid #495266;flex-wrap:wrap}.phase-banner.due{background:#443b25;border-bottom-color:#cba448}.phase-banner strong{color:var(--yellow)}.phase-banner span{flex:1;min-width:220px;line-height:1.7}.phase-banner .primary{padding:10px 18px}.team-note,.device-note{font-size:11px;line-height:1.9;color:#c3c6d1;margin:12px 0}.horizon-control{display:block;margin:10px 0 18px;font-size:12px}.horizon-control select{display:block;width:100%;margin-top:8px;padding:10px;background:#30374c;border:1px solid #687085;color:var(--paper)}.device-card p{line-height:1.8}.broad-bars{display:grid;gap:9px;margin:14px 0}.broad-bars>div{display:grid;grid-template-columns:64px 1fr 40px;gap:10px;align-items:center}.broad-bars .meter{margin:0}.broad-bars b{font-size:12px;text-align:right}.need-summary{background:#303846;padding:10px;margin:12px 0;font-weight:700;border-left:3px solid var(--mint)}.need-tag{display:inline-block;font-size:10px;padding:3px 7px;border:1px solid var(--mint);border-radius:3px;color:var(--mint);margin:5px 0}.need-tag.needs{border-color:#f4cb56;color:#f4cb56}.analysis-section{border-bottom:1px solid #4b5064;padding:18px 0;line-height:1.8}.analysis-section h3{font-size:16px;margin:5px 0}.analysis-section small{color:#b8bfd1}.analysis-section .observer-candidates{grid-template-columns:1fr}.analysis-section .observer-candidates article{padding:12px;margin:0}.analysis-section .observer-candidates strong{font-size:13px}.warning{border-left:3px solid #f4cb56;padding:8px;color:#f4d988}.people-map{display:grid;gap:8px;margin:14px 0}.people-map>div{display:grid;grid-template-columns:1fr auto;gap:4px;background:#283248;padding:12px;border-radius:4px}.people-map b{font-size:23px;font-family:'Barlow Condensed'}.people-map small{font-size:12px}.people-map span{grid-column:1/-1;font-size:11px}.score-rules{margin:20px 0;padding:14px;background:#303044;border:1px solid #605474;line-height:1.9}.score-rules small{display:block;margin-top:8px;color:#c6c5d0}.forecast-districts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.forecast-district{border:1px solid #646a7b;border-radius:6px;padding:14px;min-width:0;background:#232b3e}.forecast-district legend{font-weight:900;padding:0 6px;color:var(--yellow)}.forecast-district label{display:block;line-height:1.7;margin:6px 0 14px}.forecast-district select{width:100%;padding:11px 8px;background:#343b50;color:var(--paper);border:1px solid #72798c;white-space:normal;font-size:12px}.forecast-advice{min-height:58px;font-size:12px;line-height:1.8;color:#d4c89e}.forecast-evidence{font-size:11px;line-height:1.9;word-break:break-word}.forecast-evidence summary{cursor:pointer}.forecast-evidence p{margin-top:8px}.forecast-intro{line-height:1.9;margin:8px 0 16px}.form-note{font-size:12px;color:#bdc5d3;line-height:1.9;margin:16px 0}.daily-results{display:grid;gap:8px;margin:14px 0}.daily-results details{border:1px solid #4d576d;border-radius:4px;padding:10px 12px;background:#252e42}.daily-results summary{cursor:pointer;font-size:12px;line-height:1.8}.hour-result{border-top:1px solid #4a5265;margin-top:10px;padding-top:10px;font-size:11px;line-height:1.9}.diary h3{margin:18px 0 8px}.diary p{line-height:1.9}.night-heading{display:flex;gap:18px;align-items:center;margin:15px 0 24px}.night-heading>span{font-size:65px;color:var(--yellow)}.sleep-scene .city-bg{filter:brightness(.35)}.sleep-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:65px;color:var(--yellow);text-shadow:0 2px 6px #000}.sleep-label strong{font-size:20px;margin:12px}.sleep-label span{font-size:15px}.catalog-group{border-top:1px solid #687083;margin-top:20px;padding-top:16px}.catalog-group h3{font-size:23px;color:var(--yellow)}.catalog-group article{padding:12px 0;border-bottom:1px solid #3c475c}.catalog-group article strong{display:block;margin-bottom:4px}.catalog-group p{font-size:12px;line-height:1.9}.share-button{display:inline-block;padding:13px 22px;background:var(--yellow);color:var(--ink);font-weight:900;text-decoration:none;border:2px solid var(--ink)}.menu-grid{display:grid;gap:12px}.help-steps{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.help-steps article{padding:16px;background:#2d354a;border-left:3px solid var(--yellow)}.help-steps p{line-height:1.9;margin-top:8px}.modal label{display:block;margin:14px 0}.modal input{max-width:100%;padding:10px;background:#30374c;color:var(--paper);border:1px solid #657089}.modal small{line-height:1.8}.modal p{overflow-wrap:anywhere}.modal.wide{width:min(1000px,95vw)}.modal-actions{flex-wrap:wrap}.log-entry{padding:8px 0;border-bottom:1px solid #424a60;font-size:12px;line-height:1.9}.central pre{max-width:100%;white-space:pre-wrap;word-break:break-all}.scene-bottom{gap:12px;flex-wrap:wrap}.observer-field p{line-height:1.8}.right-panel .analysis-section:first-of-type{padding-top:0}
@media(max-width:1100px){.forecast-districts{grid-template-columns:1fr}.forecast-advice{min-height:0}.trust{display:none}}
@media(max-width:900px){.phase-banner{padding:12px 16px;gap:10px}.phase-banner span{min-width:0;flex-basis:100%}.forecast-districts{grid-template-columns:1fr}.help-steps{grid-template-columns:1fr}.mode-picker button{flex:1;min-width:140px;padding:13px}.modal.wide{width:95vw}.modal{padding:20px}.topbar{gap:8px;height:auto;min-height:90px;flex-wrap:wrap;padding:14px}.brand{font-size:20px}.timeblock{gap:8px}.big-time{font-size:30px}.top-tools{width:100%;justify-content:flex-end}.scene-bottom{font-size:10px}.observer-candidates{grid-template-columns:1fr}.report-scores{grid-template-columns:1fr}.score{min-width:0}.sleep-label strong{font-size:16px}.forecast-district select{font-size:13px}.right-panel .analysis-section{max-height:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Modal contrast: keep the established paper shell and dark instrument cards. */
.forecast-district,.daily-results details,.help-steps article{color:var(--paper)}
.forecast-district legend{background:#232b3e;padding:4px 8px;border-radius:3px}
.modal .form-note{color:#4d5665}.forecast-district .forecast-evidence p{color:#d5d9e3}
.modal .night-heading{color:var(--ink)}.modal .night-heading>span{color:#8c6419}
.modal .catalog-group h3{color:#74531c}.modal .catalog-group .need-tag{color:#22685b;border-color:#22685b}.modal .catalog-group .need-tag.needs{color:#7a5115;border-color:#7a5115}
.modal .catalog-group article{border-color:#c4bfb0}.modal .catalog-group{border-color:#b9b3a5}

.staffing-paused .resident{animation-play-state:paused}.forecast-error{border:2px solid #9c4933;background:#f3d4ba;padding:12px;color:#4b211c;margin:16px 0}

.care-panel,.care-summary{border:2px solid #54465f;background:#f4eee3;border-radius:12px;padding:18px;margin:16px 0;color:#282234}.care-panel h2{font-size:20px}.care-events{max-height:330px;overflow:auto}.care-event{border-left:4px solid #97869e;padding:8px 12px;margin:12px 0;background:#fff9ef}.care-event.success{border-left-color:#278a77}.care-event p{margin:8px 0;line-height:1.6}.care-table p{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #bdb0c1;padding-bottom:8px}.phase-banner [role=alert]{display:block;color:#8d2929}.crew-card:disabled{opacity:.55;cursor:not-allowed}.care-panel small,.care-summary small{line-height:1.6;display:block}@media(max-width:600px){.care-table p{flex-direction:column;gap:4px}.care-panel{padding:12px}}

.care-panel .eyebrow{color:#356e66}

.device-picker{display:grid;gap:12px}.device-picker button{text-align:left;width:100%;color:inherit}.device-picker .selected{outline:3px solid #f4c447;outline-offset:1px}.device-picker .device-card:disabled{opacity:.65;cursor:default}.device-picker .selected:disabled{opacity:1}.device-status{border:1px solid #58aa99;border-radius:6px;padding:8px;color:#9ae0c5;font-size:12px;line-height:1.6}.period-report h4{margin:18px 0 8px;font-size:14px}.period-note{line-height:1.6}.need-bars>div>span{font-size:12px}.device-picker .device-card strong{color:#f4c447}

.radar.scanner{border-radius:14px;filter:hue-rotate(55deg)}.radar.scanner:before{border-radius:6px}.radar.scanner .radar-dot{border-radius:2px;width:5px;height:18px}

/* Illustrated onboarding and simultaneous forecast instruments. */
.title-guide{display:block;width:min(100%,780px);padding:0;border:2px solid #b798d7;background:#f4eee3;border-radius:8px;overflow:hidden;margin:18px 0;cursor:zoom-in}.game-guide{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.guide-tools{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:12px 0}.guide-tools a{color:#563979;text-decoration:underline;font-weight:700}.guide-viewport{overflow:auto;border:2px solid #b5a4c7;border-radius:6px;margin-bottom:20px;background:#f4eee3}.guide-viewport.zoomed img{width:1800px;max-width:none}.overlay:has(.game-guide) .modal.wide{width:min(1600px,97vw)}.forecast-workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.forecast-workspace .forecast-districts{grid-template-columns:1fr}.forecast-machines{color:var(--paper);background:#232b3e;border:2px solid #687d8c;border-radius:8px;padding:16px;min-width:0}.forecast-machines h3{color:#f4c447}.forecast-machines .analysis-section{padding:12px 0}.forecast-area-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.forecast-area-tabs button{padding:8px;font-size:12px;background:#394454;color:var(--paper);border:1px solid #77859b}.forecast-area-tabs button[aria-pressed=true]{border-color:#f4c447;color:#f4c447}.overlay:has(#forecast-form) .modal.wide{width:min(1240px,97vw)}
@media(max-width:750px){.forecast-workspace{grid-template-columns:1fr}.forecast-machines{grid-row:1}.guide-viewport.zoomed img{width:1500px}.title-guide{width:100%}.guide-tools button,.guide-tools a{min-height:44px}.forecast-district{padding:12px}}

@media(min-width:751px){.forecast-machines{position:sticky;top:8px}}

.city-forecast{position:absolute;top:14px;right:14px;z-index:6;width:max-content;max-width:185px;padding:10px 12px;border:1px solid #a99ac7;border-radius:7px;background:#161a2aed;box-shadow:3px 3px 0 #090c1470;pointer-events:none}.city-forecast .eyebrow{font-size:9px;color:#bfb7d3;letter-spacing:.08em}.city-forecast strong{display:block;font-size:12px;line-height:1.6;margin:4px 0;overflow-wrap:anywhere}.city-forecast strong span{font-size:18px}.city-forecast small{display:block;font-size:10px;color:#bdc3d3}.scene-tag{max-width:calc(100% - 210px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:600px){.city-forecast{top:10px;right:10px;max-width:165px;padding:8px}.city-forecast strong{font-size:11px}.scene-tag{max-width:calc(100% - 195px)}}

.care-panel{background:#282c40;color:var(--paper);border:1px solid #4c5368}.care-panel .eyebrow{color:var(--mint)}.care-panel>p,.care-panel>small{color:#bdc0ce}.care-panel .care-event{background:#202638;border-left-color:#97869e}.care-panel .care-event.success{border-left-color:var(--mint)}