*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;background:#1a1a1a;color:#fff;touch-action:none;position:fixed;width:100%;height:100%}#app{position:relative;width:100%;height:100%;overflow:hidden}#gameCanvas{display:block;width:100%;height:100%;background:#0a0a0a}#hud{position:absolute;top:0;left:0;right:0;padding:10px 15px;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);display:flex;justify-content:space-between;align-items:center;gap:15px;pointer-events:none;z-index:10}.hud-stat{display:flex;flex-direction:column;gap:2px;font-size:12px;pointer-events:auto}.hud-stat-label{color:#888;font-size:10px;text-transform:uppercase}.hud-stat-value{color:#fff;font-size:16px;font-weight:700}#townUI{position:absolute;inset:0;background:#0a0a14f2;padding:20px;overflow-y:auto;z-index:20}#townUI.hidden{display:none}.town-header{text-align:center;margin-bottom:30px}.town-header h2{font-size:24px;margin-bottom:10px}.town-header p{color:#aaa;font-size:14px}.buildings{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.building{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;padding:15px}.building-name{font-size:18px;font-weight:700;margin-bottom:10px;color:#f0c040}.jobs{display:flex;flex-direction:column;gap:10px}.job{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#0000004d;border-radius:4px}.job-info{flex:1}.job-name{font-weight:700;margin-bottom:4px}.job-desc{font-size:12px;color:#aaa}.job-controls{display:flex;gap:10px;align-items:center}.job-assigned{font-size:14px;color:#4a9eff;min-width:40px;text-align:center}button{background:#4a9eff;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:700;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}button:active{transform:scale(.95)}button:disabled{background:#333;color:#666;cursor:not-allowed}button.btn-small{padding:6px 12px;font-size:12px}button.btn-primary{background:#f0c040;color:#000;font-size:16px;padding:12px 24px;width:100%;margin-top:10px}.resources{display:flex;justify-content:space-around;padding:15px;background:#ffffff0d;border-radius:8px;margin-bottom:20px}.resource{text-align:center}.resource-label{font-size:11px;color:#888;text-transform:uppercase}.resource-value{font-size:20px;font-weight:700;color:#4a9eff}#summonBar{display:none}.summon-fill{position:absolute;bottom:0;left:0;right:0;background:#0f0;transition:height .05s linear}.summon-cooldown{position:absolute;bottom:0;left:0;right:0;background:#4a9eff;transition:height .1s linear}.summon-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;color:#fff;text-align:center;width:100%;text-shadow:1px 1px 2px #000;pointer-events:none}