*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#1a1410;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#f5efe6;touch-action:none}canvas,#game-canvas{display:block;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;touch-action:none}#ui-root{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}#ui-root button,#ui-root kbd{pointer-events:auto}#virtual-joystick{position:absolute;left:1.25rem;bottom:5.5rem;width:120px;height:120px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.18);pointer-events:auto;touch-action:none}.joystick-stick{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:#ffffff59;border:2px solid rgba(255,255,255,.5);transform:translate(-50%,-50%);pointer-events:none}.put-down-btn{margin-top:.75rem;padding:.55rem 1rem;border:none;border-radius:8px;background:#ffffff26;color:#f5efe6;font-size:.9rem;cursor:pointer;pointer-events:auto}.put-down-btn:active{background:#ffffff40}#hud{position:absolute;left:1rem;bottom:1rem;opacity:.85;font-size:.9rem}#hud kbd{background:#ffffff26;border-radius:4px;padding:.1rem .4rem}.hidden{display:none!important}#reticle{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.reticle-cross{width:22px;height:22px;position:relative}.reticle-cross:before,.reticle-cross:after{content:"";position:absolute;background:#ffffffbf;border-radius:1px;transition:background .15s,transform .15s}.reticle-cross:before{width:2px;height:100%;left:50%;transform:translate(-50%)}.reticle-cross:after{height:2px;width:100%;top:50%;transform:translateY(-50%)}#reticle.reticle--target .reticle-cross:before,#reticle.reticle--target .reticle-cross:after{background:#7dffa0}#reticle.reticle--target .reticle-cross{transform:scale(1.15)}#reticle-interact{margin-top:1.75rem;font-size:.85rem;padding:.35rem .7rem;background:#0000008c;border-radius:6px;border:1px solid rgba(125,255,160,.35)}#reticle-interact kbd{background:#ffffff26;border-radius:4px;padding:.1rem .35rem}#start-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#0a0806eb;pointer-events:auto;text-align:center;padding:2rem}#start-screen h1{font-size:2rem;font-weight:600}#start-screen p{max-width:28rem;opacity:.85;line-height:1.5}#start-btn{margin-top:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;background:#c47a3a;color:#fff;font-size:1rem;cursor:pointer}#start-btn:hover{background:#d48a4a}#remote-panel{display:none}.remote-status{margin-top:.5rem;font-size:.85rem;opacity:.9;padding:.35rem .6rem;background:#00000073;border-radius:6px;display:inline-block}#remote-hint{max-width:36rem;line-height:1.6;font-size:.82rem;opacity:.8}#remote-hint kbd{background:#ffffff1f;border-radius:4px;padding:.05rem .35rem;margin:0 .1rem}