/* Illustrated world: unchanged six-by-six keyboard and touch placement grid. */
[data-page=play] .land{background:#79502f url('/yard-world-v36.webp') center top/100% 100% no-repeat;border:2px solid #725466;border-radius:5px;box-shadow:0 6px 0 #0f0c12,0 18px 40px #0005;isolation:isolate}
[data-page=play] .land-sky,[data-page=play] .land[data-theme=twilight] .land-sky{background:transparent;height:145px;padding:20px;align-items:start}
[data-page=play] .land-sky:after{display:none}[data-page=play] .land-sky .sign{font-size:20px;background:#19151def;border:2px solid #42d9d0;color:#f4ecd8;box-shadow:4px 4px #15121888;padding:9px 13px;max-width:66%;overflow-wrap:anywhere}
[data-page=play] .weather{font:700 9px Barlow,sans-serif;letter-spacing:.1em;padding:7px;background:#151218cc;color:#f4ecd8;border:1px solid #dfb67d66}
[data-page=play] .farm-toolbar{background:#151218e8;border:0;border-top:1px solid #f4ecd844;border-bottom:1px solid #f4ecd844;padding:10px 14px;font-size:11px;gap:8px}
[data-page=play] .farm-toolbar .button{padding:8px 10px;min-height:36px;font-size:11px}
[data-page=play] .board,[data-page=play] .land[data-theme] .board{background:transparent;min-height:0;padding:30px 24px 24px;gap:3px}
[data-page=play] .plot,[data-page=play] .land[data-theme] .plot,[data-page=play] .plot:nth-child(4n){background:transparent;border:1px solid transparent;box-shadow:none;border-radius:3px;aspect-ratio:1.12;min-height:44px;padding:0;overflow:visible}
[data-page=play] .plot.vacant{border-color:#f4ecd810}[data-page=play] .plot .empty{color:#f4ecd8;font-size:12px;opacity:.3}
[data-page=play] .plot:hover,[data-page=play] .plot:focus-visible{background:#15121844;border-color:#f4ecd899;transform:translateY(-2px)}
[data-page=play] .board.editing .plot{outline:1px dashed #f4ecd885;outline-offset:-2px;background:#15121822}[data-page=play] .board.editing .empty{opacity:.8}
[data-page=play] .plot.selected,[data-page=play] .plot.upgrade-preview{outline:2px solid #42d9d0;outline-offset:-2px;background:#42d9d022!important}
[data-page=play] .plot .object{display:flex;justify-content:center;align-items:end;position:absolute;inset:-13% -10% 8%;transform:none;filter:drop-shadow(0 6px 3px #120c0b99);pointer-events:none}
.yard-sprite{display:block;width:100%;aspect-ratio:1;background-repeat:no-repeat;background-position:var(--yard-x) var(--yard-y);background-size:400% 400%}
.yard-sprite.crafted{background-image:url('/yard-craft-v36.webp')}.yard-sprite.paid{background-image:url('/yard-paid-v36.webp');background-size:300% 200%}
[data-page=play] .plot small{background:#151218e8;color:#f4ecd8;font-size:9px;border-radius:2px;bottom:0;left:-5px;right:-5px;padding:3px 2px;z-index:1;border-bottom:1px solid #d1a67a77}
[data-page=play] .building-status{z-index:2;font-size:9px;background:#151218;color:#72edce;border:1px solid #42d9d0}
[data-page=play] .building-ready{filter:drop-shadow(0 0 5px #42d9d088)}
[data-page=play] .flock-yard{background:#19121ada;min-height:120px;border-top:1px solid #ba907377;gap:12px}
[data-page=play] .yard-chicken,[data-page=play] .yard-add{background:#302236;color:#f4ecd8;border:1px solid #81627c;border-radius:4px}
[data-page=play] .yard-chicken.chosen{border-color:#42d9d0}[data-page=play] .yard-chicken.harvest-ready{background:#304437;border-color:#73d9b0}
[data-page=play] .land-footer{background:#17131bea;color:#e0cfe0;font-size:11px;border-top:1px solid #614658}
[data-page=play] .side-panel{background:#211b28;color:#f4ecd8;border:1px solid #72516b;border-top:3px solid #42d9d0;padding:22px}
[data-page=play] .side-panel :is(h2,h3){color:#f4ecd8;font-family:Bangers,sans-serif}[data-page=play] .side-panel :is(p,.intro){color:#d8c6d6;line-height:1.65}
[data-page=play] .next-step{background:#2d2332;color:#f4ecd8;border:1px solid #987251;border-radius:4px;padding:18px}
[data-page=play] .next-step small{color:#f4d19a}[data-page=play] .side-panel .text-button{color:#83e2d7}
[data-page=play] .side-panel .world-message,[data-page=play] .side-panel .task,[data-page=play] .placement{background:#322638;color:#f4ecd8;border:1px solid #73596c;border-radius:4px}
[data-page=play] .inventory button{background:#302438;color:#f4ecd8;border-color:#7b5a75;border-radius:4px;max-width:120px}
[data-page=play] .inventory .yard-sprite{width:64px;margin:auto}[data-page=play] .inventory button.selected{outline-color:#42d9d0}
.building-portrait{width:160px;margin:0 auto 10px}[data-page=play] .item-art{background:#211b28;border-radius:3px;display:flex;justify-content:center;padding:16px;min-height:150px}
[data-page=play] .item-art .yard-sprite{max-width:180px}[data-page=play] .item-card{border-radius:5px;border-top:3px solid #f72585}
[data-page=play] .resource{padding:12px 16px;min-height:78px}[data-page=play] .resource small{line-height:1.4}
[data-page=play] .land[data-theme=twilight]{background-image:linear-gradient(#34216444,#0d162b55),url('/yard-world-v36.webp')}
[data-page=play] .land[data-theme=gold]{background-image:linear-gradient(#fab73522,#f4b94211),url('/yard-world-v36.webp')}
@media(max-width:650px){[data-page=play] .topline{gap:12px}[data-page=play] .topline .subtitle{font-size:13px}[data-page=play] .level-pill{padding:10px 12px}[data-page=play] .resource-bar{gap:6px;margin:16px 0}[data-page=play] .resource{padding:10px 8px;gap:6px;min-width:0;min-height:74px;flex:1;flex-direction:column;align-items:flex-start}[data-page=play] .resource>span{display:none}[data-page=play] .resource small{font-size:10px}[data-page=play] .resource strong{font-size:19px}[data-page=play] .resource-bar .alpha{display:none}[data-page=play] .yard-welcome{display:grid;grid-template-columns:54px 1fr;padding:12px;gap:9px;margin:14px 0}[data-page=play] .yard-welcome>img{width:54px;height:48px}[data-page=play] .yard-welcome h2{font-size:23px}[data-page=play] .yard-welcome p{font-size:12px;margin:4px 0}[data-page=play] .yard-welcome>.button,[data-page=play] .yard-welcome>.text-button{grid-column:1/-1;min-height:36px;padding:8px;font-size:11px}[data-page=play] .land-sky,[data-page=play] .land[data-theme=twilight] .land-sky{height:98px;padding:12px}[data-page=play] .land-sky .sign{font-size:16px}[data-page=play] .weather{font-size:7px}[data-page=play] .board{padding:20px 8px 16px;gap:2px}[data-page=play] .plot,[data-page=play] .land[data-theme] .plot{min-height:44px;aspect-ratio:1}[data-page=play] .plot small{font-size:7px;padding:2px 1px;left:-2px;right:-2px}[data-page=play] .side-panel{padding:18px}[data-page=play] .farm-toolbar>span{font-size:10px}[data-page=play] .flock-yard{min-height:108px;padding:14px 8px}[data-page=play] .land-footer{padding:12px;font-size:10px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){[data-page=play] .plot{transition:none}[data-page=play] .plot:hover{transform:none}}
[data-page=play] .side-panel{max-height:none;overflow:visible}[data-page=play] .side-panel .empty-state{color:#cbb9ca;line-height:1.7;padding:22px 10px}.yard-idle-chicken{display:block;width:70px;height:85px;margin:0 auto 12px}