/* Mobile-first industrial control room. All artwork is drawn from live equipment. */
.realistic-scene .temp-pill{bottom:auto}
.auth-card{box-sizing:border-box;max-width:480px;margin:24px auto;padding:24px 20px;border:1px solid #364d43;border-radius:22px;background:#17252a;color:#e9f3ed;font:14px/1.6 system-ui,sans-serif}.auth-card h1{font-size:26px;line-height:1.2}.auth-card input:not([type=checkbox]){box-sizing:border-box;display:block;width:100%;min-height:48px;margin:8px 0 16px;border:1px solid #4a6258;border-radius:10px;background:#101a20;color:#ecf5ef;padding:12px;font:inherit}.auth-card label{display:block}.auth-card a{color:#acf0ca}.auth-links{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:12px}.consent{font-size:12px;margin:15px 0}.consent input{min-width:20px;min-height:20px;vertical-align:middle}.recovery-code{word-break:break-all;font:16px/1.6 monospace;padding:18px;border:1px solid #79ba96;border-radius:12px;background:#0f221c;margin:18px 0}.auth-required nav,.auth-required #settings{visibility:hidden}.auth-required .demo-banner{display:none}#auth-error,#password-error,#admin-error{color:#f4b2a8}#admin-content input{display:block;width:100%;box-sizing:border-box;margin:8px 0 16px}#admin-content td small{display:block}.admin-shell{max-width:1100px;margin:auto;padding:24px 16px}.admin-shell input{min-height:44px}.admin-shell table{font-size:12px}.admin-shell td{overflow-wrap:anywhere}[hidden]{display:none!important}
.district-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.district-actions button{min-width:0;text-align:left;border:1px solid #3c544c;background:linear-gradient(135deg,#25392f,#18242c);padding:17px 12px;border-radius:16px;color:#e0f3e8}.district-actions button>span{font-size:25px;color:#9ce4c5}.district-actions strong,.district-actions small{display:block;margin-top:8px}.district-actions strong{font-size:12px}.district-actions small{font-size:10px;color:#a6bbb1}.your-rank{display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:14px;background:#9ee2b71a;border:1px solid #82c7a1;color:#ccedd7;font-size:12px}.your-rank strong{font-size:24px}.ranking-list{margin-top:18px}.ranking-row{display:flex;align-items:center;gap:12px;padding:15px 8px;border-bottom:1px solid #33453e;font-size:12px}.ranking-row>b{width:22px;color:#9cb8aa}.ranking-row>span{flex:1;min-width:0}.ranking-row small{display:block;font-size:9px;color:#9bb3a5;margin-top:5px}.ranking-row>strong{text-align:right;font-size:12px;flex-shrink:0}.ranking-row.is-you{background:#9be8b71c;border-radius:10px;color:#b7f0ce}.cyber-modules{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.cyber-modules article{min-width:0;padding:14px 10px;border-radius:13px;background:#202d34;border:1px solid #3e505b}.cyber-modules h3{font-size:12px;line-height:1.5;margin:0}.cyber-modules p{font-size:10px;line-height:1.6;color:#acbdc4;min-height:48px}.raid-active{padding:20px 16px;background:linear-gradient(135deg,#263b3c,#243049);border:1px solid #7eaac0;border-radius:16px}.raid-active>button{margin-top:15px}.raid-targets{display:grid;gap:13px;margin:20px 0}.raid-targets article{position:relative;padding:19px 15px;border:1px solid #435061;border-radius:16px;background:linear-gradient(120deg,#1c2a34,#242b3e)}.raid-targets h3{font-size:16px;margin:0 55px 10px 0}.raid-targets p{font-size:12px}.raid-emblem{float:right;font:22px monospace;color:#9eb8d0;text-align:center}.raid-emblem span{display:block;font-size:9px;letter-spacing:2px;margin-top:5px}
:root{--mint:#8ce8bc;--bg:#0d1418;--card:#172127;--line:#2b393e}body{background:#0d1418;color:#eaf1ed}button,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:2px solid #8ce8bc;outline-offset:3px}button{touch-action:manipulation}button:disabled{opacity:.45}#content{padding-bottom:28px}.farm-hero{border:1px solid #35443f;background:linear-gradient(145deg,#24352e,#142125 70%);box-shadow:0 20px 45px #0003;overflow:hidden}.realistic-scene{position:relative!important;height:auto!important;aspect-ratio:560/365;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#344b4b,#132025);border-radius:14px;isolation:isolate}.real-room{display:block;width:100%;height:100%;position:relative!important;inset:auto!important}.realistic-scene .room-label{position:absolute;left:14px;bottom:12px;top:auto;letter-spacing:1.7px;font-size:9px;background:#0d171dc9;padding:6px 9px;border:1px solid #66847755;border-radius:5px}.realistic-scene .temp-pill{position:absolute;right:12px;top:12px;background:#10221ee6;border:1px solid #8ce8bc33;padding:6px 9px;border-radius:20px;font-size:10px}.rotor{transform-box:fill-box;transform-origin:center;animation:fan-spin 2.4s linear infinite}@keyframes fan-spin{to{transform:rotate(360deg)}}.hardware-art svg,.rig-art svg{max-width:100%;max-height:100%}.scene-tour{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 4px 17px;background:none;border:0;color:#a1b4b0;gap:10px}.scene-tour>span{display:flex;align-items:center;gap:6px;font-size:10px}.scene-tour b{color:#d9e9df;font-size:12px}.scene-tour svg{width:17px;height:17px}.telemetry{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.telemetry button{background:linear-gradient(145deg,#1d2a2d,#162023);border:1px solid #304043;border-radius:16px;text-align:left;padding:14px;color:#f2f7f2;min-width:0}.telemetry button>span{display:flex;align-items:center;gap:6px;color:#a4b6b2;font-size:11px}.telemetry svg{width:14px;height:14px;color:#8ce8bc}.telemetry strong{display:block;font-size:21px;font-weight:650;margin:9px 0}.telemetry small{font-size:10px;color:#a8bcb5;font-weight:400}progress{display:block;width:100%;height:4px;border:0;border-radius:10px;overflow:hidden;background:#35423f;accent-color:#8ce8bc}progress::-webkit-progress-bar{background:#35423f}progress::-webkit-progress-value{background:#8ce8bc;border-radius:8px}.pool-teaser{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #34443f;background:linear-gradient(105deg,#20352b,#182429);border-radius:16px;padding:16px;margin:14px 0;color:#dcebe1;text-align:left}.pool-teaser>span:nth-child(2){flex:1;min-width:0}.pool-teaser strong,.pool-teaser small{display:block}.pool-teaser strong{font-size:13px}.pool-teaser small{font-size:10px;color:#9eb4aa;margin-top:4px}.pool-teaser>span:last-child{display:flex;align-items:center;gap:3px;font-size:10px}.pool-teaser svg{width:15px;height:15px}.pool-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#8ce8bc14;color:#a5efc7;font-size:28px}.catalog-toolbar{margin:18px 0 10px}.market-toggle{display:flex;background:#0d161a;border:1px solid #2b3a3e;padding:4px;border-radius:13px;gap:4px}.market-toggle button{flex:1;min-height:44px;padding:7px;border:0;border-radius:9px;background:transparent;color:#9caeab;font-size:12px}.market-toggle button.selected{background:#b7efce;color:#16352a;font-weight:700}.search-label{display:flex;align-items:center;gap:10px;background:#172328;border:1px solid #314147;border-radius:12px;margin-top:12px;padding:0 13px}.search-label svg{width:18px;height:18px;color:#9bb6ac}.search-label input{min-width:0;width:100%;height:47px;background:none;border:0;color:#e9f5ec;font:inherit;font-size:13px;outline-offset:0}.catalog-count{font-size:10px;color:#9cb1a8;margin:13px 0}.hardware-card{background:linear-gradient(140deg,#213035,#162026);border:1px solid #34464b;box-shadow:0 10px 25px #0002}.hardware-card[hidden]{display:none!important}.small-button{min-height:44px;min-width:64px}.systems-panel,.research-panel{margin-top:26px}.systems-row{display:flex;align-items:center;gap:10px;background:#18252a;border:1px solid #304047;border-radius:15px;padding:14px;margin:10px 0}.systems-row>div{flex:1;min-width:0}.systems-row h3,.research-card h3{font-size:12px;margin:0 0 6px}.systems-row p,.research-card p{font-size:10px;color:#a5b9b0;line-height:1.6;margin:0}.system-symbol,.research-glyph{display:grid;place-items:center;width:34px;height:38px;flex-shrink:0;color:#a3e6c5}.system-symbol svg,.research-glyph svg{width:24px;height:24px}.research-card{display:flex;align-items:center;gap:10px;padding:17px 10px;border-bottom:1px solid #31413f}.research-card>div{flex:1;min-width:0}.research-card h3 span{color:#9edfb9;font-size:10px}.research-card small{display:block;color:#ccddcf;font-size:10px;margin-top:8px}.stage-selector{display:flex;gap:8px;margin:18px 0}.stage-selector button{flex:1;min-height:44px;border:1px solid #40544b;border-radius:12px;background:#19282a;color:#a0b4a9}.stage-selector button.selected{background:#b9efcf;color:#193b2b;border-color:#b9efcf;font-weight:700}.gallery-room{margin:0 -12px}.gallery-room .realistic-scene{border:1px solid #3d544e}.pool-list{display:grid;gap:10px}.pool-card{display:flex;align-items:center;gap:10px;padding:14px 10px;background:#152327;border:1px solid #344942;border-radius:14px}.pool-card.selected{border-color:#9cdeb6;background:#1a3029}.pool-wordmark{color:#a8ebc4;font-size:26px}.pool-card>div{flex:1;min-width:0}.pool-card h3{font-size:13px;margin:0 0 6px}.pool-card p{font-size:11px;line-height:1.5;margin:0 0 6px;color:#a8bfb4}.pool-card div>span{font-size:10px;color:#b7d9c2}.primary{min-height:48px}.section-heading h2{letter-spacing:-.3px}.help{line-height:1.6}.hardware-tag{line-height:1.5}nav{padding-bottom:env(safe-area-inset-bottom)}@media(max-width:359px){.systems-row{padding:12px 8px;gap:5px}.systems-row p{font-size:9px}.research-card{padding:14px 0;gap:6px}.research-glyph{width:24px}.scene-tour b{font-size:11px}.scene-tour>span:last-child{font-size:9px}.telemetry button{padding:12px}.telemetry strong{font-size:18px}}@media(prefers-reduced-motion:reduce){.rotor{animation:none}*{scroll-behavior:auto!important}}