/* Motywy okładki i animowane pastwisko. Ilustracje pochodzą z materiałów gry. */
:root{--night:#062d49;--night2:#0b5275;--gold:#f2bc35;--cream:#fff7df;--meadow:#60a730;--ink:#163a32;font-family:Trebuchet MS,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:#082b47}
body{background:radial-gradient(ellipse at 50% -20%,#15709a 0,#083d60 48%,#052940 100%);min-height:100vh}
.shell{max-width:1280px}
.site-header{color:#fff;padding:20px 0}.site-header h1{font-family:Georgia,serif;font-size:21px;letter-spacing:-.025em}.site-header h1 span{color:#f4c953;font-family:Trebuchet MS,sans-serif;font-size:14px;letter-spacing:.03em}.site-header .eyebrow{color:#a1d6db}.site-header .status{background:#154a66;color:#d4e8e4;border:1px solid #57929c}.brand-mark{background:linear-gradient(#fedc73,#d99113);color:#173e55;border-radius:50%;box-shadow:0 3px 0 #8b5910,0 0 0 3px #164860}
.hero{min-height:360px;border:3px solid #ca8e22;border-radius:28px;background:radial-gradient(circle at 82% 34%,#517ca0 0,#104e70 30%,#06304f 66%,#042940 100%);box-shadow:0 12px 0 #4f2a0d,0 27px 42px #021b2b99;overflow:hidden;isolation:isolate;margin-bottom:29px}
.hero::before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 72% 26%,transparent 0 12px,#ffffff08 13px 14px);opacity:.65;z-index:-1}.hero::after{content:"";position:absolute;left:-5%;right:-5%;bottom:-80px;height:170px;border-radius:50% 50% 0 0;background:radial-gradient(#75be3b,#206e24 75%);z-index:-1}
.hero-copy{position:relative;z-index:2;max-width:55%;padding:20px 0 20px 12px;text-shadow:0 3px 3px #00263b}.hero .eyebrow{color:#fcdf85}.hero h2{font-family:Georgia,serif;text-transform:uppercase;letter-spacing:-.06em;font-size:clamp(44px,5.8vw,83px);line-height:.95;color:#fff7df;-webkit-text-stroke:1px #593409;text-shadow:2px 3px 0 #e39a0f,5px 7px 0 #573b0b,8px 10px 10px #011f2d;margin:0 0 24px}.hero h2 em{font-family:Georgia,serif;font-size:.51em;display:block;line-height:1.2;text-transform:none;letter-spacing:-.03em;color:#f5ca4c;-webkit-text-stroke:0;text-shadow:2px 3px 0 #4c2f0c}.hero p:last-child{color:#f2eee0;font-size:16px;max-width:390px}.hero-cover{position:absolute;z-index:1;right:-23px;bottom:-126px;height:590px;width:auto;filter:drop-shadow(-18px 18px 12px #001f30bd);transform:rotate(5deg);pointer-events:none}
.panel{background:#fff9e9;border:1px solid #d9c9a5;box-shadow:0 5px 0 #d3b77c,0 14px 24px #03243824}.panel h2,.standings-title h2{font-family:Georgia,serif;color:#123f4b}.eyebrow{color:#8d5b17}.step-pill{background:#f5e7bb;color:#734e12}.primary{background:linear-gradient(#f8cf66,#e6a324);color:#422b06;box-shadow:0 4px 0 #9a6316;border:1px solid #d8951d}.primary:hover{filter:brightness(1.06)}.secondary{border-color:#c3ac79;background:#fff5d9;color:#4b521f}.muted{color:#667d71}a{color:#f8d878}footer{border-color:#416a77;color:#c2d6d6}
.game-top{margin-top:24px}.timer-panel{background:linear-gradient(135deg,#e5f5d1,#fff7d9)}
.farm-section{margin:30px 0 26px;padding:22px 24px 20px;border:5px solid #a97737;border-radius:29px;background:linear-gradient(90deg,#6b3f19,#9b662c 3%,#71451e 7%,#985f25 95%,#6b3f19);box-shadow:inset 0 0 0 3px #d3a257,0 14px 0 #4d2d14,0 28px 40px #001f31aa;color:#fff;overflow:hidden}
.farm-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 13px 16px}.farm-head h2{font-family:Georgia,serif;font-size:31px;line-height:1;margin:0 0 6px;color:#fff9df;text-shadow:0 3px 0 #53300b}.farm-head .eyebrow{color:#f3cc6a}.farm-head p:last-child{margin:0;color:#f9edce;font-size:13px}.farm-controls{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#f5e6bf;font-size:12px;font-weight:800}.farm-controls button{border-radius:50%;width:41px;height:41px;background:#fff0c5;border:2px solid #c88d2e;color:#694016;font-size:25px;line-height:1;box-shadow:0 3px 0 #5b3514}
.farm-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 12px 12px}.farm-tab{border:1px solid #e4bd78;border-radius:999px;background:#5c3a20;color:#f8eacb;padding:8px 13px;font-size:12px;font-weight:800}.farm-tab.selected{background:#f4c75a;color:#432c0e;border-color:#fff1b8}.farm-tab.turn::before{content:"✦ ";color:#fef2c9}.farm-tab.selected.turn::before{color:#8c5e16}
.farm-world{height:min(660px,64vw);min-height:420px;position:relative;overflow:hidden;border-radius:22px;background:radial-gradient(circle at 77% 18%,#d9f3dd 0 4%,transparent 14%),linear-gradient(180deg,#08739d 0,#30a7bd 42%,#9bdbb6 63%,#218b32 64%,#1d702c 100%);border:3px solid #e6b65c;box-shadow:inset 0 0 60px #093d44,0 4px 18px #301d0b}
.farm-sky{position:absolute;inset:0;overflow:hidden}.farm-sky::before{content:"";position:absolute;right:8%;top:4%;width:120px;height:120px;border-radius:50%;background:#fff6d8;box-shadow:0 0 0 15px #ffffff1c,0 0 80px #fff8e5}
.farm-cloud{position:absolute;width:130px;height:36px;border-radius:50%;background:#d6f3ebaa;filter:blur(2px);animation:drift 30s linear infinite}.cloud-one{top:16%;left:-10%}.cloud-two{top:30%;left:60%;animation-duration:42s;animation-delay:-13s;transform:scale(.7)}.farm-cloud::after,.farm-cloud::before{content:"";position:absolute;border-radius:50%;background:inherit}.farm-cloud::before{width:60px;height:45px;left:25px;top:-17px}.farm-cloud::after{width:45px;height:38px;left:65px;top:-10px}
.farm-wind{position:absolute;width:150px;height:2px;background:#e8fff4a6;border-radius:100%;box-shadow:20px 12px 0 #e8fff465,70px -11px 0 #e8fff465;animation:wind 8s linear infinite}.wind-one{top:20%;left:-30%}.wind-two{top:43%;left:-40%;animation-delay:-4s}
.farm-ground{position:absolute;inset:auto -5% -120px;height:210px;border-radius:50%;background:radial-gradient(#97d63e,#397f23 70%);filter:blur(9px)}
.farm-wheel{--turn:0deg;position:absolute;z-index:2;width:min(620px,76%);aspect-ratio:1;left:50%;top:53%;border-radius:50%;transform:translate(-50%,-50%) rotate(var(--turn));transition:transform 1.2s cubic-bezier(.17,.81,.26,1);background:radial-gradient(circle at 44% 38%,#b1db5d 0,#84bf3c 34%,#549928 67%,#317424 100%);border:18px ridge #a4682f;box-shadow:0 0 0 7px #513414,0 0 0 13px #dcaa62,0 27px 35px #032d28ad,inset 0 0 0 5px #c1e885,inset 0 0 100px #2f7c25}
.farm-wheel{cursor:grab;touch-action:none}.farm-wheel.dragging{cursor:grabbing;transition:none}.farm-wheel.dragging .farm-item,.farm-wheel.dragging .farm-center{transition:none}
.farm-wheel::before{content:"";position:absolute;inset:2%;border-radius:50%;border:2px dashed #ecda91a3;pointer-events:none}.farm-wheel::after{content:"";position:absolute;inset:12%;border-radius:50%;background:repeating-conic-gradient(from 15deg,#ffffff12 0deg 26deg,#1c63270e 26deg 54deg);pointer-events:none}
.farm-path{position:absolute;inset:42% 0;border-radius:50%;border:20px solid #bd985c70;transform:rotate(-28deg);pointer-events:none}.farm-pond{position:absolute;right:12%;top:33%;width:18%;height:11%;border-radius:45% 55% 50% 50%;background:radial-gradient(#87dadd,#358da7);box-shadow:0 0 0 6px #8cbb5e,0 6px 12px #33725c75;transform:rotate(-17deg)}
.farm-grass{position:absolute;inset:0;overflow:hidden;border-radius:50%;pointer-events:none}.grass-blade{position:absolute;left:var(--x);top:var(--y);width:2px;height:var(--h);border-radius:80% 0 80% 0;background:#2d6f28;transform-origin:bottom;animation:sway 3s ease-in-out infinite alternate;animation-delay:var(--delay)}.grass-blade::after{content:"";position:absolute;bottom:1px;left:3px;width:2px;height:70%;background:#4b942d;transform:rotate(37deg);transform-origin:bottom}
.farm-animals{position:absolute;inset:0;z-index:3}.farm-item{position:absolute;left:var(--x);top:var(--y);width:var(--w);transform:translate(-50%,-50%) rotate(calc(-1 * var(--turn)));transition:transform 1.2s cubic-bezier(.17,.81,.26,1),opacity .5s;display:flex;align-items:center;flex-direction:column;filter:drop-shadow(2px 9px 5px #173e2099)}.farm-item img{display:block;width:100%;max-height:180px;object-fit:contain;object-position:bottom;animation:animal-idle 4s ease-in-out infinite}.farm-item.horse img{animation:horse-trot 2s ease-in-out infinite}.farm-item.rabbit img{animation:rabbit-hop 3s ease-in-out infinite}.farm-item.pig img{animation:animal-idle 4.5s ease-in-out infinite reverse}.farm-item.sheep img{animation:animal-idle 5s ease-in-out infinite}.farm-item.cow img{animation:animal-idle 6s ease-in-out infinite}.farm-item.arriving{animation:arrive .7s ease-out both}.farm-item .animal-count{position:absolute;right:-8px;top:8px;min-width:39px;height:39px;display:grid;place-items:center;padding:0 6px;border-radius:50%;background:#ffe398;color:#603a0b;border:3px solid #fff8db;box-shadow:0 3px 0 #855a24;font-size:18px;font-weight:900}.farm-item .animal-name{margin-top:-4px;padding:4px 9px;border-radius:99px;background:#fff7dc;box-shadow:0 3px 0 #714d22;color:#4d3b17;font-size:11px;font-weight:900;white-space:nowrap}.farm-item.dog{width:50px;filter:none}.farm-item.dog .dog-mark{font-size:30px;animation:animal-idle 3s ease-in-out infinite}.farm-item.dog .animal-count{right:-7px;top:-5px;min-width:26px;height:26px;font-size:12px}.farm-item.dog .animal-name{font-size:9px}
.farm-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(calc(-1 * var(--turn)));transition:transform 1.2s cubic-bezier(.17,.81,.26,1);width:22%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#0a6a87,#06324e);border:6px solid #f3bc3d;box-shadow:0 0 0 3px #684015,0 8px 14px #1f3e2480;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff4cc;font-family:Georgia,serif;line-height:1}.farm-center span{font-size:clamp(8px,1.2vw,13px);color:#f8d160}.farm-center strong{font-size:clamp(10px,1.9vw,21px);text-shadow:1px 2px #a46b15}.farm-center small{font-size:clamp(7px,1vw,11px);color:#f8d160}
.farm-summary{display:flex;gap:8px;flex-wrap:wrap;padding:16px 10px 0}.farm-summary span{background:#4f371b;border:1px solid #b88d4d;border-radius:99px;padding:6px 10px;color:#fff2d0;font-size:11px;font-weight:800}.farm-summary img{width:23px;height:23px;object-fit:contain;vertical-align:middle;margin-right:3px}
.dice-panel{border:3px solid #d4a451}.dice-area{background:radial-gradient(ellipse at center,#d6e9c1,#83b65b 70%,#438141);border:3px solid #bbd584;box-shadow:inset 0 0 23px #356e44}.dice-view .die-name,.dice-view>span:last-child{color:#163e36}.roll-art{display:flex;justify-content:center;align-items:center;gap:13px;min-height:0;margin-top:10px}.roll-art:empty{display:none}.roll-art img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 5px 3px #557c5e55)}.roll-art .roll-plus{font-family:Georgia,serif;color:#8b621f;font-size:22px}.stock-list img{width:28px;height:28px;object-fit:contain;vertical-align:middle;margin-right:5px}.stock-list>div>span{display:flex;align-items:center}.stock-list .dog-stock{font-size:22px;margin-right:5px}.player-card.current{border-color:#dab05f;box-shadow:0 0 0 2px #f6dc98,0 5px 0 #d3b77c}
@keyframes sway{from{transform:rotate(-17deg)}to{transform:rotate(18deg)}}@keyframes drift{to{left:115%}}@keyframes wind{to{left:120%}}@keyframes animal-idle{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}@keyframes horse-trot{0%,100%{transform:translateY(0) rotate(-2deg)}25%{transform:translateY(-8px) rotate(1deg)}50%{transform:translateY(-2px) rotate(2deg)}75%{transform:translateY(-6px) rotate(-1deg)}}@keyframes rabbit-hop{0%,60%,100%{transform:translateY(0)}72%{transform:translateY(-11px)}85%{transform:translateY(-4px)}}@keyframes arrive{from{opacity:0;scale:.35}to{opacity:1;scale:1}}
@media(max-width:850px){.hero-cover{height:500px;right:-70px;bottom:-90px}.hero-copy{max-width:60%}.farm-world{height:650px}.farm-wheel{width:580px;max-width:86%}}
@media(max-width:600px){.hero{min-height:300px}.hero-copy{max-width:82%;padding:0}.hero h2{font-size:clamp(35px,9vw,56px)}.hero p:last-child{max-width:220px;font-size:13px}.hero-cover{height:380px;right:-100px;bottom:-66px;opacity:.72}.farm-section{padding:14px 9px 15px;border-width:4px}.farm-head{align-items:flex-start;padding:0 8px 13px}.farm-head h2{font-size:25px}.farm-head p:last-child{display:none}.farm-controls span{display:none}.farm-controls button{width:32px;height:32px;font-size:20px}.farm-tabs{margin:0 3px 10px}.farm-tab{font-size:10px;padding:6px 8px}.farm-world{height:460px}.farm-wheel{width:94%;border-width:11px;top:55%}.farm-item img{max-height:90px}.farm-item .animal-count{min-width:28px;height:28px;font-size:13px;border-width:2px}.farm-item .animal-name{font-size:9px;padding:3px 5px}.farm-item.dog{width:35px}.farm-item.dog .dog-mark{font-size:22px}.farm-center{border-width:3px}.farm-summary{padding:11px 2px 0}.farm-summary span{font-size:9px;padding:4px 6px}.farm-summary img{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.farm-cloud,.farm-wind,.grass-blade,.farm-item img,.farm-item.arriving{animation:none!important}.farm-wheel,.farm-item,.farm-center{transition:none!important}}