*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#92bfd6;color:#fff;font-family:Arial,Helvetica,sans-serif}canvas{display:block;width:100vw;height:100dvh;touch-action:none}button,.fileBtn{font:inherit;color:inherit;cursor:pointer;border:1px solid #ffffff36;background:#182b28de;border-radius:5px;padding:10px 15px;transition:background .15s}button:hover,.fileBtn:hover{background:#365044}button:focus-visible,.fileBtn:focus-within{outline:3px solid #b8e978;outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}header{position:absolute;top:0;left:0;width:100%;padding:24px 30px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#183c4d77,transparent);pointer-events:none}.brand{font-size:23px;letter-spacing:2px;font-weight:900;text-shadow:0 2px 2px #234}.brand span{display:block;font-size:11px;letter-spacing:3px;margin-top:6px;color:#e0f1f5}.actions{display:flex;gap:8px;pointer-events:auto}kbd{font:12px monospace;padding:2px 5px;background:#ffffff17;border-radius:3px;margin-left:5px}#info{position:absolute;top:98px;left:30px;display:flex;gap:12px;font-size:12px;letter-spacing:1px;text-shadow:0 1px 3px #123}#health{color:#ffb39f}#cross{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:26px monospace;text-shadow:1px 1px #234;pointer-events:none}#target{position:absolute;top:55%;width:100%;text-align:center;font-size:14px;text-shadow:0 2px 4px #123;pointer-events:none}footer{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);text-align:center;max-width:100%}#selectedLabel{display:inline-block;font-size:14px;margin-bottom:12px;padding:6px 13px;border-radius:4px;background:#172925a6}#hotbar{display:flex;gap:5px;padding:7px;background:#172925d9;border:1px solid #fff3;border-radius:7px;box-shadow:0 5px 20px #0003}.slot{width:61px;height:61px;padding:5px;position:relative;border:2px solid transparent;background:#fff1}.slot.active{border-color:#c6f496;background:#acd77838;transform:translateY(-3px)}.swatch{display:block;width:27px;height:27px;margin:3px auto;box-shadow:inset -7px -7px #0003,inset 4px 4px #fff2;border-radius:2px}.slot small{position:absolute;left:4px;top:3px;font-size:11px;color:#d6e1de}.slot em{position:absolute;right:4px;bottom:1px;font-size:11px;font-style:normal}.hints{white-space:nowrap;font-size:12px;margin-top:12px;text-shadow:0 1px 3px #123}#shade{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#112d304d;backdrop-filter:blur(3px)}.panel{background:#142b26f2;border:1px solid #a9cabb44;border-radius:14px;padding:30px;width:460px;max-width:calc(100vw - 28px);max-height:90dvh;overflow:auto;box-shadow:0 24px 100px #10272266}.eyebrow{font-size:11px;letter-spacing:3px;color:#bde597;margin:0 0 16px}h1{font-size:70px;line-height:.87;letter-spacing:-4px;margin:0;font-weight:900}h1 span{color:#bde597}.intro{color:#cad8d0;margin:20px 0 24px;font-size:16px}.modeCards{display:flex;gap:9px;margin-bottom:15px}.modeCards button{flex:1;text-align:left;padding:13px 11px;background:#fff04d00}.modeCards strong{display:block;font-size:16px;margin-bottom:7px}.modeCards span{display:block;font-size:12px;line-height:1.4;color:#becfc7}.modeCards .chosen{border-color:#bde597;background:#bde59716}.primary{width:100%;background:#bde597;color:#203122;font-weight:bold;font-size:17px;padding:15px}.primary:hover{background:#d4f7b5}.instructions{font-size:12px;line-height:1.7;color:#b4c6bd;text-align:center}.menuBottom{display:flex;gap:6px;justify-content:center;border-top:1px solid #fff2;padding-top:16px}.menuBottom button,.fileBtn{padding:8px;font-size:12px;background:none}.fileBtn input{display:none}.local{font-size:12px;color:#a5bbb0;line-height:1.6;text-align:center;margin-bottom:0}.panelTop{display:flex;justify-content:space-between;align-items:center}h2{margin:0;font-size:28px}#craftPanel>p{font-size:14px;color:#c4d6cc;line-height:1.6}#inventory{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}#inventory span{background:#ffffff12;padding:6px 8px;font-size:12px;border-radius:4px}.recipe{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #fff2;padding:12px 0;align-items:center}.recipe strong{display:block;font-size:15px}.recipe small{display:block;color:#aec4b6;margin-top:5px}.recipe button{font-size:13px}#toast{position:absolute;top:135px;left:50%;transform:translateX(-50%);padding:10px 18px;background:#172925e8;border-radius:5px;opacity:0;transition:opacity .2s;font-size:14px;pointer-events:none;max-width:90vw;text-align:center}#touch{display:none;position:absolute;bottom:140px;width:100%;justify-content:space-between;padding:14px;pointer-events:none}#touch button{pointer-events:auto;touch-action:none;padding:15px;background:#172925a8}.pad{text-align:center}.pad div{display:flex;gap:4px;margin-top:4px}.touchActions{display:flex;flex-direction:column;gap:5px}body.touch #touch{display:flex}body.touch .hints{display:none}[hidden]{display:none!important}@media(max-width:650px){header{padding:15px}.brand{font-size:17px}.brand span{font-size:9px}.actions button{padding:8px;font-size:12px}kbd{display:none}#info{top:75px;left:15px}.slot{width:39px;height:48px}.swatch{width:23px;height:23px}#hotbar{gap:2px;padding:4px}.hints{display:none}.panel{padding:23px}h1{font-size:59px}footer{bottom:15px}#selectedLabel{margin-bottom:6px}}