:root{color-scheme:dark;--gold:#e9b85c;--muted:#9ca9a0;--panel:#17231f}*{box-sizing:border-box}body{margin:0;background:#0e1713;color:#f4f2e8;font:15px/1.5 system-ui,sans-serif}.app{max-width:1280px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--gold);font-weight:750}h1{font-size:38px;letter-spacing:-1.5px;line-height:1.15;margin:8px 0}h1 span{display:block;font-size:15px;color:var(--muted);letter-spacing:0;font-weight:400;margin-top:8px}button{font:600 13px system-ui,sans-serif;color:#f5f2e7;border:1px solid #3a4a40;background:#22342a;border-radius:8px;padding:12px 16px;cursor:pointer;touch-action:none}button:hover,button.active{background:#3b4e3d;border-color:var(--gold)}button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.primary{background:var(--gold);color:#182419;border:0;padding:15px 25px}.primary:hover{background:#ffd589}.hud{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#364239;border:1px solid #364239;border-radius:12px;overflow:hidden;margin-bottom:16px}.hud>div{padding:15px 24px;background:var(--panel)}small{display:block;color:var(--muted);font-size:12px}.hud strong{display:block;font-size:28px;font-variant-numeric:tabular-nums}.play-area{position:relative;border-radius:12px;overflow:hidden;border:1px solid #4c5948;background:#4e6034}canvas{width:100%;display:block;outline:none;touch-action:none}.overlay{position:absolute;inset:0;background:#0e1713ef;display:grid;place-items:center;padding:20px;overflow:auto}.intro-card{max-width:700px;text-align:center;margin:auto}h2{font-size:clamp(24px,3vw,40px);line-height:1.15;letter-spacing:-1px;margin:12px 0}.intro-card p{color:#c1c9bf;max-width:570px;margin:12px auto 20px}.machines{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px auto}.machines>div{display:flex;flex-direction:column;align-items:center;background:#ffffff0a;border:1px solid #ffffff15;border-radius:10px;padding:10px}.machines img{width:100%;height:125px;object-fit:contain;border-radius:6px}.machines small{margin-top:4px}.hint{font-size:12px}.bottom{display:grid;grid-template-columns:1fr auto;gap:20px;background:var(--panel);border:1px solid #364239;border-radius:12px;margin-top:16px;padding:20px}#message{min-height:24px;margin:8px 0 12px}.meters{display:flex;flex-wrap:wrap;gap:14px}.meters label{font-size:11px;color:var(--muted)}progress{display:block;width:150px;height:8px;accent-color:var(--gold);margin-top:6px}.action-buttons{display:flex;flex-direction:column;gap:8px}.help{display:flex;gap:20px;padding:20px 0;color:var(--muted);font-size:12px}.help>*{flex:1}.help b{flex:0 0 140px;color:var(--gold)}footer{border-top:1px solid #364239;padding-top:14px;color:var(--muted);font-size:11px}.touch{display:none;justify-content:center;align-items:center;gap:8px;padding-bottom:18px}.touch>div{display:grid;gap:8px}.touch button{min-width:64px;min-height:50px}#record{color:var(--gold);margin-left:8px}[hidden]{display:none!important}@media(pointer:coarse){.touch{display:flex}}@media(max-width:700px){.app{padding:10px}header{margin:10px 0 16px}h1{font-size:27px}.header-actions{display:flex;gap:4px}.header-actions button{padding:9px}h1 span{display:none}.hud>div{padding:10px}.hud strong{font-size:22px}.hud small{font-size:10px}.bottom{grid-template-columns:1fr;padding:12px}.action-buttons{flex-direction:row;flex-wrap:wrap}.help{flex-direction:column;gap:8px}.help b{flex:auto}.overlay{position:fixed;z-index:10;padding:16px}.machines img{height:100px}.intro-card p{font-size:13px}.meters{gap:8px}.meters progress{width:100px}}

/* Wersja 02: pola i animacja naprawy. */
.hud{grid-template-columns:repeat(5,1fr)}.field-select{display:flex;align-items:center;gap:16px;padding:0 0 18px}.field-select label{color:var(--muted);font-size:12px}.field-select select{font:600 14px system-ui;color:#f4ecd9;background:#22342a;border:1px solid #52624f;border-radius:7px;padding:10px}.field-select span{margin-left:auto;color:var(--gold);font-size:12px}.service-overlay{position:fixed;inset:0;z-index:30;background:#101b16f5}.service-card{width:min(680px,100%)}.repair-scene{position:relative;height:290px;margin:20px 0;overflow:hidden;border:1px solid #64735b;border-radius:12px;background:repeating-linear-gradient(0deg,#29382d 0 1px,#344636 1px 40px)}.repair-scene:after{content:'KORBANEK';position:absolute;top:16px;left:20px;font:800 16px system-ui;letter-spacing:4px;color:#dcc27b}.repair-scene img{height:245px;width:80%;object-fit:contain;position:absolute;left:10%;bottom:6px;animation:repair-vibrate .15s infinite alternate}.mechanic{position:absolute;right:12%;bottom:12%;font-size:62px;animation:repair-tool 1s infinite}.service-scan{position:absolute;left:0;right:0;height:3px;background:#b9f8a7;box-shadow:0 0 30px 8px #83dc8f66;animation:service-scan 2s infinite alternate}.repair-sparks{position:absolute;right:22%;bottom:30%}.repair-sparks i{position:absolute;display:block;width:4px;height:15px;background:#ffd677;animation:spark .6s infinite}.repair-sparks i:nth-child(2){transform:rotate(60deg);animation-delay:.2s}.repair-sparks i:nth-child(3){transform:rotate(-60deg);animation-delay:.4s}#serviceProgress{width:80%;margin:16px auto;height:12px}#serviceCost{color:#f2bb83}@keyframes repair-vibrate{to{transform:translateY(1px)}}@keyframes repair-tool{50%{transform:rotate(-25deg)}}@keyframes service-scan{from{top:25%}to{top:85%}}@keyframes spark{0%{opacity:1;translate:0 0}100%{opacity:0;translate:20px -35px}}@media(max-width:700px){.hud{grid-template-columns:repeat(3,1fr)}.field-select{flex-wrap:wrap;gap:8px}.field-select span{margin-left:0}.repair-scene{height:235px}.repair-scene img{height:200px}}

/* Białe tło zdjęcia kombajnu na ekranie startowym. */
.machines img[src$="kombajn.png"] { background: #fff; }
/* Wersja 04 — publiczna oprawa Wyzwania Farmera. */
:root{--gold:#e7c57a;--muted:#aeb8a5;--panel:#172b22}body{background:radial-gradient(ellipse at 50% 0,#30442d 0,#14271d 45%,#0c1913 100%);color:#f3edda}.app{max-width:1400px;padding:28px 32px}header{padding:24px 28px;border:1px solid #9f8a4c88;border-radius:16px;background:linear-gradient(115deg,#11291f,#243b29 60%,#14271e);box-shadow:0 14px 38px #0003;position:relative}header:before{content:'';width:4px;height:60%;position:absolute;left:0;top:20%;background:var(--gold);border-radius:4px}h1{font-family:Georgia,serif;font-weight:700;letter-spacing:-1px;font-size:43px;color:#f3dca3}h1 span{font-family:system-ui,sans-serif;font-size:13px;color:#c4c8b0}.header-actions{display:flex;gap:8px;align-items:center}.edition{font-size:10px;color:var(--gold);letter-spacing:1.4px;margin-right:12px}.eyebrow{color:var(--gold)}button{background:linear-gradient(#2c4332,#1e3227);border-color:#897a4c80;border-radius:8px;box-shadow:inset 0 1px #ffffff0b}button:hover,button.active{background:linear-gradient(#526343,#354b32);border-color:#ecd28d}.primary{background:linear-gradient(#f2d797,#c79f50);color:#1a2e20;font-weight:800;box-shadow:0 5px 16px #0003}.primary:hover{background:linear-gradient(#ffe9b7,#deb76b)}.field-select{padding:0 4px 18px}.field-select select{background:#233b2c;border-color:#8b7d4c;color:#f1dfb4}.field-badge{border:1px solid #61774e;padding:6px 13px;border-radius:20px;background:#28402b}.hud{border-color:#a08c5280;gap:0;box-shadow:0 8px 24px #0002;background:#1b3125}.hud>div{background:linear-gradient(135deg,#223a2c,#172d22);border-right:1px solid #9a875333;padding:14px 22px}.hud>div:last-child{border-right:0}.hud strong{font-family:Georgia,serif;font-size:31px;color:#f0dca4}.hud small{text-transform:uppercase;letter-spacing:1px;font-size:10px;color:#c0c6ab}.play-area{border:2px solid #a08b51;border-radius:12px;box-shadow:0 20px 45px #0005}.bottom{background:linear-gradient(135deg,#20392a,#172b21);border-color:#8d7e4c70;padding:20px 24px}.meters progress{height:9px;accent-color:#dbc078}.meters label{color:#c2c9ae}.help{border-bottom:1px solid #6c714044;margin-bottom:16px}.help b{font-family:Georgia,serif;font-size:17px}.overlay{background:radial-gradient(ellipse at top,#31472ee8,#10281cf7 70%)}.intro-card h2{font-family:Georgia,serif;font-size:clamp(28px,3.8vw,45px);color:#f6dfaa;font-weight:500}.intro-card>p{color:#d2d8c2}.machines{gap:20px;margin:24px auto}.machines>div{background:linear-gradient(145deg,#334a32,#21382a);border:1px solid #a08a4e70;padding:14px;border-radius:12px}.machines img{height:145px;width:100%;background:#fff;box-shadow:0 6px 18px #0003}.machines b{color:#f3d898;margin-top:10px}.machines small{color:#c8ceb3}.intro-card .primary{min-width:230px}#message{color:#ede6ce}.action-buttons button:first-child{border-color:#c9ad6c}.service-card{border:1px solid #ab9155;border-radius:16px;padding:26px;background:#1b3427}.repair-scene{border-color:#b39450}footer{color:#a8b29a;border-color:#69734b66;font-size:11px}.touch button{background:#28432f;border-color:#c1a466}.app:fullscreen{overflow:auto;background:#10261a;max-width:none}.app:fullscreen .play-area{max-width:1200px;margin:auto}@media(max-width:850px){.app{padding:12px}header{padding:18px}.edition{display:none}h1{font-size:32px}.hud>div{padding:12px}.hud strong{font-size:26px}.header-actions button{padding:9px}}@media(max-width:700px){header{gap:8px;padding:16px 12px}h1{font-size:25px}.eyebrow{font-size:9px;letter-spacing:1.5px}.field-select{padding-bottom:12px}.bottom{padding:14px}.machines img{height:108px}.machines{gap:10px}.intro-card h2{font-size:31px}.hud strong{font-size:23px}.hud small{letter-spacing:.4px;font-size:9px}}

.account-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px;background:#fff;border-bottom:1px solid #dddccf}.account-bar p{margin:0;font-size:13px;color:#465440}.account-bar div{display:flex;flex-wrap:wrap;gap:10px}.account-bar a{color:#a61d28;font-size:13px;font-weight:800;text-underline-offset:3px}.account-bar button{background:#c5202c;color:#fff}.account-bar [hidden]{display:none!important}

/* Pasek konta spójny z ciemnozielonym interfejsem gry. */
.account-bar{margin:18px 0 12px;padding:16px 20px;gap:14px;border:1px solid #716037;border-radius:14px;background:linear-gradient(110deg,#1c392a,#142b22);box-shadow:inset 3px 0 0 #dfbf76;color:#eee4c8}.account-bar p{color:#e4e8d6;font-size:13px;line-height:1.6;flex:1;min-width:180px}.account-bar div{gap:8px}.account-bar a{display:inline-flex;align-items:center;justify-content:center;padding:9px 15px;border:1px solid #8a7848;border-radius:9px;background:#304830;color:#ffe1a0;text-decoration:none;font-size:12px;font-weight:700}.account-bar a:hover{background:#425c36;border-color:#dfbf76;color:#fff4d0}.account-bar a:focus-visible,.account-bar button:focus-visible{outline:2px solid #ffe1a0;outline-offset:3px}.account-bar button{border:1px solid #d4b46b;border-radius:9px;background:#d4b46b;color:#162b20;padding:9px 15px;font-weight:700}@media(max-width:600px){.account-bar{padding:14px 16px;align-items:flex-start}.account-bar div{width:100%}.account-bar a{flex:1;text-align:center}}

.fleet-select{display:flex;gap:12px;flex-wrap:wrap;padding:16px;margin:12px 0;border:1px solid #716037;border-radius:12px;background:#193428;color:#eee2bf}.fleet-select[hidden]{display:none}.fleet-select p{width:100%;margin:0;font-size:12px}.fleet-select label{display:grid;gap:6px;flex:1;min-width:180px;font-size:12px}.fleet-select select{width:100%;min-width:0;max-width:100%;padding:10px;background:#2d4430;color:#ffe3a5;border:1px solid #8a7848;border-radius:8px}.mobile-service-van{position:absolute;bottom:12px;left:0;border-radius:12px 22px 5px 5px;padding:16px 22px;background:#f5f1df;border:3px solid #d52d28;color:#173d2c;font-size:13px;font-weight:800;box-shadow:0 8px 0 #222;animation:service-arrival 3s ease-out both}.mobile-service-van[hidden]{display:none}.mobile-repair .repair-scene{overflow:hidden}@keyframes service-arrival{from{transform:translateX(-110%)}to{transform:translateX(15%)}}@media(prefers-reduced-motion:reduce){.mobile-service-van{animation:none}}

.farm-select{margin:12px 0;padding:18px;border:1px solid #647456;border-radius:14px;background:#24392c;color:#f4edda;display:flex;gap:14px;flex-wrap:wrap;align-items:end}.farm-select h2,.farm-select p{flex-basis:100%;margin:0}.farm-select label{display:grid;gap:7px;flex:1;min-width:190px}.farm-select select{width:100%;padding:11px;background:#f7f2e4;color:#20352a;border-radius:7px}.farm-select [hidden]{display:none}#choose-field{margin:8px 0}#repair-seeder{background:#426644} @media(max-width:600px){.farm-select label{min-width:100%;}}

.farm-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;flex-basis:100%}.farm-plot{position:relative;min-height:110px;padding:20px;text-align:left;background:repeating-linear-gradient(100deg,#705638 0px,#705638 7px,#88704a 8px,#88704a 10px);border:3px solid #a78e5e;border-radius:12px;color:#fff}.farm-plot.prepared{background:repeating-linear-gradient(100deg,#594532 0px,#594532 4px,#937957 5px,#937957 7px)}.farm-plot.ready{background:repeating-linear-gradient(100deg,#718047 0px,#718047 6px,#b7aa53 7px,#b7aa53 10px)}.farm-plot strong,.farm-plot span{display:block;background:#153429e8;padding:5px 8px;width:fit-content;border-radius:5px}.farm-plot strong{font-size:18px}.farm-plot span{margin-top:8px;font-size:12px}.work-progress{display:flex;gap:10px;flex-wrap:wrap;padding:15px;background:#193428;border-radius:12px;margin:12px 0;border:1px solid #716037}.work-progress p{flex-basis:100%;margin:0}.work-progress [hidden]{display:none}.farm-tasks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.farm-tasks h2{grid-column:1/-1;font-size:19px;margin:5px 0}.farm-task{background:#263c2c;border:1px solid #6a7049;border-radius:10px;padding:13px}.farm-task h3{font-size:14px;margin:0 0 7px}.farm-task p,.farm-task span{font-size:12px}.farm-task.complete{border-color:#dbc077}.farm-task progress{width:100%}.settlement{display:grid;gap:6px;text-align:left;margin:16px 0;background:#203c2d;border-radius:10px;padding:16px}.settlement[hidden]{display:none}.settlement>div{display:flex;justify-content:space-between;gap:16px;font-size:13px}.settlement-total{border-top:1px solid #b49d65;padding-top:10px;color:#ffe3a5}.play-area:has(#result:not([hidden])){min-height:690px}#result .intro-card{max-height:calc(100% - 20px);overflow-y:auto} @media(max-width:700px){.farm-tasks{grid-template-columns:repeat(2,minmax(0,1fr))}.farm-map{grid-template-columns:1fr}.settlement>div{font-size:12px}}

.farm-plot,.work-progress button{touch-action:manipulation}.farm-plot.saved{border-color:#ffe5a3;box-shadow:0 0 0 2px #d8bb7270}