:root{color-scheme:dark;--bg:#090d13;--panel:#111924;--panel-2:#151f2c;--line:#273747;--text:#ecf4f7;--muted:#90a3b2;--green:#00e08b;--green-dim:#123a30;--cyan:#00d7f5;--gold:#ffd34e;--soil:#34271c;--hydro:#112d3b}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -15%,#16332e 0,transparent 48%),var(--bg);color:var(--text);font:14px/1.45 Inter,"Segoe UI",system-ui,sans-serif}
.topbar{height:66px;padding:0 clamp(18px,4vw,58px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #24323f;background:#0b1119eF}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-size:.83rem;font-weight:900;letter-spacing:.13em}.brand small{display:block;color:var(--muted);font-size:.55rem;letter-spacing:.16em;margin-top:3px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid #158e63;color:var(--green);border-radius:9px;font-size:1.1rem}.topbar-label{display:flex;align-items:center;gap:8px;color:#8ca1ad;font-size:.68rem;letter-spacing:.1em}.live-dot,.tiny-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #00e08b88}
.layout{width:min(1180px,100%);margin:0 auto;padding:40px 28px 20px}.intro{max-width:680px;margin:0 0 26px}.eyebrow{font-size:.66rem;font-weight:800;letter-spacing:.17em;color:var(--green)}.intro h1{font-size:clamp(2rem,4vw,3rem);line-height:1.08;margin:9px 0 10px;letter-spacing:-.04em}.intro h1 em{font-style:normal;color:var(--green)}.intro>p{max-width:650px;color:#a9bbc7;font-size:.97rem;margin:0;line-height:1.65}.mission-chip{margin-top:20px;width:max-content;max-width:100%;display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #283a45;background:#101a22;border-radius:9px}.mission-chip>span:first-child{font-size:1.2rem}.mission-chip b,.mission-chip small{display:block}.mission-chip b{font-size:.78rem}.mission-chip small{font-size:.68rem;color:var(--muted);margin-top:2px}.mission-state{font-size:.55rem;letter-spacing:.1em;color:var(--green);border:1px solid #1c654e;border-radius:4px;padding:4px 6px;margin-left:8px}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:16px;align-items:stretch}.board-card,.guide-card,.inspect-card,.legend-card{border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#141e29,#0f1720);box-shadow:0 14px 40px #0003}.board-card{padding:19px 20px 13px;min-width:0;display:flex;flex-direction:column}.board-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.floor-label{font-size:.6rem;letter-spacing:.15em;color:var(--green);font-weight:800}.board-head h2{font-size:1.04rem;margin:4px 0 0}.floor-badge{font-size:.65rem;color:#9cb1be;border:1px solid #2a3a48;padding:6px 9px;border-radius:6px;white-space:nowrap}.board-wrap{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;overflow:auto;padding:10px;background:#080d13;border:1px solid #202e3b;border-radius:9px;background-image:radial-gradient(#21313d 1px,transparent 1px);background-size:18px 18px}.farm-grid{display:grid;grid-template-columns:repeat(10,38px);grid-template-rows:repeat(12,38px);gap:3px;padding:9px;background:#111a23;border:1px solid #354450;border-radius:8px;box-shadow:0 0 32px #0008}.tile{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;overflow:visible;border:1px solid #293640;border-radius:4px;background:#1c2730;color:#eef4f5;font-size:18px;cursor:pointer;transition:border-color .14s,background .14s,transform .14s;user-select:none}.tile:hover{z-index:5;transform:scale(1.08);border-color:#5e8290}.tile.floor-free{background:#1b2730}.tile.blocked{background:repeating-linear-gradient(135deg,#171e24,#171e24 5px,#1b232a 5px,#1b232a 10px);color:#46525c;cursor:pointer}.tile.soil{background-color:#34271c;background-image:radial-gradient(#76533a88 1px,transparent 1px);background-size:9px 9px;border-color:#5a4433}.tile.hydro{background-color:#112d3b;background-image:radial-gradient(#2486a044 1px,transparent 1px);background-size:8px 8px;border-color:#23647a}.tile.equipment{background:#30251d;border-color:#725034;color:#f5a64a}.tile.crop{background-color:#1d3228;background-image:none;border-color:#345a42}.tile .crop-icon{line-height:1}.growth-track{position:absolute;bottom:3px;left:4px;right:4px;height:3px;background:#08110c;border-radius:2px;overflow:hidden}.growth-track i{display:block;height:100%;background:var(--green);box-shadow:0 0 5px #00e08b88}.tile.ready{border-color:var(--gold)!important;box-shadow:inset 0 0 8px #ffd34e33,0 0 8px #ffd34e55;animation:ready-pulse 1.6s infinite}.tile.ready .growth-track i{background:var(--gold);box-shadow:0 0 5px #ffd34e99}.tile.ready:after{content:"";position:absolute;width:6px;height:6px;background:var(--gold);border-radius:50%;top:2px;right:2px;box-shadow:0 0 7px var(--gold)}.tile.operator{z-index:4;border:2px solid var(--green);box-shadow:0 0 13px #00e08b77,inset 0 0 8px #00e08b33}.tile.operator:before{content:"";position:absolute;inset:-4px;border:1px solid #00e08b55;border-radius:6px;pointer-events:none}.tile.target{z-index:3;border:2px solid var(--cyan)!important;box-shadow:0 0 12px #00d7f577,inset 0 0 7px #00d7f533}.tile.target:before{content:"✦";position:absolute;top:-8px;right:-5px;color:var(--cyan);font-size:10px;text-shadow:0 0 8px var(--cyan)}.tile.focused{outline:2px solid #fff;outline-offset:2px;z-index:7}.tile.operator.focused{outline-color:var(--green)}.board-foot{display:flex;justify-content:space-between;gap:12px;color:#8395a2;font-size:.64rem;margin-top:12px}.board-foot i{font-style:normal;color:#445560;margin:0 5px}.board-foot span:last-child{display:flex;align-items:center;gap:7px}
@keyframes ready-pulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.25)}}
.guide-column{display:flex;flex-direction:column;gap:14px}.guide-card{padding:17px;display:flex;flex-direction:column;flex:1}.guide-meta{display:flex;justify-content:space-between;color:#8297a4;font-size:.62rem;font-weight:800;letter-spacing:.12em}.guide-meta span:last-child{color:var(--green)}.progress-track{height:3px;background:#2b3942;border-radius:5px;margin:9px 0 19px;overflow:hidden}.progress-track i{display:block;height:100%;width:20%;background:var(--green);transition:width .2s}.guide-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;background:#17362e;color:var(--green);font-size:1.2rem;margin-bottom:12px}.guide-copy{flex:1}.guide-copy .eyebrow{font-size:.58rem}.guide-copy h2{font-size:1.18rem;line-height:1.25;margin:6px 0}.guide-copy p{font-size:.79rem;line-height:1.6;color:#a0b1bc;margin:0}.guide-controls{display:flex;gap:8px;margin-top:17px}.arrow-button,.next-button{border:1px solid #344854;border-radius:7px;color:var(--text);background:#1b2933;padding:9px 11px}.arrow-button{font-size:1rem}.arrow-button:disabled{opacity:.38;cursor:default}.next-button{flex:1;text-align:left;font-size:.74rem;font-weight:700;background:#0d523a;border-color:#167453}.next-button span{float:right}.next-button:hover{background:#116747}
.inspect-card{padding:15px 17px;min-height:143px}.section-heading{display:flex;align-items:center;gap:8px;border-bottom:1px solid #263641;padding-bottom:10px}.section-heading>span{font-size:1.1rem;color:var(--cyan)}.section-heading h2{margin:0;font-size:.64rem;letter-spacing:.13em}.inspect-placeholder{display:flex;align-items:center;gap:12px;color:#8193a0;padding:13px 0 1px}.inspect-placeholder>span{font-size:1.6rem;color:#506572}.inspect-placeholder p{font-size:.7rem;line-height:1.5;margin:0}.tile-info{font-size:.74rem;color:#b4c2cb}.tile-info h3{font-size:.9rem;margin:10px 0 4px;color:var(--text)}.tile-info p{margin:4px 0}.info-tag{display:inline-flex;padding:3px 6px;border:1px solid #344750;border-radius:4px;color:#a9bec9;font-size:.61rem;margin-top:4px}.info-progress{height:5px;margin:8px 0;background:#26342d;border-radius:5px;overflow:hidden}.info-progress i{display:block;height:100%;background:var(--green)}.info-progress.ready i{background:var(--gold)}
.legend-card{display:grid;grid-template-columns:145px 1fr;gap:18px;padding:15px 18px;margin-top:16px}.legend-title>span{font-size:.64rem;letter-spacing:.12em;font-weight:800}.legend-title small{display:block;color:var(--muted);font-size:.65rem;margin-top:5px}.legend-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}.legend-item{display:flex;align-items:center;gap:9px;min-width:0}.legend-swatch{width:29px;height:29px;flex:0 0 29px;display:grid;place-items:center;border-radius:6px;border:1px solid #41505b;background:#1b2730;font-size:.85rem}.legend-swatch.soil{background:#34271c;border-color:#5a4433}.legend-swatch.hydro{background:#112d3b;border-color:#23647a}.legend-swatch.crop{background:#1d3228}.legend-swatch.ready{background:#382f18;border-color:#9a7b26}.legend-swatch.player{border:2px solid var(--green);box-shadow:0 0 7px #00e08b44}.legend-swatch.target{border:2px solid var(--cyan);color:var(--cyan)}.legend-item b,.legend-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-item b{font-size:.69rem}.legend-item small{font-size:.59rem;color:#8fa1ad;margin-top:2px}footer{text-align:center;color:#60717d;font-size:.56rem;letter-spacing:.13em;padding:18px 0 4px}footer span{padding:0 5px;color:var(--green)}
@media(min-width:1050px){.board-card{min-height:590px}.guide-card{min-height:340px}}
@media(max-width:880px){.layout{padding:28px 18px 18px}.workspace{grid-template-columns:minmax(0,1fr) 285px;gap:12px}.farm-grid{grid-template-columns:repeat(10,32px);grid-template-rows:repeat(12,32px);gap:2px;padding:7px}.tile{width:32px;height:32px;font-size:16px}.legend-card{grid-template-columns:1fr}.legend-title small{display:inline;margin-left:9px}}
@media(max-width:680px){.topbar{height:58px;padding:0 15px}.topbar-label{font-size:.53rem}.layout{padding:23px 12px}.intro{margin-bottom:19px}.intro>p{font-size:.85rem}.mission-chip{width:100%;gap:9px;padding:9px}.mission-state{margin-left:auto;font-size:.48rem}.workspace{grid-template-columns:1fr}.board-card{padding:13px 10px 10px}.board-head{margin-bottom:9px}.board-head h2{font-size:.91rem}.board-wrap{justify-content:flex-start;padding:12px 8px}.farm-grid{grid-template-columns:repeat(10, minmax(25px, 1fr));grid-template-rows:repeat(12, minmax(25px, 1fr));width:min(100%,410px);aspect-ratio:10/12;gap:2px;padding:6px;margin:auto}.tile{width:auto;height:auto;min-width:0;font-size:clamp(12px,4vw,17px);border-radius:3px}.tile .crop-icon{font-size:inherit}.board-foot{font-size:.56rem}.guide-column{display:grid;grid-template-columns:1fr}.guide-card{min-height:260px}.inspect-card{min-height:118px}.legend-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 6px}.legend-card{padding:14px}.legend-title small{display:block;margin:4px 0 0}}
@media(max-width:375px){.brand{font-size:.72rem}.topbar-label{letter-spacing:.05em}.board-foot{flex-direction:column;gap:5px}.legend-item b{font-size:.64rem}.legend-item small{font-size:.55rem}}