@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&display=swap";#crosshair,#target-label,#vitals,#desktop-help{pointer-events:none}body.touch #inventory-button.floating{top:80px;bottom:auto;right:18px}:root{font-family:Manrope,system-ui,sans-serif;color:#f3f6eb;background:#9cc7db;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #ffffff25;background:#ffffff0c;border-radius:12px;padding:12px 18px;touch-action:none}button:hover{background:#ffffff20}button:disabled{opacity:.4;cursor:default}button:focus-visible{outline:2px solid #c3eb91}canvas{display:block;width:100vw;height:100dvh}[hidden]{display:none!important}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0b191b80;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);z-index:20;padding:20px}.welcome-card,.panel,.inventory-panel{background:linear-gradient(145deg,#1a3028f5,#101e20f5);border:1px solid #bed9ab38;border-radius:24px;box-shadow:0 24px 100px #0005}.welcome-card{width:min(560px,100%);text-align:center;padding:40px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:3px;color:#b6d897}h1{font-size:clamp(38px,8vw,68px);letter-spacing:-4px;margin:16px 0 4px;font-weight:800}h1 span,header b span{color:#c4ed95}p{color:#b5c2ba;line-height:1.6}h2{font-size:28px;margin:8px 0 12px}h3{font-size:14px;color:#c7d9bf}.features{display:flex;justify-content:center;gap:18px;font-size:11px;margin:28px 0;color:#d5e5cc}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.mode{text-align:left;padding:16px 12px}.mode b{display:block;font-size:13px}.mode small{display:block;font-size:10px;color:#aebfaf;margin-top:7px;line-height:1.5}.mode.active{border-color:#c4ed95;background:#b9df8915}.primary{background:#c4ed95;color:#17291d;border:0;font-weight:800;width:100%;padding:17px}.primary:hover{background:#d5f5b5}.primary span{float:right}.hint{font-size:11px;line-height:1.7;color:#94aa9c}#save-info{font-size:10px;color:#b7d5a2}.panel{padding:30px;width:min(410px,100%)}.panel>button{display:block;width:100%;margin:10px 0}.danger{color:#efb2a0}header{position:fixed;top:20px;left:24px;right:24px;display:flex;align-items:center;gap:20px;text-shadow:0 2px 8px #0008}header b{letter-spacing:-1px;font-size:20px}#world-info{font-size:11px;flex:1;color:#fff}#menu-button{background:#14271c77}#crosshair{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);font-size:26px;font-weight:400;text-shadow:0 1px 3px #000}#target-label{position:fixed;top:55%;width:100%;text-align:center;font-size:12px;text-shadow:0 2px 4px #000}#hotbar{position:fixed;bottom:34px;left:50%;transform:translate(-50%);display:flex;gap:4px;padding:7px;background:#13241bc9;border:1px solid #ffffff25;border-radius:14px}.slot{position:relative;width:53px;height:53px;padding:6px;border-radius:7px;border-color:transparent}.slot.selected{background:#c4ed9533;border-color:#d0f3ac;transform:translateY(-3px)}.swatch{width:28px;height:28px;display:inline-block;image-rendering:pixelated;border-radius:3px;box-shadow:inset -5px -5px #0003,inset 3px 3px #ffffff20}.slot small{position:absolute;bottom:1px;right:4px;font-size:10px}.slot em{position:absolute;left:4px;top:1px;font-size:8px;font-style:normal;opacity:.55}#vitals{position:fixed;bottom:106px;left:50%;transform:translate(-50%);text-align:center}#hearts{font-size:21px;color:#ff7773;text-shadow:0 2px 3px #000;letter-spacing:3px}#mode-label{font-size:10px;text-shadow:0 1px 3px #000}#desktop-help{position:fixed;bottom:9px;text-align:center;width:100%;font-size:10px;text-shadow:0 1px 4px #000}.floating{position:fixed;bottom:40px;right:24px;background:#14271cbf}.floating span{font-size:11px}#toast{position:fixed;top:100px;left:50%;transform:translate(-50%);background:#14271cdd;padding:12px 20px;border-radius:10px;font-size:13px;opacity:0;transition:opacity .2s;pointer-events:none}#toast.visible{opacity:1}.inventory-panel{width:min(900px,100%);padding:28px;max-height:90dvh;overflow:auto;touch-action:pan-y}.panel-heading{display:flex;justify-content:space-between;align-items:center}.inventory-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}#bag{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.bag-item{padding:8px 4px;font-size:10px}.bag-item .swatch{display:block;margin:0 auto 6px}.recipe{display:flex;align-items:center;gap:8px;border-bottom:1px solid #ffffff12;padding:9px 0}.recipe div{flex:1}.recipe b{font-size:12px}.recipe small{display:block;font-size:10px;line-height:1.6;color:#99ad9c}.recipe button{font-size:11px;padding:8px}#equipment{font-size:12px;color:#c4ed95}#touch-controls{display:none}body.touch #touch-controls{display:block}body.touch #desktop-help{display:none}#stick{position:fixed;bottom:105px;left:28px;width:116px;height:116px;border:2px solid #ffffff33;border-radius:50%;background:#13271b38;touch-action:none}#stick-knob{position:absolute;left:35px;top:35px;width:42px;height:42px;border-radius:50%;background:#efffe86b;border:1px solid #fff8;pointer-events:none}#touch-actions{position:fixed;bottom:105px;right:18px;display:grid;grid-template-columns:repeat(2,66px);gap:9px}#touch-actions button{height:62px;padding:6px;background:#14271c66;font-size:23px}#touch-actions small{display:block;font-size:9px}#jump-button{grid-column:2}body.touch .floating{bottom:246px;right:18px}body.touch .floating span{display:none}@media(max-width:600px){.welcome-card{padding:26px 20px}.features{gap:10px;font-size:9px}.slot{width:34px;height:41px;padding:3px}.slot .swatch{width:23px;height:25px}#hotbar{gap:1px;bottom:max(15px,env(safe-area-inset-bottom))}#vitals{bottom:80px}header{top:12px;left:14px;right:14px;gap:12px}header b{font-size:16px}#world-info{font-size:9px}.inventory-columns{grid-template-columns:1fr;gap:12px}.inventory-panel{padding:18px}#bag{grid-template-columns:repeat(5,1fr)}.overlay{padding:12px}h2{font-size:23px}}@media(max-height:550px){.welcome-card{padding:16px 25px}h1{font-size:40px;margin:5px}.features{margin:12px}.welcome-card p{margin:8px}.mode{padding:10px}.welcome-card .hint{display:none}#stick{bottom:85px;width:100px;height:100px}#stick-knob{left:27px;top:27px}#touch-actions{bottom:85px}body.touch .floating{bottom:230px}.overlay{padding:10px}}