.farm{max-width:1500px;margin:auto;padding:28px 24px;color:var(--text);--farm-green:#355f32;--farm-paper:var(--surface,var(--bg-2,#fff));--farm-line:var(--border,#dce3d6)}.farm-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.farm-eyebrow{color:var(--text-2);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.farm h1{font-size:32px;letter-spacing:-.04em;margin:6px 0}.farm-header p,.farm-help{color:var(--text-2);font-size:13px;margin:0}.farm-account{display:flex;gap:8px;flex-wrap:wrap}.farm-stat{padding:10px 16px;border:1px solid var(--farm-line);border-radius:14px;background:var(--farm-paper)}.farm-stat small{display:block;color:var(--text-2);font-size:11px}.farm-stat strong{font-size:18px}.farm-workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.farm-play,.farm-sidebar{border:1px solid var(--farm-line);border-radius:20px;overflow:hidden;background:var(--farm-paper)}.farm-mapbar,.farm-mapfooter{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;font-size:12px}.farm-mapbar>div,.farm-mapfooter>div{display:flex;gap:6px;align-items:center}.farm button{font:inherit;cursor:pointer}.farm-mapbar button,.farm-mapfooter button{border:1px solid var(--farm-line);color:var(--text);background:var(--farm-paper);border-radius:9px;padding:7px 10px}.farm-viewport{height:650px;max-height:72vh;overflow:auto;overscroll-behavior:contain;background:#7caa42;scrollbar-width:thin;position:relative}.farm-world{width:1100px;position:relative;aspect-ratio:1;isolation:isolate}.farm-map{display:block;width:100%;height:100%;pointer-events:none}.farm-plot{position:absolute;width:9.7%;height:6.5%;transform:translate(-50%,-50%);background:transparent;border:0;padding:0;isolation:isolate;display:flex;align-items:center;justify-content:center}.farm-plot:before{content:"";position:absolute;inset:0;background:#38672c88;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);z-index:-1}.farm-plot[data-state="2"]:before,.farm-plot[data-state="3"]:before{background:#75533788}.farm-plot[data-state="4"]:before,.farm-plot[data-state="5"]:before{background:#b7dc5144}.farm-plot[data-state="locked"]:before{background:#17281899}.farm-plot[data-state="6"]:before{background:#5e252888}.farm-plot img{width:106%;height:110%;object-fit:fill;position:absolute;z-index:-1}.farm-plot span{font-size:28px;filter:drop-shadow(0 2px 2px #233a2d99);pointer-events:none}.farm-plot small{position:absolute;bottom:-3px;background:#203d27e8;color:white;padding:1px 5px;border-radius:5px;font-size:10px;pointer-events:none;white-space:nowrap}.farm-plot[aria-pressed="true"]{filter:drop-shadow(0 0 4px #fff)}.farm-plot[aria-pressed="true"]:after{content:"";position:absolute;inset:1px;box-shadow:inset 0 0 0 3px #ffdd69;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.farm button:focus-visible,.farm-viewport:focus-visible{outline:3px solid var(--accent,#e28b2d);outline-offset:3px}.farm-tree{position:absolute;transform:translate(-50%,-50%);background:#203d27e8;border:2px solid #fff8;border-radius:12px;color:white;padding:5px 8px;font-size:12px}.farm-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:12px;border-bottom:1px solid var(--farm-line)}.farm-tabs button{background:transparent;border:0;border-radius:9px;padding:11px 2px;font-size:11px;color:var(--text-2)}.farm-tabs button[aria-pressed="true"]{background:var(--accent-soft,#6a963323);color:var(--text);font-weight:700}.farm-panel{padding:20px;min-height:390px;max-height:610px;overflow:auto}.farm-panel h2{font-size:21px;margin:0 0 6px;letter-spacing:-.025em}.farm-panel h3{font-size:14px;margin:20px 0 10px}.farm-panel p{font-size:13px;color:var(--text-2);line-height:1.6}.farm-card{border:1px solid var(--farm-line);border-radius:13px;padding:12px;margin:10px 0}.farm-card strong{display:block;font-size:14px}.farm-card small{display:block;font-size:12px;color:var(--text-2);margin:5px 0;line-height:1.5}.farm-action{display:block;width:100%;border:1px solid var(--farm-line);background:var(--accent-soft,#6a963323);color:var(--text);border-radius:10px;padding:10px;margin-top:8px;font-size:12px;font-weight:600}.farm-action:disabled{opacity:.5;cursor:default}.farm select,.farm input{width:100%;background:var(--farm-paper);color:var(--text);border:1px solid var(--farm-line);padding:9px;border-radius:8px;margin:5px 0}.farm label{font-size:12px}.farm-status{padding:12px 16px;margin-top:12px;border-radius:12px;background:var(--farm-paper);border:1px solid var(--farm-line);font-size:13px}.farm-status.is-error{border-color:#c44b4b}.farm-help{margin-top:12px;line-height:1.6}.farm-welcome{padding:120px 30px;text-align:center;background:linear-gradient(#193e2be6,#193e2be6),url('/assets/img/fazenda/mapa.webp') center/cover;border-radius:20px;color:white}.farm-workspace:fullscreen{padding:18px;background:var(--bg,#18201d);height:100vh;align-items:stretch}.farm-workspace:fullscreen .farm-viewport{height:calc(100vh - 144px);max-height:none}.farm-workspace:fullscreen .farm-panel{max-height:calc(100vh - 160px)}@media(min-width:1700px){.farm-viewport{height:740px}}@media(max-width:1100px){.farm{padding:20px 12px}.farm-workspace{grid-template-columns:minmax(0,1fr) 290px}.farm-header{align-items:flex-start}.farm-account{max-width:280px}.farm-stat{padding:8px 12px}}@media(max-width:760px){.farm-header{display:block}.farm-account{margin-top:14px;max-width:none}.farm-workspace{grid-template-columns:1fr}.farm-viewport{height:440px;max-height:60vh}.farm-panel{min-height:200px;max-height:440px}.farm-mapfooter>span{display:none}.farm-mapbar{padding:10px}.farm h1{font-size:27px}}@media(prefers-reduced-motion:no-preference){.farm-plot span{animation:farm-grow .3s ease-out}@keyframes farm-grow{from{transform:scale(.5)}to{transform:scale(1)}}}
.farm-plot{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.farm-plot small{bottom:16%}.farm-plot span{transform:translateY(-8%)}
.farm-viewport{cursor:grab;user-select:none}.farm-viewport.is-dragging{cursor:grabbing}.farm-pen{position:absolute;transform:translate(-50%,-50%);padding:6px 10px;border:1px solid #fff9;border-radius:10px;background:#203d27e8;color:white;font-size:12px;z-index:2}.farm-animal{position:absolute;font-size:30px;pointer-events:none;filter:drop-shadow(0 3px 2px #26442d88)}

/* Desktop is a viewport, not a scrolling feed. Its dock is below the scene. */
.farm{max-width:none;margin:0;padding:0}
.farm-workspace{display:flex;flex-direction:column;gap:0;align-items:stretch;height:100%;min-height:0}
.farm-play{flex:1;min-height:0;position:relative;border:0;border-radius:0;overflow:hidden}
.farm-viewport{width:100%;height:100%;max-height:none;scrollbar-width:thin}
.farm-world{aspect-ratio:5/4}
.farm-land{position:relative;width:80%;aspect-ratio:1}
.farm-map-extension{position:absolute;left:72.5%;top:0;width:27.5%;height:100%;pointer-events:none;user-select:none}
.farm-sidebar{position:absolute;right:16px;top:16px;bottom:auto;width:300px;max-width:calc(100% - 32px);max-height:calc(100% - 32px);display:flex;flex-direction:column;z-index:5;box-shadow:0 10px 36px #17372055;border-radius:14px;background:var(--farm-paper)}
.farm-sidebar[hidden]{display:none}
.farm-panelbar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--farm-line);font-size:12px;flex-shrink:0}
.farm-panelbar button{border:0;background:transparent;color:var(--text);padding:6px 9px;border-radius:8px}
.farm-panel{padding:16px;min-height:0;max-height:none;overflow:auto;flex:1}
.farm-panel h2{font-size:19px}
.farm-dock{flex-shrink:0;padding:9px 14px;background:var(--farm-paper);border-top:1px solid var(--farm-line);position:relative;z-index:6}
.farm-toolbar{display:flex;align-items:center;gap:18px;min-height:38px}
.farm-brand{flex-shrink:0;min-width:140px}
.farm-brand h1{font-size:15px;letter-spacing:-.02em;margin:0;line-height:1.3}
.farm-brand span{font-size:10px;color:var(--text-2);display:block;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.farm-account{flex-wrap:nowrap;gap:15px;flex-shrink:0}
.farm-stat{background:transparent;border:0;border-radius:0;padding:0}
.farm-stat small{font-size:9px}
.farm-stat strong{font-size:13px;white-space:nowrap}
.farm-controls{display:flex;align-items:center;gap:5px;margin-left:auto}
.farm-controls button{border:1px solid var(--farm-line);color:var(--text);background:var(--farm-paper);border-radius:8px;padding:6px 9px;white-space:nowrap;font-size:11px;min-height:30px}
.farm-controls output{font-size:11px;min-width:38px;text-align:center}
.farm-bottomrow{display:flex;align-items:center;gap:16px;margin-top:7px}
.farm-tabs{display:flex;flex-wrap:nowrap;gap:3px;padding:0;border:0;flex-shrink:0}
.farm-tabs button{font-size:11px;padding:7px 10px;border-radius:8px;white-space:nowrap}
.farm-status{font-size:11px;line-height:18px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0;margin:0;border:0;border-radius:0;text-align:right;flex:1;background:transparent;color:var(--text-2)}
.farm-status.is-error{color:var(--red,#b43434)}
.farm-workspace:fullscreen{padding:0;height:100dvh;background:var(--farm-paper);gap:0;align-items:stretch}
.farm-workspace:fullscreen .farm-viewport{height:100%;max-height:none}
.farm-workspace:fullscreen .farm-panel{max-height:none}
@media(min-width:900px){
    body:has(#farm:not([data-user="0"])){overflow:hidden}
    body:has(#farm:not([data-user="0"])) .app-shell{width:100%;max-width:none;min-height:0;padding:0 0 0 12px;gap:12px}
    body:has(#farm:not([data-user="0"])) .main-wrapper,body:has(#farm:not([data-user="0"])) .main-content{width:100%;max-width:none;min-width:0;min-height:0;padding:0;margin:0}
    body:has(#farm:not([data-user="0"])) .mobile-topbar{display:none}
    .farm:not([data-user="0"]){height:calc(100dvh - var(--bip-vk-bar-height,0px))}
    body.bip-dentro .farm:not([data-user="0"]){height:100dvh}
    .farm-help{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
}
@media(min-width:900px) and (max-width:1100px){
    .farm-toolbar{gap:12px}.farm-account{gap:10px;max-width:none;margin:0}.farm-stat{padding:0}.farm-brand{min-width:130px}.farm-controls{gap:3px}.farm-controls button{padding:6px 7px}.farm-tabs button{padding:7px 8px}
}
@media(max-width:899px){
    .farm:not([data-user="0"]){height:calc(100dvh - var(--mobile-tabbar-height,64px) - 60px);min-height:460px}
    .farm-workspace{display:flex;gap:0}.farm-viewport{height:100%;max-height:none}.farm-toolbar{flex-wrap:wrap;gap:8px}.farm-brand{min-width:120px}.farm-account{max-width:none;margin:0;gap:12px}.farm-stat{padding:0}.farm-controls{width:100%;justify-content:flex-end}.farm-bottomrow{display:block}.farm-tabs{overflow:auto}.farm-status{text-align:left;margin-top:4px}.farm-dock{padding:8px 10px}.farm-help{display:none}.farm-sidebar{top:10px;right:10px;max-height:calc(100% - 20px)}
}
.farm .farm-tree,.farm .farm-pen{font-size:11px;line-height:1.3;white-space:nowrap;padding:5px 8px;border-radius:8px}.farm-stat small{line-height:1.3}.farm-stat strong{line-height:1.35;display:block}.farm-toolbar{min-height:32px}.farm-tabs button{line-height:1.3;padding-top:5px;padding-bottom:5px}.farm-controls button{line-height:1.3;min-height:28px}

/* CURSORES DO JOGO (13/10/26): o desenho vem do fazenda-wide.js (variáveis --farm-cur-*), só com mouse. */
.farm-cursores .farm-viewport,.farm-cursores .farm-viewport .farm-plot,.farm-cursores .farm-viewport .farm-tree,.farm-cursores .farm-viewport .farm-pen{cursor:var(--farm-cur-seta)}
.farm-cursores .farm-viewport .farm-plot[data-state="0"],.farm-cursores .farm-viewport .farm-plot[data-state="6"]{cursor:var(--farm-cur-pa)}
.farm-cursores .farm-viewport .farm-plot[data-state="2"]{cursor:var(--farm-cur-semente)}
.farm-cursores .farm-viewport .farm-plot[data-state="4"],.farm-cursores .farm-viewport .farm-plot[data-state="5"],.farm-cursores .farm-viewport .farm-tree.is-pronta{cursor:var(--farm-cur-mao)}
.farm-cursores .farm-viewport.is-dragging,.farm-cursores .farm-viewport.is-dragging *{cursor:var(--farm-cur-arrasto)!important}
.farm-cursores .farm-viewport.is-pinca,.farm-cursores .farm-viewport.is-pinca *{cursor:var(--farm-cur-pinca)!important}
.farm-pinca{position:absolute;z-index:8;pointer-events:none;font-size:30px;line-height:1;transform:translate(-50%,-60%);filter:drop-shadow(0 2px 2px #0006);animation:farm-pinca .55s ease-out forwards}
@keyframes farm-pinca{0%{opacity:0;transform:translate(-50%,-60%) scale(1.3)}25%{opacity:1;transform:translate(-50%,-60%) scale(.82)}60%{opacity:1;transform:translate(-50%,-100%) scale(1)}100%{opacity:0;transform:translate(-50%,-145%) scale(.9)}}
@media(prefers-reduced-motion:reduce){.farm-pinca{animation-duration:.01s}}

/* O JOGO EM CAIXA NO COMPUTADOR (13/10/26, ordem do dono: *"hoje a tela está full, favor fazer ela ser boxed,
   mantendo a opção da pessoa clicar em tela cheia, mas nativo será boxed retangular"*). O retângulo fica no meio
   da área do site, com respiro em volta; o "Tela cheia" leva o jogo à tela inteira, sem borda. */
@media(min-width:900px){
    .farm:not([data-user="0"]){display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:clamp(14px,2.4vw,36px)}
    .farm-workspace{width:100%;max-width:1440px;max-height:880px;box-sizing:border-box;border:1px solid var(--farm-line);border-radius:20px;overflow:hidden;background:var(--farm-paper);box-shadow:0 18px 50px rgba(15,30,15,.22)}
    .farm-workspace:fullscreen{max-width:none;max-height:none;border:0;border-radius:0;box-shadow:none}
}
/* O fazendeiro mascarado (14/10/26): o aviso de quem roubou desde a última visita. */
.farm-ladrao{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:#0b140fb3}.farm-ladrao__caixa{width:min(440px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--farm-paper);color:var(--text);border:1px solid var(--farm-line);border-radius:22px;padding:18px 20px 20px;text-align:center;box-shadow:0 24px 60px #0007}.farm-ladrao__arte{display:block;width:220px;max-width:70%;height:auto;margin:0 auto 4px}@media(prefers-reduced-motion:no-preference){.farm-ladrao__arte{animation:farm-ladrao-foge 1.1s ease-in-out infinite alternate}@keyframes farm-ladrao-foge{from{transform:translateX(8px) rotate(1deg)}to{transform:translateX(-8px) rotate(-1deg)}}}.farm-ladrao h2{font-size:21px;margin:4px 0 6px;letter-spacing:-.02em}.farm-ladrao p{font-size:13px;color:var(--text-2);line-height:1.5;margin:0 0 12px}.farm-ladrao ul{list-style:none;margin:0 0 14px;padding:0;text-align:left;display:grid;gap:8px}.farm-ladrao li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--farm-line);border-radius:14px;padding:10px}.farm-ladrao li>img,.farm-ladrao li>span{width:40px;height:40px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;background:var(--accent-soft,#6a963323);font-weight:700}.farm-ladrao li strong{display:block;font-size:14px}.farm-ladrao li small{display:block;font-size:12px;color:var(--text-2);line-height:1.45;margin-top:2px}.farm-ladrao li time{display:block;font-size:11px;color:var(--text-2);margin-top:2px}.farm-ladrao li .farm-action{width:auto;margin:0;padding:8px 12px}.farm-ladrao .btn{width:100%}
.farm-ladrao__compartilhar{display:block;width:100%;margin:0 0 8px;padding:11px;border-radius:12px;border:1.5px solid var(--accent,#4070B0);background:transparent;color:var(--accent,#4070B0);font-weight:700;font-size:14px}
.farm-ladrao__cesta{font-size:64px;line-height:1.1;margin:4px 0}.farm-ladrao__seguro{display:flex;gap:10px;align-items:center;text-align:left;background:#2e7d321f;border-radius:14px;padding:12px;margin:0 0 12px}.farm-ladrao__seguro span{font-size:28px}.farm-ladrao__seguro strong{display:block;color:#2E7D32;font-size:15px}.farm-ladrao__seguro small{display:block;font-size:12.5px;color:var(--text)}.farm-ladrao li.farm-ladrao__titulo{display:block;border:0;padding:4px 2px 0;font-weight:700;font-size:13.5px}
