*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#14252b;color:#e7e6cb;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:#273b40;border:1px solid #566568;border-radius:8px;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #f4ce6a;outline-offset:3px}button:disabled{opacity:.5;cursor:default}button:active,.held{background:#57746b!important;transform:translateY(1px)}[hidden]{display:none!important}#game{height:100dvh;height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding-top:env(safe-area-inset-top)}header{height:54px;padding:0 max(18px,env(safe-area-inset-left));display:flex;align-items:center;gap:16px;border-bottom:1px solid #3a4c4d;background:#14252b;z-index:3}.brand{color:#f1d37b;font-size:14px;font-weight:800;text-decoration:none;letter-spacing:1px}.brand span{color:#e6e7d2}.prototype{font-size:10px;letter-spacing:2px;color:#a7b8ac;margin-left:auto}.help{width:30px;height:30px;border-radius:50%;font-size:16px}#world{position:relative;min-height:0;overflow:hidden;background:#80b9d2}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none;outline:none}.hud{position:absolute;left:16px;top:14px;display:flex;gap:22px;background:#14252be8;border:1px solid #6d7d6b80;border-radius:8px;padding:10px 16px;pointer-events:none;box-shadow:0 4px 20px #0002}.hud span{display:grid;gap:4px}.hud small{font-size:9px;letter-spacing:1.8px;color:#b5c1ac}.hud strong{font-size:17px;color:#f5d47b}#status{position:absolute;bottom:12px;left:12px;right:12px;text-align:center;color:#fff4d2;font-size:12px;text-shadow:0 2px 3px #000;background:#14252bba;border-radius:5px;padding:7px;pointer-events:none;min-height:28px}.context{position:absolute;bottom:55px;left:50%;transform:translateX(-50%);background:#f1ca66;color:#1d302d;font-weight:800;padding:12px 18px;box-shadow:0 4px 12px #0004;white-space:nowrap}.context:active{transform:translateX(-50%)}#loading{position:absolute;inset:0;background:#14252b;display:grid;place-content:center;font-size:16px}footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px max(18px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom));border-top:1px solid #53635b;background:#14252b;user-select:none;touch-action:none;z-index:3}.dpad{display:grid;grid-template-columns:54px 54px 54px;grid-template-rows:44px 44px;gap:4px}.dpad button{font-size:25px;line-height:1}.dpad .up{grid-column:2;grid-row:1}.dpad .left{grid-column:1;grid-row:2}.dpad .down{grid-column:2;grid-row:2}.dpad .right{grid-column:3;grid-row:2}button small{display:block;font-size:8px;letter-spacing:1px;margin-top:3px}.equipment{text-align:center;display:grid;gap:6px}.equipment>span{color:#f1d37b;font-size:12px;letter-spacing:2px}.equipment small{font-size:10px;line-height:1.5;color:#b1c1b7}.equipment .session{font-size:9px;color:#8b9d96}.actions{display:flex;gap:10px}.actions button{width:64px;height:70px;font-size:28px}.actions .dig{width:82px;color:#ffdf86;border-color:#ad9455;background:#574929}.actions small{font-size:10px}dialog{background:#172b2e;color:#e9e5cc;border:1px solid #6b8274;border-radius:14px;width:min(430px,calc(100vw - 24px));max-height:calc(100svh - 40px);overflow:auto;padding:24px;box-shadow:0 30px 90px #0008}dialog::backdrop{background:#091a22a8;backdrop-filter:blur(3px)}.dialog-top{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.dialog-top small{font-size:9px;letter-spacing:2px;color:#c3b16f}.dialog-top button{width:32px;height:32px;font-size:22px;flex-shrink:0}h1{font-size:22px;margin:9px 0 12px;line-height:1.3}h2{font-size:18px;margin:8px 0}dialog p{font-size:12px;line-height:1.7;color:#bacbc0}dialog b{color:#ffdc87}.shop-coins{display:flex;justify-content:space-between;padding:12px 0;color:#d6c17b;font-size:12px}article{border-top:1px solid #4c6359;padding:16px 0}article>span{font-size:9px;letter-spacing:2px;color:#aac1ac}article p{margin:5px 0 10px}article button{padding:12px;width:100%;background:#e7c66c;color:#17312e;font-weight:bold;border:0}.shop-note{font-size:10px!important;color:#91a79a!important}
@media(max-width:600px){header{height:46px;padding:0 12px;gap:8px}.brand{font-size:11px;letter-spacing:.5px}.prototype{font-size:8px;letter-spacing:1px}.hud{left:10px;top:10px;gap:18px;padding:8px 12px}.hud small{font-size:8px}.hud strong{font-size:15px}footer{gap:8px;padding-left:12px;padding-right:12px;position:relative;padding-top:24px}.dpad{grid-template-columns:44px 44px 44px;grid-template-rows:39px 43px}.actions{gap:7px}.actions button{width:54px;height:66px}.actions .dig{width:68px}.equipment{position:absolute;top:6px;left:12px;right:12px;display:flex;justify-content:space-between;text-align:left;pointer-events:none}.equipment>span{font-size:9px;letter-spacing:1px}.equipment #controls-hint{display:none}.equipment .session{font-size:8px}.equipment+.actions{margin-left:auto}#status{font-size:10px;padding:7px 4px}.context{font-size:12px;padding:10px 14px}}
@media(max-height:500px) and (min-width:601px){header{height:38px}footer{padding-top:5px;padding-bottom:max(5px,env(safe-area-inset-bottom))}.dpad{grid-template-rows:30px 30px;grid-template-columns:44px 44px 44px}.actions button{height:54px}.equipment .session{display:none}.hud{top:7px;padding:6px 12px}.hud strong{font-size:14px}}