:root{font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;color:#f3ecd8;background:#173e39;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,.filebutton{font:inherit;color:#eee9d9;background:#244c43;border:1px solid #557265;cursor:pointer;border-radius:10px;padding:10px 14px;touch-action:manipulation}button:hover,.filebutton:hover{background:#365f4f}button:focus-visible,canvas:focus-visible{outline:3px solid #f8d797;outline-offset:3px}button.active{background:#e2c791;color:#203e34;border-color:#f7e1b5}h1,h2,p{margin:0}h1{font-family:Georgia,serif;font-weight:400;font-size:26px;letter-spacing:.02em}#world{width:100vw;height:100dvh;min-height:440px;position:relative;isolation:isolate}canvas{width:100%;height:100%;display:block;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 160px #102f3155}.top{position:absolute;top:max(22px,env(safe-area-inset-top));left:28px;right:28px;display:flex;justify-content:space-between;pointer-events:none}.brand{display:flex;gap:12px;text-shadow:0 2px 12px #153a32;background:#193e37e8;border:1px solid #66806a;padding:10px 18px;border-radius:16px}.sprig{color:#d9cc9d;font-size:40px;line-height:1.1}#date{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#e1dfc4;margin-top:4px}.iconbtn{pointer-events:auto;height:42px}.resources{position:absolute;top:25px;left:50%;transform:translateX(-50%);display:flex;gap:0;border:1px solid #6c8268;background:#193e37ee;border-radius:14px;padding:9px 8px;box-shadow:0 4px 20px #15382f33}.resources span{padding:0 17px;display:flex;gap:3px;align-items:center;flex-direction:column}.resources b{font-family:Georgia,serif;font-size:22px;font-weight:400;color:#f9e1ac}.resources small{font-size:10px;color:#e4e5d0;text-transform:uppercase;letter-spacing:.08em}.bottom{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 28px)}.clockbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 6px 10px;color:#f0ecd5;font-size:12px;background:#193e37ed;border:1px solid #718568;border-radius:12px;padding:5px 8px 5px 12px}.time{display:flex;gap:3px}.time button{padding:5px 10px;font-size:12px;border:0;border-radius:6px}#center{padding:3px 8px;font-size:20px;border:0}.buildbar{display:flex;background:#193e37f5;border:1px solid #839273;border-radius:18px;padding:7px;box-shadow:0 12px 35px #14352b66;gap:5px}.buildbar button{width:77px;padding:8px 5px;border:1px solid transparent;background:transparent;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;white-space:nowrap}.buildbar button.active{background:#dfc897;color:#183b32;border-color:#f6e0b1}.buildbar .symbol{font-size:27px;line-height:30px}.buildbar small{font-size:10px}.hint{text-align:center;font-size:11px;color:#f7efda;background:#193e37e8;width:max-content;max-width:100%;padding:5px 12px;margin:8px auto 0;border-radius:20px}.zoom{position:absolute;left:25px;bottom:190px;display:flex;flex-direction:column;gap:4px}.zoom button{font-size:22px;padding:5px 11px}#notice{position:absolute;top:115px;left:50%;transform:translateX(-50%);background:#193e37f2;color:#fff1ca;border:1px solid #acac7e;border-radius:12px;padding:10px 16px;font-size:13px;max-width:85%;text-align:center;opacity:0;transition:opacity .2s;pointer-events:none}#notice.show{opacity:1}#inspector{position:absolute;right:25px;top:120px;width:245px;background:#173c35f5;border:1px solid #889c77;border-radius:16px;padding:18px;box-shadow:0 6px 30px #183f3566}#inspector h2{font:24px Georgia,serif;color:#ffe0a8;margin-bottom:8px}#inspector p{font-size:12px;line-height:1.6;margin:8px 0;color:#e8e7cf}#inspector button{font-size:12px;padding:6px 10px}#inspector .close{float:right;border:0;font-size:20px;background:none;padding:0 0 8px 8px}.pill{background:#395c49;border-radius:5px;padding:3px 6px;font-size:11px;color:#f0eaca}dialog{color:#f0ecd7;background:#193e37;border:1px solid #a2ac82;border-radius:20px;padding:24px;width:330px;box-shadow:0 20px 80px #071e24aa}dialog::backdrop{background:#071e2488;backdrop-filter:blur(5px)}.dialoghead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialoghead h2{font:25px Georgia,serif}.dialoghead button{border:0;font-size:25px;padding:0 5px}dialog>button,.filebutton{display:block;width:100%;margin:10px 0;text-align:center}.filebutton input{display:none}dialog p{font-size:12px;line-height:1.6;color:#e3e3c9}dialog .quiet{margin-top:20px;color:#d7ddc8;font-size:11px}@media(max-width:700px){.top{left:14px;right:14px;top:max(12px,env(safe-area-inset-top))}.brand{padding:8px 12px;gap:7px}h1{font-size:23px}.sprig{font-size:33px}#date{font-size:9px}.resources{top:94px;padding:8px 2px}.resources span{padding:0 16px}.resources b{font-size:19px}.resources small{font-size:8px}.buildbar{overflow-x:auto;max-width:calc(100vw - 20px);gap:1px;padding:5px;border-radius:14px}.buildbar button{min-width:58px;width:58px;padding:7px 2px;font-size:10px}.buildbar .symbol{font-size:23px;line-height:25px}.bottom{bottom:max(10px,env(safe-area-inset-bottom));max-width:calc(100% - 20px)}.clockbar{margin:0 0 7px;gap:4px;font-size:10px}.time button{padding:5px 8px}.hint{font-size:9px;padding:4px 8px}#notice{top:165px;font-size:12px;width:max-content}#inspector{right:10px;top:165px;width:210px;padding:14px}.zoom{left:14px;bottom:190px}}
@media(max-width:700px){.bottom{bottom:max(34px,calc(env(safe-area-inset-bottom) + 10px))}}