*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;background:#111;overflow:hidden}body{font-family:Georgia,Times New Roman,serif;touch-action:none;-webkit-user-select:none;user-select:none}.stage-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.stage{position:relative;flex:none;width:640px;height:480px;background:#000;transform-origin:center center;image-rendering:auto;--vp-left: 170px;--vp-top: 50px;--vp-width: 436px;--vp-height: 310px;--crosshair-size: 36px}.screen{position:absolute;top:0;right:0;bottom:0;left:0}.screen img.bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill}.menu-btn{position:absolute;background:transparent;border:none;cursor:pointer;left:48px;width:209px;height:40px}.menu-btn:hover{outline:2px solid #f5d76a;outline-offset:-2px}.gold-text{color:#f5d76a;text-shadow:1px 1px 2px #000}.castle-grid{position:absolute;left:175px;top:57px;width:425px;height:300px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:0}.castle-card{position:relative;border:1px solid rgba(0,0,0,.55);border-radius:0;background-color:#14200f;background-size:cover;background-position:center;cursor:pointer}.castle-card:hover:not(.locked){outline:2px solid #f5d76a;outline-offset:-2px;z-index:1}.castle-card.locked{cursor:default;filter:grayscale(1);opacity:.7}.castle-name-bar{position:absolute;left:232px;top:379px;width:311px;height:32px;display:flex;align-items:center;justify-content:center;gap:10px;color:#f5d76a;text-shadow:1px 1px 2px #000;font-size:15px}.castle-name-bar .price{font-size:13px;color:#d8b978}.gold-shield{position:absolute;left:14px;top:392px;width:126px;height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffe9c0;text-shadow:1px 1px 2px #000}.gold-shield .label{font-size:10px;letter-spacing:1px}.gold-shield .value{font-size:12px;font-weight:700;margin-bottom:8px}.viewport{position:absolute;left:var(--vp-left);top:var(--vp-top);width:var(--vp-width);height:var(--vp-height)}.aim-area{position:absolute;left:var(--vp-left);top:var(--vp-top);width:var(--vp-width);height:var(--vp-height);pointer-events:auto}.viewport canvas{width:100%;height:100%;display:block}.viewport img.frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.crosshair{position:absolute;pointer-events:none;width:var(--crosshair-size);height:var(--crosshair-size);left:calc(var(--vp-left) + (var(--vp-width) - var(--crosshair-size)) / 2);top:calc(var(--vp-top) + (var(--vp-height) - var(--crosshair-size)) / 2)}.toolbar{position:absolute;left:22px;top:15px;width:105px;height:346px}.toolbar img.tb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.power-track{position:absolute;left:38px;top:28px;width:28px;height:140px;display:flex;align-items:flex-end;justify-content:center}.power-fill{width:14px;background:linear-gradient(to top,#ffd000,#ff3000);border:1px solid #5a2c00}.dial{position:absolute;transform-origin:50% 50%}.hud-text{position:absolute;color:#f5d76a;text-shadow:1px 1px 2px #000;font-size:14px}.hint{position:absolute;left:175px;top:383px;width:425px;text-align:center;color:#ffe9a0;text-shadow:1px 1px 2px #000;font-size:9px;padding:0 40px}.fire-btn{position:absolute;right:24px;bottom:64px;width:92px;height:92px;border-radius:50%;border:3px solid #f5d76a;background:radial-gradient(circle at 35% 30%,#c83030,#701010);color:#ffe9a0;font-size:18px;font-family:inherit;cursor:pointer;display:none}.touch .fire-btn{display:block}.touch-aim-note{display:none}.touch .touch-aim-note{display:block}.tally-panel,.panel{position:absolute;left:175px;top:57px;width:425px;height:300px;background:#1e1006f2;border:2px solid #6a4a23;border-radius:4px;color:#f5d76a;padding:28px 40px;min-width:340px;text-align:center}.panel h2{margin-bottom:16px}.tally-row{display:flex;justify-content:space-between;gap:40px;font-size:16px;margin:6px 0}.tally-total{border-top:1px solid #6a4a23;margin-top:10px;padding-top:10px;font-weight:700}.panel button,.tally-panel button{margin-top:18px;padding:10px 26px;font-family:inherit;font-size:16px;background:#8a1f1f;color:#ffe9a0;border:2px solid #f5d76a;border-radius:4px;cursor:pointer}.restart-confirm{top:130px;height:auto;min-height:0}.restart-confirm p{margin-top:8px;font-size:14px;color:#ffe9a0}.restart-confirm-buttons{display:flex;justify-content:center;gap:20px}.instructions-body{position:absolute;left:175px;top:57px;width:425px;height:300px;overflow-y:auto;color:#ffe9a0;font-size:13px;background:#1e1006eb;border:2px solid #6a4a23;border-radius:6px;padding:16px 20px;text-align:left}.instructions-body h3{color:#f5d76a;margin:10px 0 4px}.back-btn{position:absolute;left:385px;bottom:70px;transform:translate(-50%);padding:8px 24px;font-family:inherit;font-size:15px;background:none;color:#ffe9a0;border:none;border-radius:4px;cursor:pointer}.cam-tip{position:absolute;right:14px;bottom:10px;color:#c9b27a;font-size:10px;text-align:right}.sound-btn{position:absolute;right:16px;bottom:30px;width:41px;height:34px;background:none;border:none;cursor:pointer}.sound-btn img{width:100%;height:100%;object-fit:contain;position:relative;opacity:.9}