*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Trebuchet MS,Arial,sans-serif;background:#78b5bf;color:#fff3d9}button{font:inherit;color:inherit;border:1px solid #c4a66c;border-radius:9px;background:linear-gradient(#4f5953,#283f3c);padding:10px 15px;cursor:pointer;touch-action:none;box-shadow:0 3px 0 #172d2d}button:hover,button:focus-visible{outline:2px solid #f9d47b;filter:brightness(1.15)}button.active,.primary{background:linear-gradient(#be914d,#805f32);border-color:#ffe0a1}#game,#world,#world canvas{display:block;width:100%;height:100%}header{position:absolute;top:18px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:start;pointer-events:none}.brand{width:210px;text-align:center}.brand img{width:100%;height:72px;object-fit:contain}.brand span{display:block;letter-spacing:3px;font-size:9px;text-shadow:0 2px 3px #153333}nav{display:flex;gap:8px;pointer-events:auto}#quest{position:absolute;top:120px;left:24px;width:260px;border:1px solid #c4a66c99;border-radius:14px;background:#243e39e8;padding:20px;pointer-events:none}.eyebrow{color:#f6cc7e;letter-spacing:2px;font-size:10px}h2{font-family:Georgia,serif;margin:10px 0;font-size:23px}p{line-height:1.55;font-size:14px;color:#e6e6d1}#progress{font-size:13px;line-height:1.8}small{display:block;color:#b9d1c2;font-size:11px;margin-top:14px}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.65;font-size:24px;pointer-events:none}#toolbar{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);background:#213a36ed;border:1px solid #b8a16d;border-radius:13px;padding:8px;display:flex;gap:12px}#modes,#materials{display:flex;gap:5px}#materials b{display:inline-block;margin-left:6px;color:#ffe1a0;min-width:20px}#message{position:absolute;top:22%;left:50%;transform:translateX(-50%);max-width:500px;background:#223c36ef;border:1px solid #e0ba76;padding:12px 20px;border-radius:12px;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s}footer{position:absolute;bottom:13px;left:0;width:100%;text-align:center;font-size:11px;text-shadow:0 1px 3px #123}#overlay{position:absolute;inset:0;display:grid;place-items:center;background:#102c3270;backdrop-filter:blur(5px)}#overlay section{width:min(570px,90vw);max-height:94dvh;overflow:auto;text-align:center;background:linear-gradient(150deg,#304e45f5,#162f30f5);border:2px solid #c9a566;border-radius:20px;padding:32px 38px;box-shadow:0 25px 80px #16353680}h1{font:48px Georgia,serif;color:#ffe0a1;margin:15px 0}.instructions{font-size:12px;color:#c1d5ca}.primary{font-size:18px;padding:13px 26px;margin:10px}#touch{display:none;position:absolute;bottom:20px;left:20px;right:20px;justify-content:space-between;align-items:end;pointer-events:none}#touch button{pointer-events:auto;background:#24453cbb;padding:9px}.dpad{display:grid;grid-template-columns:40px 40px 40px;gap:3px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}.jump{width:75px;height:60px}[hidden]{display:none!important}@media(pointer:coarse){#touch{display:flex}footer{display:none}#toolbar{bottom:24px}#toolbar button{padding:8px;font-size:11px}#quest{pointer-events:none}}@media(max-height:600px){header{top:8px;left:12px;right:12px}.brand{width:130px}.brand img{height:42px}nav button{font-size:11px;padding:8px}#quest{top:76px;left:12px;width:195px;padding:12px}h2{font-size:18px;margin:6px 0}#quest p{font-size:11px;margin:5px 0}#progress{font-size:11px}#saveStatus{font-size:9px;margin-top:5px}#toolbar{gap:6px;bottom:20px}#toolbar button{padding:8px;font-size:11px}footer{bottom:3px;font-size:9px}#overlay section{padding:18px 28px}h1{font-size:34px}}@media(max-width:700px){#toolbar{flex-direction:column;gap:5px}#quest{width:180px;max-height:230px}header nav{gap:4px}header nav button{padding:8px;font-size:10px}}

#overlay button{margin:5px}#menuStatus{font-size:12px;color:#ffe0a1}#confirmNew{position:absolute;inset:0;display:grid;place-items:center;background:#102c32d9;z-index:5}#confirmNew section{max-width:90vw;text-align:center;background:#233f39;border:2px solid #d5b270;border-radius:15px;padding:30px}#crosshair{color:#fff4cf;text-shadow:0 1px 3px #172f26}