@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#fffef2;font-synthesis:none;--lime:#d6ee9c;--ink:#23382f;--muted:#bcc5b9}*{box-sizing:border-box}html,body,#game{margin:0;width:100%;height:100%;overflow:hidden}body{background:#8eb9ca}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button{transition:background .15s,transform .15s}button:hover{filter:brightness(1.1)}button:active{transform:translateY(1px)}[hidden]{display:none!important}#world{display:block;width:100%;height:100%;touch-action:none;outline:none}.vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 150px #142e3230}#underwater{position:absolute;inset:0;pointer-events:none;background:#07578170;display:none;box-shadow:inset 0 0 120px #043c70}.topbar{position:absolute;inset:0 0 auto;height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 46px;z-index:4;text-shadow:0 1px 10px #1d303760;background:linear-gradient(#13342630,transparent)}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-size:23px;font-weight:800;letter-spacing:-1px}.brand-light{font-weight:400;opacity:.7}.brand-mark{display:grid;place-items:center;border:2px solid #fff9;width:32px;height:32px;font-size:24px;font-family:'Barlow Condensed',sans-serif;transform:skewY(-7deg)}.brand small{font-size:10px;letter-spacing:1.8px;font-weight:500;border:1px solid #fff4;border-radius:3px;padding:6px 8px;margin-left:7px}.world-info{display:flex;align-items:center;gap:13px;font-size:12px;letter-spacing:.3px;color:#fffef0dd}.sun-symbol{font-size:23px;color:#f5ebbb}.separator{height:14px;width:1px;background:#fff5}.icon-button{width:36px;height:36px;border:1px solid #fff6;background:#18352835;border-radius:6px;font-size:17px}.overlay{position:absolute;inset:0;z-index:3}#start-screen{background:linear-gradient(90deg,#0c2819aa 0%,#112c1c30 48%,transparent 85%)}.start-content{position:absolute;left:8%;top:24%;width:440px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.7px;color:var(--lime);display:flex;align-items:center;gap:10px}.eyebrow>span{width:7px;height:7px;background:var(--lime)}h1{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-size:clamp(90px,10.5vw,154px);font-weight:800;line-height:.84;letter-spacing:-4px;margin:30px 0 28px;text-shadow:0 5px 0 #1a302480}h1>span{color:var(--lime)}h1 i{display:block;font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:6px;font-weight:500;font-style:normal;line-height:1.5;margin:18px 0 0 5px;color:#d4e1cb}p.intro{font-size:24px;line-height:1.45;letter-spacing:-.7px;color:#f4f5e8;margin:0 0 28px}.primary-button{display:flex;align-items:center;justify-content:space-between;border:0;border-radius:5px;background:var(--lime);color:var(--ink);height:58px;padding:0 23px;font-size:15px;font-weight:700;width:100%;box-shadow:0 4px 0 #111e2140}.primary-button span:last-child:not(:first-child){font-size:23px;font-weight:400}.start-content .primary-button{width:306px}.start-meta{display:flex;gap:10px;font-size:11px;margin-top:19px;color:#e0e8d7b8}.start-meta>span+span:before{content:'·';padding-right:10px}.guide-card{position:absolute;right:5%;bottom:18%;width:312px;padding:23px 24px 19px;border:1px solid #eaf7df35;border-radius:8px;background:#183324a6;backdrop-filter:blur(16px);box-shadow:0 8px 30px #182e1910}.guide-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.5px;color:#d7e7cb;margin-bottom:18px}.guide-heading span+span{opacity:.6;font-size:9px}.guide-row{display:flex;justify-content:space-between;align-items:center;min-height:39px;font-size:12px;color:#edf0e8}.guide-row>div{display:flex;align-items:center;gap:4px}.guide-row small{font-size:10px;color:#c1cebc;margin-left:3px}kbd{display:inline-grid;place-items:center;min-width:22px;height:24px;border:1px solid #f3fce340;border-bottom-width:2px;border-radius:3px;padding:0 4px;font:11px 'DM Sans',sans-serif;color:#edf2de;background:#e6edd20d}.wide{padding:0 9px}.key-text{font-size:11px;color:#d9e4d2}.guide-foot{border-top:1px solid #e1e9d51c;padding-top:14px;margin-top:13px;font-size:10px;line-height:1.6;color:#ced7c6}.start-footer{position:absolute;bottom:32px;left:46px;right:46px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.4px;color:#e7efdfb3}.start-footer span:last-child{letter-spacing:0;display:flex;align-items:center;gap:9px}.little-square{width:5px;height:5px;background:var(--lime);opacity:.8}#crosshair{position:absolute;top:50%;left:50%;width:18px;height:18px;transform:translate(-50%,-50%);pointer-events:none;display:none;z-index:2;filter:drop-shadow(0 1px 1px #000a)}#crosshair:before,#crosshair:after{content:'';position:absolute;background:#ffffffc9}#crosshair:before{width:2px;height:16px;left:8px;top:1px}#crosshair:after{width:16px;height:2px;left:1px;top:8px}#target-info{position:absolute;top:calc(50% + 28px);left:50%;transform:translateX(-50%);font-size:11px;text-shadow:0 1px 3px #000;opacity:.85;pointer-events:none}#toast{position:absolute;top:110px;left:50%;transform:translate(-50%,-10px);opacity:0;transition:.2s;z-index:9;pointer-events:none;background:#203c32ec;border:1px solid #eaf5ce40;padding:12px 20px;border-radius:5px;font-size:13px;max-width:90vw;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}#hud{position:absolute;inset:0;pointer-events:none;z-index:2}#hotbar{display:flex;position:absolute;bottom:27px;left:50%;transform:translateX(-50%);padding:5px;background:#1c2a24b3;border:1px solid #f4fae64a;border-radius:7px;gap:4px;box-shadow:0 8px 30px #11221525;pointer-events:auto}.slot{position:relative;width:53px;height:55px;border:1px solid #f2fad721;border-radius:3px;background:#ecf2d515;display:grid;place-items:center;padding:8px}.slot.active{background:#ddeda947;border:2px solid var(--lime);box-shadow:0 0 0 1px #213128}.slot-number{position:absolute;left:4px;top:2px;font-size:9px;color:#fff9}.block-icon{width:34px;height:36px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 3px 1px #0004)}#selected-name{position:absolute;bottom:103px;left:50%;transform:translateX(-50%);font-size:14px;text-shadow:0 2px 5px #000b;letter-spacing:.3px}.bottom-hint{position:absolute;bottom:43px;left:36px;display:flex;gap:15px;font-size:11px;align-items:center;text-shadow:0 1px 3px #0008}.bottom-hint>span{display:flex;gap:6px;align-items:center}.bottom-right{position:absolute;right:36px;bottom:39px;display:flex;flex-direction:column;text-align:right;gap:7px;font-size:9px;letter-spacing:1.3px;color:#f7f9eec9}.bottom-right span+span{opacity:.65;font-size:9px}.modal-overlay{background:#14251cb0;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:6}.panel{background:#24372f;border:1px solid #e2eac32b;border-radius:10px;padding:32px;box-shadow:0 24px 100px #06170b66;max-height:95dvh;overflow-y:auto}.pause-panel{width:410px}.panel h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:43px;letter-spacing:-.5px;line-height:1.1;margin:16px 0 12px;font-weight:600}.panel p{font-size:14px;line-height:1.6;color:#bfcbbb;margin:0 0 23px}.panel .eyebrow{font-size:9px;letter-spacing:2px}.secondary-button{width:100%;height:46px;background:#eef2da0b;border:1px solid #e1e7cc2b;border-radius:4px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;font-size:13px;margin-top:12px}.settings{display:flex;flex-direction:column;gap:18px;border-top:1px solid #e1e7cc1c;border-bottom:1px solid #e1e7cc1c;margin:24px 0 19px;padding:22px 0}.settings label{font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.settings input{accent-color:var(--lime);max-width:140px}.settings select{max-width:130px;font-size:12px;background:#354c3d;color:#fff;border:1px solid #aec8a344;border-radius:3px;padding:5px}.pause-actions{display:flex;justify-content:space-between}.pause-actions button{border:0;background:transparent;padding:0;font-size:11px;color:#cbd5bf}.save-status{font-size:10px;color:#9bb78b;margin-top:24px;text-align:center}.panel p.pause-help{font-size:10px;line-height:1.8;margin:15px 0 0;text-align:center;color:#bdcab1a8}.inventory-panel{width:660px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.close-button{background:transparent;border:1px solid #edf9cf30;border-radius:4px;font-size:24px;width:32px;height:32px;line-height:24px}#inventory-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.inventory-item{height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#e4edc80c;border:1px solid #e0edc925;border-radius:4px;padding:6px}.inventory-item:hover{background:#d3e5b52b;border-color:var(--lime)}.inventory-item img{width:39px;height:40px}.inventory-item span{font-size:10px;line-height:1.2}.inventory-item.active{border-color:var(--lime);background:#c9de9e24}.inventory-footer{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:11px;color:#b3c2a9}.seed-label{display:block;font-size:12px;color:#c7d6bb;margin:20px 0 8px}#seed{width:100%;border:1px solid #d7e5bc40;border-radius:4px;background:#1b2e23;color:#fff;padding:13px;margin-bottom:22px}#loading{position:absolute;inset:0;background:#24382e;z-index:20;display:flex;align-items:center;justify-content:center;gap:15px;font-size:14px;color:#dfedc9;transition:opacity .4s}.loading-cube{height:18px;width:18px;background:var(--lime);animation:turn 1.5s infinite}@keyframes turn{50%{transform:rotate(90deg);border-radius:5px}100%{transform:rotate(180deg)}}#touch-controls{position:absolute;inset:0;pointer-events:none;z-index:2}.touch-pad{position:absolute;bottom:120px;left:22px;display:grid;grid-template:repeat(2,45px)/repeat(3,45px);gap:5px}.touch-pad button,.touch-actions button{pointer-events:auto;border:1px solid #fff5;background:#29453788;border-radius:5px;touch-action:none}.touch-pad button:first-child{grid-column:2}.touch-pad button:nth-child(2){grid-column:1;grid-row:2}.touch-pad button:nth-child(3){grid-column:2;grid-row:2}.touch-pad button:nth-child(4){grid-column:3;grid-row:2}.touch-actions{position:absolute;bottom:115px;right:20px;width:120px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.touch-actions button{height:40px;font-size:10px}.playing .topbar{pointer-events:none}.playing .topbar button{pointer-events:auto}.playing .brand{pointer-events:auto}.playing .topbar{height:75px}.playing .brand{font-size:18px}.playing .brand small{display:none}.playing .brand-mark{width:26px;height:26px;font-size:19px}
@media(min-width:1600px){.start-content{top:27%}.guide-card{bottom:22%}}
@media(max-height:700px) and (min-width:850px){.start-content{top:23%}h1{font-size:102px;margin-top:20px;margin-bottom:20px}.intro{font-size:20px!important}.guide-card{bottom:15%}.topbar{height:80px}.start-footer{bottom:20px}}
@media(max-width:1000px){.topbar{padding:0 25px}.guide-card{right:4%;width:278px;padding:20px}.start-content{left:6%;width:350px}.bottom-hint{bottom:110px;left:25px}.bottom-right{bottom:110px;right:25px}.world-info{font-size:11px}.start-footer{left:25px;right:25px}}
@media(max-width:760px){.topbar{height:72px;padding:0 20px}.brand{font-size:20px}.brand small{display:none}.world-info{display:none}.start-content{top:23%;left:8%;width:84%}h1{font-size:clamp(88px,20vw,140px)}.eyebrow{font-size:9px;letter-spacing:1.8px}.intro{font-size:23px!important}.guide-card{display:none}.start-footer{left:8%;right:8%;bottom:22px;font-size:8px}.start-footer>span:first-child{display:none}.start-meta{font-size:10px}.start-content .primary-button{width:min(100%,330px)}#hotbar{bottom:18px;gap:3px;padding:4px;max-width:calc(100% - 18px)}.slot{width:clamp(30px,9vw,48px);height:46px;padding:4px}.block-icon{width:28px;height:31px}.bottom-hint{display:none}.bottom-right{bottom:82px;right:15px}#selected-name{bottom:85px;font-size:12px}.panel{padding:23px}.inventory-panel{width:100%}#inventory-grid{grid-template-columns:repeat(4,1fr);gap:6px}.inventory-item{height:80px}.inventory-item span{font-size:9px}.inventory-panel p{font-size:12px}.inventory-footer{font-size:9px}.modal-overlay{padding:12px}.panel h2{font-size:36px}}
@media(max-height:500px){.start-content{top:22%;left:7%}h1{font-size:70px;margin:16px 0}h1 i{font-size:8px;margin-top:10px}.intro{font-size:17px!important;margin-bottom:15px!important}.start-content .primary-button{height:44px}.start-meta{margin-top:12px}.start-footer{display:none}.guide-card{display:none}.topbar{height:64px}.panel{max-height:92dvh}}

/* Keep the material names and control guide readable at normal scale. */
.guide-card{width:340px}.guide-row{font-size:14px;min-height:42px}.guide-row small,.key-text{font-size:12px}.guide-foot{font-size:12px}.inventory-item span{font-size:12px}.settings label{font-size:14px}.pause-actions button{font-size:12px}.seed-label{font-size:14px}.panel p.pause-help{font-size:12px}.bottom-hint{font-size:12px}.save-status{font-size:12px}
@media(max-width:1000px){.guide-card{width:300px}.guide-row{font-size:13px}.guide-row small,.key-text{font-size:11px}}
@media(max-width:760px){.inventory-item span{font-size:11px}.inventory-item{height:88px}}