.mode-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:14px 0}.mode-grid button{padding:12px 5px;min-height:46px;overflow-wrap:anywhere}.mode-grid [aria-pressed=true]{background:#275f69!important;color:#fff!important;border-color:#367e87!important;box-shadow:inset 0 -3px #a9ded1}.contract label{display:flex;flex-direction:column;gap:5px;flex:1;min-width:130px;font-size:12px}.contract select,.district-select,.farm-toolbar select{width:100%;min-height:44px;border-radius:9px;padding:10px;background:#fff;color:#294751;border:1px solid #9baeb4}.contract .primary{margin-top:12px;min-height:46px}.bracket-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bracket-grid .contract{margin:0;font-size:13px}.skin canvas{max-width:100%;display:block;margin:auto}.contract progress{display:block;width:100%;height:9px;margin:12px 0;accent-color:#4c8a72}.game .stage{height:clamp(230px,50dvh,620px);min-height:0;flex:1}.game .controls{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.game .controls button{min-width:0;min-height:50px;padding:8px 2px;font-size:10px;touch-action:none}.game .controls button b{display:block;font-size:19px}.game .controls [data-action=shoot]{background:#317c76;color:#fff}.sim-stage{height:clamp(300px,53dvh,620px);margin:12px 0;border-radius:20px;overflow:hidden;background:#a6c49a}.sim-stage canvas{display:block;width:100%;height:100%;touch-action:none}.farm-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.farm-heading h1{font-size:30px;margin:12px 0}.farm-toolbar{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.farm-toolbar>*{flex:1;min-width:100px;min-height:44px}.farm-toolbar select{flex:2;min-width:155px}.farm-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.farm-record{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 0;border-bottom:1px solid #97aab044}.farm-record canvas{width:80px;height:70px}.farm-record>div{flex:1}.farm-record small{display:block;font-size:12px;margin-top:6px}.farm-record button{min-height:44px}.farm-info{font-size:13px;line-height:1.55;margin:8px 0}.status{min-height:22px}#saveStatus{font-size:12px}.farm-summary{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}button:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #438fbb;outline-offset:3px}.dialog{max-height:85dvh;overflow:auto}.hero canvas{min-height:240px}.lobby>.row{flex-wrap:wrap}.lobby>.row button{min-height:44px}@media(max-width:500px){.mode-grid{gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.mode-grid button{overflow-wrap:normal}.mode-grid button{font-size:11px}.farm-heading h1{font-size:25px}.farm-toolbar button{font-size:12px}.hero-copy h1{font-size:34px}.game .brief{font-size:11px}.game .controls{grid-template-columns:repeat(6,minmax(0,1fr))}.game .controls [data-action=shoot]{grid-column:1/-1;min-height:44px}.game .controls [data-action=shoot] b{display:inline;margin-right:10px}}@media(orientation:landscape) and (max-height:540px){.game{display:grid;grid-template-columns:1fr 160px;grid-template-rows:auto 1fr auto}.game .hud,.game .vitals{grid-column:1/-1}.game .stage{height:auto;min-height:170px;grid-column:1}.game .controls{grid-column:2;grid-row:3;display:grid;grid-template-columns:1fr 1fr}.game .controls [data-action=shoot]{grid-column:1/-1}.game .brief{grid-column:1/-1}.sim-stage{height:70dvh}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

html[data-ui-theme=light] .game :is(.mission-name,.brief){color:#526477!important}html[data-ui-theme=dark] .game :is(.mission-name,.brief){color:#c4d5d9!important}
