:root{--ink:#3b2919;--cream:#fff7d8;--paper:#f5e7b8;--paper-dark:#ead39a;--brown:#70472a;--brown-dark:#49301f;--green:#29482e;--green-dark:#18351f;--gold:#e8bd54}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#75905d url(/assets/farm-hero-BJcLPurk.png) center top/cover fixed;font-family:Noto Sans Thai,sans-serif}.hero{padding:8px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--cream);background:#29452ef2;border-bottom:4px solid var(--brown)}.hero>img{width:150px;height:auto;display:block;image-rendering:pixelated}.hero nav{margin-left:auto;display:flex;justify-content:flex-end;gap:6px}.hero nav a{padding:5px 12px;color:#f5e7bd;background:#18351fcc;border:1px solid #d7b75d;font-size:.64rem;font-weight:800;text-decoration:none}.hero nav a.active{color:#4c311d;background:#f0d176;box-shadow:2px 2px #694427}main{width:min(1400px,calc(100% - 28px));margin:22px auto 48px;display:grid;gap:22px}.room{overflow:hidden;background:var(--paper);border:3px solid var(--cream);outline:3px solid var(--brown);box-shadow:7px 7px #563821cc}.room>header{min-height:210px;padding:12px 18px;display:grid;grid-template-columns:330px 1fr minmax(390px,auto);align-items:center;gap:16px;color:var(--cream);background:linear-gradient(100deg,var(--green),#355d3a);border-bottom:3px solid var(--brown)}.room-scene{width:330px;height:186px;overflow:hidden;background:var(--green-dark);border:2px solid var(--gold);box-shadow:3px 3px #182b1a}.room-scene img{width:100%;height:100%;display:block;object-fit:cover;image-rendering:pixelated}.room-copy{min-width:0;display:flex;align-items:baseline;gap:14px}.room>header h2{margin:0;font-size:clamp(2rem,4vw,3.25rem);line-height:.95;text-shadow:3px 3px #203923}.room>header p{margin:0;color:#d7e7c7;font-size:.9rem;font-weight:700}.room-reward{min-width:0;padding:10px;display:grid;grid-template-columns:150px minmax(180px,1fr);align-items:center;gap:12px;background:var(--green-dark);border:2px solid var(--gold);box-shadow:3px 3px #182b1a}.room-reward img{width:150px;height:134px;object-fit:contain;image-rendering:pixelated;background:#f4e3ad;border:2px solid #c1954c}.room-reward strong{display:grid;color:#ffe18a;font-size:1rem;line-height:1.35}.room-reward strong span{margin-bottom:2px;color:#bcd3ad;font-size:.65rem}.bundles{padding:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;background:linear-gradient(#ffffff26,#fff0),var(--paper-dark)}.bundle{min-width:0;background:#fff9df;border:2px solid #a6753e;box-shadow:3px 3px #83562f}.bundle-title{padding:7px 9px;display:flex;justify-content:space-between;align-items:center;gap:8px;color:#fff8dd;background:#785534}.bundle-title h3{min-width:0;margin:0;display:flex;align-items:center;gap:7px;font-size:.82rem}.bundle-title h3 img{width:34px;height:34px;flex:0 0 auto;object-fit:cover;image-rendering:pixelated;border:1px solid #d6a95a}.bundle-title span{padding:2px 6px;color:#57381e;background:#f3d67d;border:1px solid #d2aa4c;font-size:.58rem;font-weight:800;white-space:nowrap}.items{padding:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:5px}.items-1{grid-template-columns:1fr}.items-3,.items-6,.items-9{grid-template-columns:repeat(3,minmax(0,1fr))}.items-5,.items-10{grid-template-columns:repeat(5,minmax(0,1fr))}.room-6 .bundles{grid-template-columns:repeat(4,minmax(0,1fr))}.item{min-width:0;height:82px;padding:5px 2px;display:grid;justify-items:center;align-content:start;gap:2px;text-align:center;background:#f1dfaa;border:1px solid #d0ae70}.item img{width:42px;height:42px;object-fit:contain;image-rendering:pixelated}.item span{max-width:100%;font-size:.58rem;line-height:1.2;overflow-wrap:anywhere}.item b{color:#a4532f;font-size:.55rem}footer{padding:18px max(20px,calc((100% - 1400px)/2));display:flex;justify-content:space-between;gap:20px;color:#e7d8aa;background:#253d27;border-top:4px solid var(--brown);font-size:.7rem}footer a{color:inherit;text-decoration:none;font-weight:700}@media(max-width:1050px){.room>header{grid-template-columns:240px 1fr}.room-scene{width:240px;height:150px}.room-reward{grid-column:1/-1;grid-template-columns:120px 1fr}.room-reward img{width:120px;height:104px}.bundles,.room-6 .bundles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.room>header{min-height:0;grid-template-columns:140px 1fr;gap:10px}.room-scene{width:140px;height:94px}.room-copy{justify-content:space-between}.room-reward{grid-column:1/-1;grid-template-columns:64px 1fr}.room-reward img{width:64px;height:58px}}@media(max-width:650px){.hero{padding:7px;gap:8px}.hero>img{width:105px}.hero nav a{padding:4px 7px;font-size:.56rem}main{width:calc(100% - 14px);margin-top:14px;gap:17px}.room{border-width:2px;outline-width:2px;box-shadow:4px 4px #563821cc}.room>header{padding:10px}.room>header h2{font-size:1.75rem}.room>header p{font-size:.7rem}.bundles{padding:8px;grid-template-columns:1fr;gap:8px}.room-6 .bundles{grid-template-columns:1fr}.items{grid-template-columns:repeat(4,minmax(0,1fr))}.items-3,.items-6,.items-9{grid-template-columns:repeat(3,minmax(0,1fr))}.item{height:78px}.item img{width:38px;height:38px}.item span{font-size:.55rem}footer{flex-direction:column}}