:root{--ink:#294331;--green:#527446;--paper:#fffdf4;--line:#d9e1cc}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#cadbbf;color:var(--ink);font:14px 'DM Sans',sans-serif}button{font:inherit;cursor:pointer;color:inherit}button:hover{filter:brightness(.97)}button:focus-visible,a:focus-visible{outline:3px solid #bc934a;outline-offset:3px}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}#world{position:fixed;inset:0}#world canvas{display:block;width:100%;height:100%}.panel{background:#fffdf5f0;border:1px solid #ffffffe0;border-radius:11px;box-shadow:0 5px 24px #334b2a17}header{position:absolute;inset:0 0 auto;height:86px;padding:0 34px;background:#fffdf6f5;border-bottom:1px solid #fff;display:flex;justify-content:space-between;align-items:center;z-index:3}.logo{display:flex;gap:11px;align-items:center;color:var(--ink);text-decoration:none;font:600 23px 'Playfair Display',Georgia,serif;letter-spacing:3px}.emblem{font-size:43px;color:#638454}.logo small{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:4px;margin-top:4px}nav{display:flex;gap:22px;align-self:stretch}nav button{border:0;border-bottom:3px solid transparent;background:transparent;font-size:12px;color:#7b8871;font-weight:600;padding:0 10px}nav .active{border-bottom-color:#638454;color:#45653b}.collection{background:#fffdf5;border:1px solid #cfd8c1;border-radius:8px;padding:11px 15px;display:flex;gap:9px;align-items:center}.language-picker{display:flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid #cfd8c1;border-radius:8px;background:#fffdf5;font-size:12px}.language-picker select{border:0;background:transparent;font:inherit;color:inherit;outline:none}.location{position:absolute;top:117px;left:34px;pointer-events:none}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.6px;display:flex;align-items:center;gap:7px}.live-dot{width:6px;height:6px;display:inline-block;background:#759964;border-radius:50%}h1{font:500 34px 'Playfair Display',Georgia,serif;letter-spacing:-.8px;margin:9px 0}.location p{font-size:11px;color:#607753;margin:0}.weather{font-size:10px;color:#6b805c;margin-top:14px;display:flex;gap:15px}.resources{position:absolute;right:34px;top:111px;display:flex;gap:25px;padding:13px 20px;background:#fffdf3ed;border:1px solid white;border-radius:10px;transform:scale(.75);transform-origin:top right}.resources>div{display:flex;align-items:center;gap:9px}.resources small{display:block;font-size:8px;letter-spacing:1.2px;color:#8d967f}.resources b{display:block;font-size:17px;margin-top:3px}.resources img{width:31px;height:39px;object-fit:contain}.gold-icon,.gem-icon{font-size:26px}.gold-icon{color:#bc9644}.gem-icon{color:#a17ab2}.camera-controls{position:absolute;left:34px;top:260px;display:flex;gap:4px;align-items:center;padding:5px 8px}.camera-controls button{border:0;background:transparent;width:29px;height:29px;font-size:19px;border-radius:5px}.camera-controls button:hover{background:#e4ebd8}.fixed-angle{font-size:9px;color:#849273;margin:0 5px}.divider{height:18px;border-left:1px solid #d8dfce;margin:0 4px}.minimap{position:absolute;right:34px;bottom:136px;padding:13px;width:206px}.minimap .eyebrow{font-size:7px}.minimap canvas{width:180px;height:124px;margin:8px 0;display:block;border-radius:5px}.minimap>small{font-size:9px;color:#7e8f70}#nameplates{position:fixed;inset:0;pointer-events:none}.npc-label{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;min-width:110px;max-width:150px;padding:6px 12px;background:#fffdf4f5;border:1px solid #b7c8a5;border-top:3px solid var(--npc-color);border-radius:8px;box-shadow:0 3px 12px #34522e26;line-height:1.3;text-align:center;white-space:nowrap;color:#203b29}.npc-label b{display:block;font-size:14px;font-weight:700;letter-spacing:.15px}.npc-label span{display:block;font-size:10px;font-weight:600;color:#4b6449;margin-top:2px}.seed-bar{position:absolute;bottom:110px;left:50%;transform:translateX(-50%);padding:12px 15px;width:340px}.seed-heading{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.seed-heading>span{font-size:8px;letter-spacing:1.8px;font-weight:700;color:#697f57}.seed-heading>small{font-size:9px;color:#8b987c}.seed-options{display:flex;gap:9px}.seed-options>button{position:relative;flex:1;border:1px solid #dde2d1;background:#f1f3e7;border-radius:9px;display:flex;align-items:center;flex-direction:column;gap:2px;padding:5px 8px 8px}.seed-options>button.selected{border-color:#90a976;background:#e2ebd5;box-shadow:inset 0 0 0 1px #c3d1ae}.seed-options img{width:52px;height:65px;object-fit:contain;filter:drop-shadow(0 2px 2px #4b583425)}.seed-options>button>span{font-size:11px;font-weight:600}.seed-count{position:absolute;right:6px;bottom:6px;font-size:9px;color:#7b8e6a}.seed-options kbd{position:absolute;top:5px;left:6px;font:8px 'DM Sans',sans-serif;color:#89997a}footer{position:absolute;left:34px;right:34px;bottom:23px;display:flex;align-items:center;justify-content:space-between;gap:20px}.farmer{display:flex;padding:11px 14px;gap:11px;align-items:center}.portrait{width:40px;height:40px;border-radius:50%;background:#e0e9d4;color:#688850;display:grid;place-items:center;font-size:30px}.farmer b{display:inline-block;font-size:11px}.farmer>div>span{font-size:9px;margin-left:8px;color:#9e956b}.xp-track{width:160px;height:5px;border-radius:4px;background:#e0e6d4;overflow:hidden;margin:8px 0 4px}.xp-track i{height:100%;display:block;background:#86a46b;width:0}.farmer small{font-size:8px;color:#89967a}.hotbar{display:flex;padding:6px;gap:6px}.hotbar button{position:relative;width:62px;height:62px;border:1px solid #dce2cf;background:#eef1e3;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.hotbar button:first-child{border-color:#a4bb8d;background:#dfe9d1}.hotbar button>span{font-size:26px;color:#73905c}.hotbar button>img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 2px 2px #4b583425)}.hotbar kbd{position:absolute;top:4px;left:5px;font:8px 'DM Sans',sans-serif;color:#899779}.hotbar small{font-size:9px;color:#7d8d70}.controls{font-size:9px;color:#637c55;display:flex;flex-direction:column;gap:8px}.controls kbd,.prompt kbd{font:8px 'DM Sans',sans-serif;background:#fffb;border:1px solid #fff8;border-radius:3px;padding:3px 5px;margin-right:5px}.prompt{position:absolute;bottom:300px;left:50%;transform:translateX(-50%);padding:11px 17px;border-radius:8px;background:#2c4637ed;color:#fff9df;border:1px solid #a6bf8d;font-size:11px;box-shadow:0 5px 18px #243b2b33;white-space:nowrap}.prompt kbd{color:#3d583c;background:#fff1d9}#toast{position:absolute;left:50%;top:100px;transform:translate(-50%,-12px);opacity:0;pointer-events:none;background:#fffdf4;padding:12px 18px;border:1px solid #dfdcc7;border-radius:8px;box-shadow:0 5px 26px #34522e22;max-width:92%;width:max-content;font-size:11px;text-align:center;transition:.2s;z-index:5}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{background:#fffdf4;color:var(--ink);border:1px solid #e7e5d5;border-radius:16px;width:620px;max-width:94%;max-height:90vh;padding:30px;box-shadow:0 24px 100px #23382f44;overflow:auto}dialog::backdrop{background:#233d2a66;backdrop-filter:blur(4px)}#close{position:absolute;right:12px;top:9px;font-size:26px;background:transparent;border:0;color:#87967b}dialog h2{font:500 30px 'Playfair Display',Georgia,serif;line-height:1.25;margin:10px 0}dialog h3{font-size:13px}dialog p{font-size:12px;line-height:1.85;color:#697d5c}dialog .eyebrow{font-size:8px;color:#9b895b}.primary,.secondary{font-size:11px;padding:11px 15px;border-radius:7px;border:0}.primary{background:#527447;color:#fff8df}.secondary{background:#f6f4e9;border:1px solid #d5dfc9;color:#607754}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap}.npc-dialog{display:flex;align-items:center;gap:20px}.npc-dialog>img{width:100px;height:100px;border-radius:14px;object-fit:contain;background:#e7eddd;border:1px solid #d6dfca}.npc-dialog h2{font-size:36px;margin:8px 0}.dialogue{font-size:14px;color:#3a5137;line-height:1.9;margin:20px 0}.seed-shop{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.seed-shop article{background:#f0f2e7;border:1px solid #dce4ce;border-radius:10px;padding:12px;text-align:center}.seed-shop img{width:100%;height:170px;object-fit:contain;filter:drop-shadow(0 4px 3px #485c3425)}.seed-shop h3{font:600 20px 'Playfair Display',Georgia,serif;margin:8px 0}.seed-shop p{font-size:10px;margin:5px 0 12px}.seed-shop button{font-size:10px;padding:9px;width:100%}.produce-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.produce-grid>div{background:#edf1e3;border:1px solid #dce3cd;padding:17px 9px;text-align:center;border-radius:9px}.produce-grid>div>span{font-size:36px;display:block;margin-bottom:10px}.produce-grid b{font-size:11px}.resident-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.resident-grid button{border:1px solid #d7e0ca;background:#eff2e6;border-radius:10px;padding:15px;display:flex;flex-direction:column;align-items:center;gap:5px}.resident-grid img{width:82px;height:82px;object-fit:contain}.resident-grid b{font-size:15px}.resident-grid small{font-size:11px;color:#718663}.contract{border:1px solid #dce4cf;border-radius:10px;padding:14px;background:#f0f3e7;margin:12px 0}.contract h3{margin:0;font-size:13px}.contract p{font-size:11px;margin:7px 0}.contract>div{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:10px}.contract small{font-size:10px;color:#869477}.contract button{font-size:10px;padding:9px 12px}progress{appearance:none;-webkit-appearance:none;background:#dce5cf;border:0;width:100%;height:5px;border-radius:5px;overflow:hidden}progress::-webkit-progress-bar{background:#dce5cf}progress::-webkit-progress-value{background:#8bab70}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.collectible-card{border:1px solid var(--rarity);border-radius:10px;padding:16px;text-align:center;background:linear-gradient(145deg,#fffaf0,#eaf0e1)}.collectible-seal{font-size:36px;color:var(--rarity);background:#294331;border:2px solid var(--rarity);border-radius:50%;width:60px;height:60px;display:grid;place-items:center;margin:0 auto 12px}.collectible-card h3{font:600 19px 'Playfair Display',Georgia,serif;margin:6px 0}.collectible-card p{font-size:10px;min-height:35px}.collectible-card small{display:block;font-size:9px;color:#899574;margin:7px 0}.collectible-card .dialog-actions{justify-content:center}.collectible-card button{font-size:9px;padding:8px 10px}#mobile{display:none}#loading{position:fixed;inset:0;background:#e9eedf;z-index:9;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .4s}.brand{font:500 36px 'Playfair Display',Georgia,serif;letter-spacing:5px}#loading p{font-size:12px;color:#7c8e70;margin-top:20px}
@media(max-width:1000px){header{padding:0 20px;height:75px}.logo{font-size:20px}.emblem{font-size:35px}.logo small{font-size:7px}nav{gap:8px}nav button{font-size:11px}.language-picker{padding:8px 10px;font-size:11px}.location{top:106px;left:20px}h1{font-size:28px}.location p{font-size:10px;max-width:190px}.resources{right:20px;top:95px;gap:15px;padding:11px 15px;transform:scale(.75)}.resources small{font-size:7px}.resources b{font-size:15px}.resources img{width:25px;height:32px}.camera-controls{left:20px;top:240px}.minimap{display:none}footer{left:20px;right:20px;bottom:16px}.controls{display:none}.farmer{padding:10px}.xp-track{width:130px}.farmer b{font-size:9px}.portrait{width:34px;height:34px}.hotbar button{width:53px;height:58px}.seed-bar{bottom:98px;width:318px;padding:10px 12px}.seed-options img{width:48px;height:60px}.seed-options>button{padding:4px 7px 7px}.seed-options>button>span{font-size:10px}.prompt{bottom:285px}}
@media(max-width:600px){header{padding:0 17px}.logo{font-size:20px;gap:8px;letter-spacing:2px}.logo small{letter-spacing:3px}.collection{padding:9px}.collection>span{display:none}.language-picker{padding:7px 8px;font-size:10px}.language-picker select{max-width:90px}nav{gap:5px}nav button{font-size:20px;padding:0 7px}nav button>span{display:none}.resources{left:18px;right:18px;top:88px;padding:9px 15px;justify-content:space-between;gap:10px;transform:scale(.75);transform-origin:top left}.resources small{font-size:6px}.resources b{font-size:14px}.resources img{width:24px;height:31px}.gold-icon,.gem-icon{font-size:24px}.location{top:151px;left:18px}.location .eyebrow{font-size:6px;letter-spacing:1.4px}h1{font-size:26px;margin:8px 0}.location p,.weather{display:none}.camera-controls{left:18px;top:205px;padding:4px 6px;gap:2px}.camera-controls button{width:27px;height:27px;font-size:18px}.seed-bar{bottom:92px;width:300px;padding:8px 10px}.seed-heading{gap:3px;margin-bottom:5px}.seed-heading>span{font-size:6px;letter-spacing:1.6px}.seed-heading>small{font-size:8px}.seed-options{gap:8px}.seed-options>button{padding:3px 7px 6px}.seed-options img{width:43px;height:54px}.seed-count{font-size:8px;right:5px;bottom:5px}.seed-options>button>span{font-size:10px}.farmer{display:none}.hotbar{margin-left:auto;padding:5px;gap:5px}.hotbar button{width:48px;height:54px}.hotbar button>span{font-size:24px}.hotbar small{font-size:8px}.hotbar button>img{width:25px;height:25px;object-fit:contain}footer{left:18px;right:18px;bottom:14px}.prompt{bottom:247px;font-size:10px;padding:10px 13px;max-width:93%;white-space:normal;width:max-content;text-align:center}#toast{top:80px;font-size:10px;max-width:92%}.npc-label{padding:5px 9px;min-width:103px;max-width:143px}.npc-label b{font-size:13px}.npc-label span{font-size:9px}#mobile{display:block;position:absolute;bottom:17px;left:18px;text-align:center}#mobile button{width:31px;height:31px;margin:2px;border:1px solid #ffffffe0;background:#fffdf5dc;border-radius:6px;font-size:16px;color:#789265}.seed-shop{gap:8px}.seed-shop article{padding:8px 5px}.seed-shop img{height:125px}.seed-shop h3{font-size:17px}.seed-shop p{font-size:9px}.seed-shop button{font-size:9px;padding:8px 5px}dialog{padding:25px 18px}dialog h2{font-size:26px}.npc-dialog{gap:13px}.npc-dialog>img{width:78px;height:78px}.npc-dialog h2{font-size:30px}.dialogue{font-size:13px}.collection-grid{gap:8px}.collectible-card{padding:11px}.collectible-card h3{font-size:16px}.collectible-card .dialog-actions{gap:6px}.produce-grid{gap:8px}.produce-grid>div{padding:12px 6px}.produce-grid b{font-size:10px}.produce-grid>div>span{font-size:30px}.contract>div{flex-wrap:wrap}}
@media(max-height:650px) and (min-width:601px){.location{top:99px}.camera-controls{top:217px}.seed-bar{bottom:92px}.seed-heading{display:none}.seed-options img{height:49px}.prompt{bottom:225px}}
@media(max-width:600px){.seed-heading{display:none}.seed-bar{bottom:82px;width:294px;padding:7px 10px}.seed-options img{height:46px;width:37px}.seed-options>button{padding:3px 7px 5px}.prompt{bottom:181px}.npc-label{min-width:89px;max-width:127px;padding:4px 7px}.npc-label b{font-size:13px}.npc-label span{font-size:9px;white-space:normal;max-width:112px}.npc-label:after{content:"";position:absolute;left:50%;bottom:-8px;width:1px;height:7px;background:#78936a}}

.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.guide-card{background:#f1f4e8;border:1px solid #d9e1cc;border-radius:12px;padding:14px}.guide-card img{width:100%;height:165px;object-fit:cover;border-radius:10px;background:#eef2e4;border:1px solid #d9e1cc}.guide-card h4{font:600 20px Georgia,serif;margin:10px 0 6px;color:#294331}.guide-card p,.guide-card li{font-size:11px;line-height:1.7;color:#5f7354}.guide-card ol,.guide-card ul{margin:8px 0 0 18px;padding:0}.guide-card .pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.guide-card .pill-row span{background:#fffdf4;border:1px solid #d7dfca;border-radius:999px;padding:6px 10px;font-size:10px;color:#5b6f53}.guide-callout{margin-top:16px;padding:12px 14px;border-radius:10px;background:#edf2e2;border:1px solid #d6dec8;font-size:11px;color:#59704f}.guide-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.guide-quick article{background:#f5f7ed;border:1px solid #d9e1cc;border-radius:10px;padding:10px;text-align:center}.guide-quick b{display:block;font-size:12px;margin:5px 0;color:#294331}.guide-quick small{display:block;font-size:10px;line-height:1.5;color:#627555}@media(max-width:600px){.guide-grid{grid-template-columns:1fr}.guide-card img{height:140px}.guide-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}