diff --git a/README.md b/README.md index aded3c6..346f012 100644 --- a/README.md +++ b/README.md @@ -1,145 +1,28 @@ -# Chick Sorter v23.0 Phase 2 Routefix Hotfix +# Chick Sorter v27.0 Cleanup Build +Open `index.html` in a browser. -This build changes the SHREDDER Improvement payout rule. +## Current baseline -## v18 changes -- `SHREDDER Improvement` now uses one payout roll per processed item. -- Probability after n cards: `((√n / 2) × n)%`. -- Maximum SHREDDER Improvement cards counted: 30. -- At 30 cards, the chance is about 82.16%, so the expected payout is about ￥0.8216 per processed item. +- Build, move, box-select, sell, and repair factory equipment during Build phase. +- Start the next day only when at least one EGG route reaches a scanner and then any valid exit. +- Fairies tribute is paid after day-end settlement and before the next Build phase. +- Bankruptcy is checked only at that day-end transition. Temporary negative cash during production does not immediately end the game. +- Cards use English names and descriptions with numeric effect summaries. +- `poop.png` is the only bundled image asset currently used by default; other art falls back to canvas drawing. -## SHREDDER Improvement expected value +## Controls -```text -n = min(SHREDDER Improvement cards, 30) -p = ((√n / 2) × n)% = n√n / 200 -Per item payout X ~ Bernoulli(p) -E[X] = p yen = n√n / 200 yen -``` +- S1 manual scanner: `A` = left / `D` = right. +- S2 manual scanner: `←` = left / `→` = right. +- Build phase: left-drag empty map for box selection; drag selected equipment to move it. +- Right-drag: pan. +- `Ctrl+Z` / `Ctrl+Y`: undo / redo. +- `Esc`: cancel upgrade-card target selection. -For k shredded items, expected total bonus is `k × n√n / 200` yen. +## Cleanup in this build ---- - -# Previous build notes - -# Chick Sorter v17.0 Shredder Card and Cleanup - -This build adjusts selling constraints, timeout cleanup, settlement UI, and adds the SHREDDER improvement card. - -## v17 changes -- The last EGG FARM, MIXER, SHREDDER, and TRUCK can no longer be sold. -- Non-last equipment still follows the existing rule: same Build phase removal refunds 100%, older equipment sells for 50%. -- When the day timer and shutdown grace expire, remaining chicks/poop are blown off the conveyors with no equipment damage. -- Settlement appears 1 second after that cleanup. -- The day settlement modal is reduced to two lines: one simple formula and final profit. -- Added `SHREDDER Improvement` card. - - Each card adds one independent trial per shredded item. - - Each trial has a 1/3 chance to pay ￥1. - - Expected value per processed item after n cards: n / 3 yen. -- EGG FARM price remains ￥250. - -## SHREDDER Improvement expected value - -```text -Per item payout X ~ Binomial(n, 1/3) -E[X] = n × 1/3 = n/3 yen -``` - -For k shredded items, expected total bonus is `k × n / 3` yen. - ---- - -## Previous notes - -This build refines the v15 card and tax system. - -## v16.1 changes -- Fixed equipment improvement target-picking overlay by importing the target bounds helper into the renderer. -- Non-candidate equipment now receives a full dark overlay, and valid upgrade candidates are explicitly white-highlighted. -- Added a fallback message when a target picker has no valid target, so the game no longer appears frozen. - -## v16 changes - -- `Extra Cards` is now immediate. - - Selecting it consumes the current card pick, then grants 2 more card selections in the same draft. - - It no longer increases future draft size. -- Equipment improvement cards now target machines on the map. - - Valid targets are highlighted in white. - - Non-target areas are darkened. - - Click a highlighted machine to apply the upgrade. - - `Esc` cancels target selection and returns to the card draft. -- ZUNDA TAX and Fairies tribute no longer contaminate the next day’s profit display. - - They are still paid when `Next Day` is pressed. - - They still affect cash and total outflow. - - They are not counted inside the new day’s `Turn Profit`. -- ZUNDA TAX exemption / Legal Work behavior was rechecked and kept explicit. - - Base exemption: ￥500. - - `Legal Work`: exemption +￥250 and 95% cap point +￥250. - - Tax rate: 5% from the first yen above the exemption. - - +5% per ￥500 taxable band. - - Maximum rate: 95%. -- EGG FARM price remains ￥250. - -## Active ZUNDA TAX formula - -```text -taxable = max(0, cash - exemption) -rate = min(95%, ceil(taxable / 500) × 5%) -ZUNDA TAX = ceil(taxable × rate) -``` - -With no `Legal Work`, `exemption = ￥500`, so ￥501 starts at 5% and ￥10,000 reaches 95%. - -## v19 changes -- Added collapsed bottom-left debug panel: infinite cash, day override, free upgrade purchase. -- Added `src/core/balance.js` as the primary balance-tuning sheet for prices, income, penalties, timing, card rates, and caps. -- Increased UI text size. -- Auto Scanner base cooldown is now 2.25 seconds. -- High-Quality Bearing now adds +7.5% conveyor speed per card. -- Equipment click popover removed; hover now shows flavor text and equipment information. -- ERASE button renamed to SELL. -- Card drafts can contain up to 2 dud cards; each slot has a 30% dud chance. Dud cards can be clicked away without spending a pick. - -## v20 Phase 1 structural changes -- Added a canonical FactoryGraph in `src/systems/routing.js`. - - Build/edit operations invalidate the graph. - - Route planning, connection validation, congestion component lookup, and debug metrics now read from the same graph model. - - Scanner and facility ports are exact grid cells; visual adjacency is not accepted as connectivity. -- `Next Day` now commits the current FactoryGraph before fees and day start. - - The committed snapshot records conveyor cells, edges, components, port counts, farm outputs, and validation issues. -- Added `src/systems/gameEvents.js`. - - Major lifecycle, cash, build/sell, move, cleanup, and jam events are stored in a bounded run log. -- Expanded the debug panel from cheats only into an observability panel. - - Shows FactoryGraph size, components, port status, farm outputs, dead ends, active/queued items, max congestion, and recent events. -- This is a structural pass, not a content/balance pass. It is meant to make later map generation, market contracts, route diagnostics, replay, and deeper factory simulation safer to add. - -## v21 Phase 2 structural changes - -Implemented the Phase 2 foundation without the market board or programmable scanner logic. - -- Added seeded no-build terrain generation. Roughly 20% of grid cells become blocked each run while preserving the initial critical route. -- Added equipment degradation based on actual use. - - Truck and Manual Scanner are exempt and always operate normally. - - Conveyor tiles degrade from item pass counts and reduce local belt speed. - - Egg Farms degrade from egg production and gradually increase spawn interval. - - Mixer, Waste Shredder, and Auto Scanner degrade from processing counts and add delay. - - Equipment keeps full performance until 50% durability remains; at 0% durability it performs at half speed. -- Added dirty overlay rendering for degraded equipment. -- Added a one-day repairman hire button. The repairman costs ￥100 for the next production phase, walks freely across the map, and repairs 1% degradation every 3 seconds. -- Expanded debug/hover readouts with blocked-cell and degradation information. - -Market contracts and deeper scanner-programming logic are intentionally left for later Phase 2 work. - -## v22 Phase 2 starter-route protection - -No-build generation now protects the complete initial factory footprint before blocked cells are placed. The protected footprint includes the default Egg Farm, scanner bodies, scanner input/output ports, machine receiver cells, and every starter conveyor segment. After blocked-cell generation, the starter backbone is scrubbed from the blocked set and reinstalled as a final guard. - -Result: even with roughly 20% no-build cells, the initial line remains continuous from Egg Farm to S1, S1 to S2, and S2 to both Shredder and Truck exits. - - -## v23 hotfix - -- Fixed the startup ReferenceError caused by binding the repairman button to a missing `hireRepairman` wrapper. -- Disabled optional external art probing by default, preventing 404 console noise for placeholder image filenames. Canvas fallback art remains active. +- Removed duplicate `src/index.html` and `src/styles.css`; root `index.html` and `styles.css` are the single launch surface. +- Removed the old debug panel, debug hotkey, debug event log, and free-upgrade/debug-cash code. +- Removed the obsolete right-side selected-facility panel code left behind after the UI removal. +- Removed stale historical README files and old changelog text that no longer matched the current specification. diff --git a/assets/images/README.md b/assets/images/README.md index 1bd6e5b..0e29b23 100644 --- a/assets/images/README.md +++ b/assets/images/README.md @@ -1,16 +1,3 @@ -# Image asset folder +# Image assets -The game currently uses simple canvas placeholders. You can override them by adding images with these filenames: - -- `chick_male.png` -- `chick_female.png` -- `tarinai.png` -- `conveyor.png` -- `scanner_manual.png` -- `scanner_auto.png` -- `egg_farm.png` -- `mixer.png` -- `shredder.png` -- `truck.png` - -The render code checks whether each image loads and falls back to simple shapes when it does not. +`poop.png` is bundled and loaded by default. Other equipment/chick art is optional and currently falls back to canvas drawing unless external art loading is enabled in `src/render/draw.js`. diff --git a/assets/images/poop.png b/assets/images/poop.png new file mode 100644 index 0000000..75fde9d Binary files /dev/null and b/assets/images/poop.png differ diff --git a/index.html b/index.html index 8bd2917..efb67fa 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - Chick Sorter v21.0 Phase 2 Map / Degradation + Chick Sorter v27.0 @@ -35,8 +35,8 @@
-

CHICK SORTER v21.0

-

Build, drag, connect all receiver ports, then start the next day.

+

CHICK SORTER v27.0

+

Build, drag, connect at least one valid EGG route, then start the next day.

@@ -63,13 +63,7 @@

Irregular One-Day Event

Irregular forced events appear during Build phase.
- -
-

Selected Facility

-
Click equipment in Build phase.
-
- -
+

Status

@@ -83,19 +77,6 @@
- -
- DBG -
- - - - - -
-
-
-
@@ -107,6 +88,6 @@ - + diff --git a/src/core/balance.js b/src/core/balance.js index c98abda..647d0a1 100644 --- a/src/core/balance.js +++ b/src/core/balance.js @@ -1,7 +1,7 @@ // Central balance sheet for tuning gameplay. // Edit this file first when adjusting prices, income, penalties, timing, card rates, or caps. export const BALANCE = { - version: 'v23.0 Phase 2 Routefix Hotfix', + version: 'v27.0 cleanup build', time: { daySeconds: 60, farmShutdownGraceSeconds: 10 @@ -17,7 +17,7 @@ export const BALANCE = { cell: 46 }, map: { - blockedRatio: 0.20 + blockedRatio: 0.075 }, economy: { income: { @@ -64,6 +64,7 @@ export const BALANCE = { cards: { commonWeight: 8, rareWeight: 2, + ultraRareWeight: 0.45, baseDraftSize: 3, maxDudsPerDraft: 2, dudChancePerCard: 0.30, @@ -81,11 +82,11 @@ export const BALANCE = { fullPerformanceUntilWear: 0.50, minimumPerformance: 0.50, durability: { - conveyor: 260, - eggFarm: 95, - autoScanner: 170, - mixer: 155, - trash: 190 + conveyor: 1300, + eggFarm: 475, + autoScanner: 850, + mixer: 775, + trash: 950 }, processingDelayMaxSeconds: { mixer: 1.20, @@ -93,7 +94,7 @@ export const BALANCE = { }, repairman: { dailyCost: 100, - secondsPerOnePercent: 3, + secondsPerOnePercent: 1 / 3, walkSpeed: 140 } }, diff --git a/src/core/entities.js b/src/core/entities.js index 080a343..7e9db82 100644 --- a/src/core/entities.js +++ b/src/core/entities.js @@ -74,8 +74,12 @@ export function createFacility(game, id, p, price) { return layoutFacilityOnEdge(f, entry, side); } +export function rollChickSex(game) { + return Math.random() < currentPoopRate(game) ? 'poop' : (Math.random() < 0.5 ? 'male' : 'female'); +} + export function createChick(game, routeData) { - const sex = Math.random() < currentPoopRate(game) ? 'poop' : (Math.random() < 0.5 ? 'male' : 'female'); + const sex = rollChickSex(game); const start = routeData.route[0]; return { id: game.nextId++, sex, diff --git a/src/core/state.js b/src/core/state.js index b7b5ee3..9e7e66e 100644 --- a/src/core/state.js +++ b/src/core/state.js @@ -22,6 +22,9 @@ export function newTurnStats() { truckRevenue: 0, zundaTax: 0, fairiesTribute: 0, + loanRepayment: 0, + chemicalWeaponSubsidy: 0, + rescueLoan: 0, cardRerollCost: 0, mixerPoopFine: 0, truckPoopFine: 0, @@ -56,6 +59,9 @@ export function newTotalStats() { contractBonus: 0, zundaTax: 0, fairiesTribute: 0, + loanRepayment: 0, + chemicalWeaponSubsidy: 0, + rescueLoan: 0, cardRerollCost: 0, mixerPoopFine: 0, truckPoopFine: 0, @@ -79,7 +85,6 @@ export function createGame() { cleanupBlown: false, lastTimestamp: 0, nextId: 10, - nextEventId: 1, runSeed: createRunSeed(), blockedCells: new Set(), buildTool: null, @@ -92,8 +97,6 @@ export function createGame() { groupDrag: null, pan: null, view: { x: 0, y: 0 }, - debug: false, - debugInfiniteCash: false, hover: null, chicks: [], effects: [], @@ -115,13 +118,12 @@ export function createGame() { lastExplodedComponent: new Map(), contractOffer: null, contractActive: null, - cardEffects: { bearing: 0, legalWork: 0, flattery: 0 }, + cardEffects: { bearing: 0, legalWork: 0, fairiesFlatteryNext: 0, crowdedFarming: 0, extraEggOutlet: 0, hatchingFeed: 0, safetyCover: 0, recyclingSubsidy: 0, chemicalWeaponSubsidy: 0, preventiveMaintenance: 0, durabilityCoating: 0, laborExploitation: 0, usedMachineActive: false, rescueLoanCharges: 0, loans: [] }, cardDraft: { pending: false, choices: [], rerolls: 0, picksRemaining: 0 }, cardTargetPick: null, repairman: { hiredForNextDay: false, active: false, x: GRID.x + GRID.cell * 0.5, y: GRID.y + GRID.rows * GRID.cell + 84, target: null, repairedToday: 0 }, stats: newTurnStats(), lastResult: null, - eventLog: [], totals: newTotalStats() }; } diff --git a/src/core/text.js b/src/core/text.js index 82ec240..f854201 100644 --- a/src/core/text.js +++ b/src/core/text.js @@ -25,7 +25,7 @@ export const TEXT = { status: { build: tool => `BUILD: ${(tool === 'erase' ? 'SELL' : (tool || 'SELECT')).toUpperCase()} | Right-drag pan | Hover equipment for info`, sorting: 'Sorting: use scanner keys. Build after clearing the day.', - allPortsConnected: 'All required ports connected.', + allPortsConnected: 'Start condition met: one EGG route reaches an exit.', equipmentPanelEmpty: 'Hover equipment in Build phase.', eventPanelRunning: 'Forced events appear in Build phase.' }, @@ -65,8 +65,22 @@ export function buildToolPriceText(id) { return yen(def.price); } +export function buildToolFlavorText(id) { + const flavors = { + conveyor: 'A narrow green belt. Routes decide whether chicks live, ship, or become invoices.', + eggFarm: 'A tiny gatehouse producing questionable eggs on schedule.', + autoScanner: 'An automated judge. Faster than hands, still very sure of itself.', + manualScanner: 'A manual checkpoint. The operator is the algorithm.', + mixer: 'Male chicks become revenue here. Do not feed it poop.', + trash: 'A polite shredder for poop and other regrets.', + truck: 'Ships the target cargo. Wrong cargo still leaves a paper trail.' + }; + return flavors[id] || ''; +} + export function buildToolButtonHtml(id) { - return `${equipmentName(id)}${buildToolPriceText(id)}`; + const flavor = buildToolFlavorText(id); + return `${equipmentName(id)}${buildToolPriceText(id)}${flavor ? `${flavor}` : ''}`; } export function buildToolButtonIds() { diff --git a/src/game.js b/src/game.js index b8c4708..d4a35fa 100644 --- a/src/game.js +++ b/src/game.js @@ -1,18 +1,17 @@ import { TURN_SECONDS, THEME } from './core/config.js'; import { buildToolButtonHtml } from './core/text.js'; -import { createGame, resetLayout, newTurnStats, nextSpawnDelay } from './core/state.js'; +import { createGame, resetLayout, newTurnStats } from './core/state.js'; import { clamp, pointToCell, cellCenter, yen } from './core/utils.js'; import { commitFactoryGraphForDay, facilityConnectionIssues } from './systems/routing.js'; -import { collectFairiesTribute, collectZundaTax, settleTruckRevenue } from './systems/economy.js'; +import { applyRescueLoanIfNeeded, collectChemicalWeaponSubsidy, collectFairiesTribute, collectLoanRepayments, collectZundaTax, settleTruckRevenue } from './systems/economy.js'; import { undo, redo } from './systems/history.js'; import { drawAll } from './render/draw.js'; import { createBuildSystem } from './systems/buildSystem.js'; import { createUISystem } from './systems/uiSystem.js'; import { createChickSystem } from './systems/chickSystem.js'; -import { conveyorSpeedForGame, createCardSystem, ensureCardState } from './systems/cards.js'; +import { conveyorSpeedForGame, createCardSystem } from './systems/cards.js'; import { floating, shockwave, sparkBurst, updateEffects } from './systems/effects.js'; import { rollContractOffer, activateAcceptedContract, clearActiveContract, resolveContract } from './systems/contracts.js'; -import { clearGameEvents, emitGameEvent } from './systems/gameEvents.js'; import { ensureMaintenanceState, hireRepairmanForNextDay, activateRepairmanForDay, deactivateRepairman, conveyorSpeedFactorForKey } from './systems/maintenance.js'; const canvas = document.getElementById('gameCanvas'); @@ -23,17 +22,9 @@ const ui = { money: document.getElementById('money'), turn: document.getElementById('turn'), timeLeft: document.getElementById('timeLeft'), phase: document.getElementById('phaseLabel'), eventBrief: document.getElementById('eventBrief'), targetBrief: document.getElementById('targetBrief'), speedBrief: document.getElementById('speedBrief'), turnProfit: document.getElementById('turnProfit'), mixerCount: document.getElementById('mixerCount'), truckFemaleCount: document.getElementById('truckFemaleCount'), truckMaleCount: document.getElementById('truckMaleCount'), poopCount: document.getElementById('poopCount'), - buildStatus: document.getElementById('buildStatus'), turnSummary: document.getElementById('turnSummary'), contractPanel: document.getElementById('contractPanel'), facilityPanel: document.getElementById('facilityPanel'), + buildStatus: document.getElementById('buildStatus'), turnSummary: document.getElementById('turnSummary'), contractPanel: document.getElementById('contractPanel'), modal: document.getElementById('modal'), modalTitle: document.getElementById('modalTitle'), modalBody: document.getElementById('modalBody'), modalActions: document.getElementById('modalActions'), hoverTooltip: document.getElementById('hoverTooltip'), - debugPanel: document.getElementById('debugPanel'), - debugInfiniteCash: document.getElementById('debugInfiniteCash'), - debugDayInput: document.getElementById('debugDayInput'), - debugSetDayButton: document.getElementById('debugSetDayButton'), - debugUpgradeSelect: document.getElementById('debugUpgradeSelect'), - debugApplyUpgradeButton: document.getElementById('debugApplyUpgradeButton'), - debugObservations: document.getElementById('debugObservations'), - debugEventLog: document.getElementById('debugEventLog'), hireRepairmanButton: document.getElementById('hireRepairmanButton'), buttons: { s1Left: document.getElementById('scanner1MixerButton'), s1Right: document.getElementById('scanner1TruckButton'), s2Left: document.getElementById('scanner2MixerButton'), s2Right: document.getElementById('scanner2TruckButton'), @@ -74,10 +65,6 @@ function startGame() { game.view = { x: 0, y: 0 }; resetLayout(game); ensureMaintenanceState(game); - clearGameEvents(game); - emitGameEvent(game, 'RunStarted', { cash: game.cash }); - game.debugInfiniteCash = !!ui.debugInfiniteCash?.checked; - refreshDebugUpgradeSelect(); uiSystem.hideModal(); chicks.updateCongestion(); uiSystem.updatePanels(); @@ -87,7 +74,7 @@ function startGame() { function startNextTurn() { if (game.phase !== 'build') return; if (game.cardDraft?.pending || game.cardTargetPick?.pending) { - build.fail(game.cardTargetPick?.pending ? 'Choose highlighted upgrade target first.' : 'Choose an upgrade card first.'); + build.fail(game.cardTargetPick?.pending ? 'Choose upgrade target first.' : 'Choose an upgrade card first.'); uiSystem.updatePanels(); return; } @@ -98,18 +85,16 @@ function startNextTurn() { return; } ensureMaintenanceState(game); - const graph = commitFactoryGraphForDay(game); - emitGameEvent(game, 'FactoryGraphCommitted', { cells: graph.metrics.conveyorCells, edges: graph.metrics.edges, components: graph.metrics.components }); + commitFactoryGraphForDay(game); activateRepairmanForDay(game); const zundaBasisCash = game.cash; const zunda = collectZundaTax(game, zundaBasisCash); - const tribute = collectFairiesTribute(game, game.turn); - game.lastStartFees = { zundaTax: zunda.tax || 0, fairiesTribute: tribute.amount || 0 }; + const loanRepayment = collectLoanRepayments(game); + game.lastStartFees = { zundaTax: zunda.tax || 0, loanRepayment: loanRepayment.amount || 0, fairiesTribute: 0 }; if (zunda.tax > 0) floating(game, canvas.width / 2 - game.view.x, 116 - game.view.y, `ZUNDA TAX -${yen(zunda.tax)}`, THEME.danger); - if (tribute.amount > 0) floating(game, canvas.width / 2 - game.view.x, 146 - game.view.y, `FAIRIES -${yen(tribute.amount)}`, THEME.danger); - if (game.cash < 0) { game.phase = 'gameover'; uiSystem.showGameOver(); return; } + if (loanRepayment.amount > 0) floating(game, canvas.width / 2 - game.view.x, 146 - game.view.y, `LOAN -${yen(loanRepayment.amount)}`, THEME.danger); + // Negative cash during the next production day is allowed; bankruptcy is checked only at day-end settlement before Build phase. activateAcceptedContract(game); - emitGameEvent(game, 'StartDay', { day: game.turn + 1, zundaTax: zunda.tax || 0, fairiesTribute: tribute.amount || 0 }); game.phase = 'running'; game.turn += 1; game.timeLeft = TURN_SECONDS; @@ -153,10 +138,17 @@ function completeTurn() { if (game.phase !== 'running') return; const ship = settleTruckRevenue(game); const contract = resolveContract(game); + const chemical = collectChemicalWeaponSubsidy(game); + if (chemical.amount > 0) floating(game, canvas.width / 2 - game.view.x, 116 - game.view.y, `CHEM SUBSIDY +${yen(chemical.amount)}`, THEME.green); clearActiveContract(game); + const settlementDay = Math.max(1, (game.totals.turnsCompleted || 0) + 1); + const tribute = collectFairiesTribute(game, settlementDay); + game.lastBuildFees = { fairiesTribute: tribute.amount || 0, reduction: tribute.reduction || 0, turn: settlementDay }; + if (tribute.amount > 0) floating(game, canvas.width / 2 - game.view.x, 146 - game.view.y, `FAIRIES -${yen(tribute.amount)}`, THEME.danger); + const rescue = applyRescueLoanIfNeeded(game); + if (rescue.amount > 0) floating(game, canvas.width / 2 - game.view.x, 176 - game.view.y, `RESCUE +${yen(rescue.amount)}`, THEME.green); game.totals.turnsCompleted += 1; - game.lastResult = { ...game.stats, ship, contract, turn: game.turn, cash: game.cash }; - emitGameEvent(game, 'EndDay', { day: game.turn, revenue: game.stats.revenue, penalty: game.stats.penalty, profit: game.stats.profit, cash: game.cash }); + game.lastResult = { ...game.stats, ship, contract, chemical, rescue, fairiesTribute: tribute, turn: game.turn, cash: game.cash }; if (game.cash < 0) { game.phase = 'gameover'; uiSystem.showGameOver(); return; } game.phase = 'build'; game.truckCargo = []; @@ -192,7 +184,6 @@ function closeFarmShutters() { shockwave(game, c.x, c.y, THEME.ink); sparkBurst(game, c.x, c.y + 10, 10); floating(game, c.x, c.y - 34, 'SHUT +10s', THEME.ink); - emitGameEvent(game, 'FarmShutterClosed', { farmId: farm.id }); } } @@ -200,7 +191,6 @@ function update(timestamp) { if (!game.lastTimestamp) game.lastTimestamp = timestamp; const dt = Math.min((timestamp - game.lastTimestamp) / 1000, 0.05); game.lastTimestamp = timestamp; - if (game.debugInfiniteCash && game.cash < 999999) { game.cash = 999999; game.totals.maxCash = Math.max(game.totals.maxCash, game.cash); } if (game.phase === 'running') chicks.updateRunning(dt, { closeFarmShutters, completeTurn }); updateEffects(game, dt, canvas, build.equipmentHitBoxes); chicks.updateCongestion(); @@ -310,86 +300,12 @@ ui.buttons.s1Left.addEventListener('click', () => chicks.sortSlot(0, 'left')); u ui.buttons.nextTurn.addEventListener('click', startNextTurn); ui.buttons.conveyor.addEventListener('click', () => build.setBuildTool('conveyor')); ui.buttons.eggFarm.addEventListener('click', () => build.setBuildTool('eggFarm')); ui.buttons.autoScanner.addEventListener('click', () => build.setBuildTool('autoScanner')); ui.buttons.manualScanner.addEventListener('click', () => build.setBuildTool('manualScanner')); ui.buttons.mixer.addEventListener('click', () => build.setBuildTool('mixer')); ui.buttons.trash.addEventListener('click', () => build.setBuildTool('trash')); ui.buttons.truck.addEventListener('click', () => build.setBuildTool('truck')); ui.buttons.erase.addEventListener('click', () => build.setBuildTool('erase')); ui.hireRepairmanButton?.addEventListener('click', hireRepairman); ui.buttons.undo.addEventListener('click', () => { if (undo(game)) uiSystem.updatePanels(); }); ui.buttons.redo.addEventListener('click', () => { if (redo(game)) uiSystem.updatePanels(); }); -window.addEventListener('keydown', event => { if (event.repeat) return; const name = event.key.toLowerCase(); if (name === 'a') { event.preventDefault(); chicks.sortSlot(0, 'left'); } if (name === 'd') { event.preventDefault(); chicks.sortSlot(0, 'right'); } if (event.key === 'ArrowLeft') { event.preventDefault(); chicks.sortSlot(1, 'left'); } if (event.key === 'ArrowRight') { event.preventDefault(); chicks.sortSlot(1, 'right'); } if (game.phase === 'build' && (event.ctrlKey || event.metaKey) && name === 'z') { event.preventDefault(); if (undo(game)) uiSystem.updatePanels(); } if (game.phase === 'build' && (event.ctrlKey || event.metaKey) && (name === 'y' || (event.shiftKey && name === 'z'))) { event.preventDefault(); if (redo(game)) uiSystem.updatePanels(); } if (event.key === 'Escape' && game.cardTargetPick?.pending) { event.preventDefault(); cardSystem.cancelTargetPick(); } if (name === 'f1') { event.preventDefault(); game.debug = !game.debug; } }); +window.addEventListener('keydown', event => { if (event.repeat) return; const name = event.key.toLowerCase(); if (name === 'a') { event.preventDefault(); chicks.sortSlot(0, 'left'); } if (name === 'd') { event.preventDefault(); chicks.sortSlot(0, 'right'); } if (event.key === 'ArrowLeft') { event.preventDefault(); chicks.sortSlot(1, 'left'); } if (event.key === 'ArrowRight') { event.preventDefault(); chicks.sortSlot(1, 'right'); } if (game.phase === 'build' && (event.ctrlKey || event.metaKey) && name === 'z') { event.preventDefault(); if (undo(game)) uiSystem.updatePanels(); } if (game.phase === 'build' && (event.ctrlKey || event.metaKey) && (name === 'y' || (event.shiftKey && name === 'z'))) { event.preventDefault(); if (redo(game)) uiSystem.updatePanels(); } if (event.key === 'Escape' && game.cardTargetPick?.pending) { event.preventDefault(); cardSystem.cancelTargetPick(); } }); -function debugUpgradeOptions() { - const options = [ - { value: 'effect:bearing', label: `Bearing +1 (${game.cardEffects?.bearing || 0})` }, - { value: 'effect:legalWork', label: `Legal Work +1 (${game.cardEffects?.legalWork || 0})` }, - { value: 'effect:flattery', label: `Flattery +1 (${game.cardEffects?.flattery || 0})` } - ]; - for (const farm of game.eggFarms) options.push({ value: `eggFarm:${farm.id}`, label: `EGG #${farm.id} L${farm.level}` }); - for (const scanner of game.scanners.filter(s => s.kind === 'auto')) options.push({ value: `scanner:${scanner.id}`, label: `AUTO #${scanner.id} L${scanner.level}` }); - for (const id of ['mixer', 'trash', 'truck']) { - const f = game.facilities[id]; - if (f) options.push({ value: `facility:${id}`, label: `${f.shortName || f.name} L${f.level}` }); - } - return options; -} - -function refreshDebugUpgradeSelect() { - if (!ui.debugUpgradeSelect) return; - const previous = ui.debugUpgradeSelect.value; - const options = debugUpgradeOptions(); - ui.debugUpgradeSelect.innerHTML = options.map(o => ``).join(''); - if (options.some(o => o.value === previous)) ui.debugUpgradeSelect.value = previous; -} - -function applyDebugUpgrade() { - ensureCardState(game); - const value = ui.debugUpgradeSelect?.value || ''; - const [kind, id] = value.split(':'); - if (kind === 'effect') { - game.cardEffects[id] = Math.max(0, game.cardEffects[id] || 0) + 1; - floating(game, canvas.width / 2 - game.view.x, 112 - game.view.y, `${id.toUpperCase()} +1`, THEME.green); - } else if (kind === 'eggFarm') { - const farm = game.eggFarms.find(f => String(f.id) === id); - if (farm) { - farm.level = Math.min(4, (farm.level || 1) + 1); - farm.nextSpawn = nextSpawnDelay(farm); - farm.lastInterval = farm.nextSpawn; - floating(game, cellCenter(farm.col, farm.row).x, cellCenter(farm.col, farm.row).y - 34, `LV ${farm.level}`, THEME.green); - } - } else if (kind === 'scanner') { - const scanner = game.scanners.find(sc => String(sc.id) === id); - if (scanner) { - scanner.level = (scanner.level || 1) + 1; - const c = cellCenter(scanner.col, scanner.row); - floating(game, c.x, c.y - 42, `LV ${scanner.level}`, THEME.green); - } - } else if (kind === 'facility') { - const f = game.facilities[id]; - if (f) { - if (id === 'trash') f.level = Math.min(31, (f.level || 1) + 1); - else f.level = (f.level || 1) + 1; - floating(game, f.x + f.w / 2, f.y + 20, `LV ${f.level}`, THEME.green); - } - } - refreshDebugUpgradeSelect(); - uiSystem?.updatePanels(); -} - -function wireDebugControls() { - if (!ui.debugPanel) return; - refreshDebugUpgradeSelect(); - ui.debugPanel.addEventListener('toggle', refreshDebugUpgradeSelect); - ui.debugInfiniteCash?.addEventListener('change', () => { - game.debugInfiniteCash = !!ui.debugInfiniteCash.checked; - if (game.debugInfiniteCash) game.cash = Math.max(game.cash, 999999); - uiSystem?.updateUI(); - }); - ui.debugSetDayButton?.addEventListener('click', () => { - game.turn = Math.max(1, Math.floor(Number(ui.debugDayInput?.value) || 1)); - uiSystem?.updatePanels(); - uiSystem?.updateUI(); - }); - ui.debugApplyUpgradeButton?.addEventListener('click', applyDebugUpgrade); - ui.debugUpgradeSelect?.addEventListener('pointerdown', refreshDebugUpgradeSelect); -} build = createBuildSystem({ game, ui, canvas, canvasPoint, onUpdatePanels: () => uiSystem?.updatePanels() }); chicks = createChickSystem({ game, currentConveyorSpeed, onGameOverCheck: () => uiSystem?.checkGameOver() }); cardSystem = createCardSystem({ game, ui, onUpdatePanels: () => uiSystem?.updatePanels() }); uiSystem = createUISystem({ game, ui, build, startGame, beginCardDraft: () => cardSystem.showDraft(), activeQueuedChick: chicks.activeQueuedChick }); -wireDebugControls(); initializeStaticText(); resetLayout(game); ensureMaintenanceState(game); refreshDebugUpgradeSelect(); chicks.updateCongestion(); uiSystem.updatePanels(); uiSystem.updateUI(); uiSystem.showTitle(); requestAnimationFrame(update); +initializeStaticText(); resetLayout(game); ensureMaintenanceState(game); chicks.updateCongestion(); uiSystem.updatePanels(); uiSystem.updateUI(); uiSystem.showTitle(); requestAnimationFrame(update); diff --git a/src/index.html b/src/index.html index f6bcf63..a84c5b6 100644 --- a/src/index.html +++ b/src/index.html @@ -3,7 +3,7 @@ - Chick Sorter v11.0 Routing / Compact Upgrades + Chick Sorter v27.0 @@ -12,9 +12,9 @@
-
CASHJPY 250
+
CASH￥250
TIME60.0s
-
NETJPY 0
+
NET￥0
DAY1
PHASETitle
@@ -35,8 +35,8 @@
-

CHICK SORTER v11.0

-

Build, drag, connect all receiver ports, then start the next day.

+

CHICK SORTER v27.0

+

Build, drag, connect at least one valid EGG route, then start the next day.

@@ -45,14 +45,15 @@

Add / Edit Equipment

- - - - - - - - + + + + + + + + +
Build tools unlock after each day.
@@ -62,13 +63,7 @@

Irregular One-Day Event

Irregular forced events appear during Build phase.
- -
-

Selected Facility

-
Click equipment in Build phase.
-
- -
+

Status

@@ -81,6 +76,20 @@
+ + +
+ DBG +
+ + + + + +
+
+
+
@@ -92,6 +101,6 @@ - + diff --git a/src/render/draw.js b/src/render/draw.js index be8fbd0..a8cebaa 100644 --- a/src/render/draw.js +++ b/src/render/draw.js @@ -3,7 +3,7 @@ import { key, parseKey, pointToCell, cellCenter, mixHex, randomBetween, yen } fr import { getConveyorNeighbors, routeFromFarmToScanner, outputRoute, scannerCenter, scannerConnector, scannerOutputs, destinationLabel, destinationColor, scannerPortHasConveyor } from '../systems/routing.js'; import { upgradedMixerPrice, upgradedTruckPrice } from '../systems/economy.js'; import { cardTargetBounds } from '../systems/cards.js'; -import { wearRatio, remainingPercent } from '../systems/maintenance.js'; +import { wearRatio } from '../systems/maintenance.js'; // Optional art overlay hook. // Keep external art probing disabled by default so a clean checkout does not emit 404s for missing PNGs. @@ -12,7 +12,7 @@ const ENABLE_EXTERNAL_ART_ASSETS = false; const ASSET_PATHS = { chickMale: './assets/images/chick_male.png', chickFemale: './assets/images/chick_female.png', - poop: './assets/images/tarinai.png', + poop: new URL('../../assets/images/poop.png', import.meta.url).href, conveyor: './assets/images/conveyor.png', scannerManual: './assets/images/scanner_manual.png', scannerAuto: './assets/images/scanner_auto.png', @@ -27,7 +27,7 @@ for (const [name, src] of Object.entries(ASSET_PATHS)) { const img = new Image(); img.loaded = false; img.onerror = () => { img.loaded = false; }; - if (ENABLE_EXTERNAL_ART_ASSETS && src) { + if ((ENABLE_EXTERNAL_ART_ASSETS || name === 'poop') && src) { img.onload = () => { img.loaded = true; }; img.src = src; } @@ -56,7 +56,6 @@ export function drawAll(ctx, canvas, game, helpers) { drawSelectionBox(ctx, game); drawEffects(ctx, game); drawFloatingTexts(ctx, game); - if (game.debug) drawDebug(ctx, game); ctx.restore(); drawCanvasHints(ctx, game, canvas); } @@ -103,17 +102,13 @@ function drawGrid(ctx, game) { ctx.strokeStyle = 'rgba(16,32,21,.60)'; ctx.lineWidth = 2; rect(ctx, c.x - GRID.cell / 2 + 4, c.y - GRID.cell / 2 + 4, GRID.cell - 8, GRID.cell - 8, true, true); - ctx.fillStyle = 'rgba(255,255,255,.70)'; - ctx.font = '900 9px ui-monospace, monospace'; - ctx.textAlign = 'center'; - ctx.fillText('NO BUILD', c.x, c.y + 3); } ctx.restore(); } function drawDirtOverlay(ctx, x, y, w, h, target, radius = 0) { const wear = wearRatio(target); - if (wear <= 0.01) return; + if (wear < 0.50) return; ctx.save(); ctx.globalAlpha = Math.min(0.62, 0.12 + wear * 0.54); ctx.fillStyle = '#6b4a23'; @@ -174,6 +169,7 @@ function drawConveyors(ctx, game) { ctx.strokeStyle = THEME.ink; ctx.lineWidth = 2; rect(ctx, c.x - 8, c.y - 8, 16, 16, true, true); drawDirtOverlay(ctx, c.x - 14, c.y - 14, 28, 28, { meta: game.conveyorMeta.get(k) }); + drawSelection(ctx, game, 'conveyor', k, c.x, c.y, 38, 38); drawConveyorDirectionMarkers(ctx, c, directionMarkers.get(k) || []); if (ratio > 0.5) label(ctx, c.x, c.y - 15, `${Math.floor(ratio * 100)}%`, THEME.danger); } @@ -289,6 +285,7 @@ function drawScanner(ctx, scanner, game) { const img = scanner.kind === 'auto' ? assets.scannerAuto : assets.scannerManual; if (drawImageIfLoaded(ctx, img, c.x - 54, c.y - 38, 108, 76)) { if (scanner.kind === 'auto') drawDirtOverlay(ctx, c.x - 54, c.y - 38, 108, 76, scanner); + else drawManualKeyboardIcon(ctx, scanner, c); drawSelection(ctx, game, 'scanner', scanner.id, c.x, c.y, 116, 84); ctx.restore(); return; } @@ -297,17 +294,63 @@ function drawScanner(ctx, scanner, game) { rect(ctx, c.x - 52, c.y - 36, 104, 72, true, true); ctx.fillStyle = scanner.kind === 'auto' ? THEME.green : THEME.ink; ctx.font = '900 13px ui-monospace, monospace'; ctx.textAlign = 'center'; - ctx.fillText(`${scanner.kind === 'auto' ? 'AUTO' : `S${(scanner.slot ?? 0) + 1}`}`, c.x, c.y - 12); - ctx.font = '900 10px ui-monospace, monospace'; - ctx.fillText(scanner.role === 0 ? 'A/L:M D/R:NEXT' : 'L:WASTE R:TRUCK', c.x, c.y + 7); + ctx.fillText(`${scanner.kind === 'auto' ? 'AUTO' : `S${(scanner.slot ?? 0) + 1}`}`, c.x, c.y - 14); + ctx.font = '900 9px ui-monospace, monospace'; + ctx.fillText(scanner.role === 0 ? 'A/L:M D/R:NEXT' : 'L:WASTE R:TRUCK', c.x, c.y + 3); const q = scanner.queue.length; - ctx.fillStyle = q > 0 ? THEME.green : THEME.muted; - ctx.fillText(`Q:${q}${scanner.kind === 'auto' ? ` CD:${scanner.cooldown.toFixed(1)}` : ''}`, c.x, c.y + 25); - if (scanner.kind === 'auto') drawDirtOverlay(ctx, c.x - 52, c.y - 36, 104, 72, scanner); + if (scanner.kind === 'manual') { + drawManualKeyboardIcon(ctx, scanner, c); + ctx.fillStyle = q > 0 ? THEME.green : THEME.muted; + ctx.font = '900 8px ui-monospace, monospace'; + ctx.fillText(`Q:${q}`, c.x, c.y + 32); + } else { + ctx.fillStyle = q > 0 ? THEME.green : THEME.muted; + ctx.font = '900 10px ui-monospace, monospace'; + ctx.fillText(`Q:${q} CD:${scanner.cooldown.toFixed(1)}`, c.x, c.y + 25); + drawDirtOverlay(ctx, c.x - 52, c.y - 36, 104, 72, scanner); + } drawSelection(ctx, game, 'scanner', scanner.id, c.x, c.y, 116, 84); ctx.restore(); } +function drawManualKeyboardIcon(ctx, scanner, c) { + if (scanner.kind !== 'manual') return; + const slot = scanner.slot ?? 0; + const labels = slot === 0 + ? [{ side: 'left', text: 'A' }, { side: 'right', text: 'D' }] + : [{ side: 'left', text: '←' }, { side: 'right', text: '→' }]; + const pressedSide = scanner.keyPressTime > 0 ? scanner.keyPressSide : null; + const baseX = c.x - 30; + const baseY = c.y + 8; + ctx.save(); + ctx.lineWidth = 3; + ctx.fillStyle = '#f7fff5'; + ctx.strokeStyle = THEME.ink; + rect(ctx, baseX - 4, baseY - 4, 68, 25, true, true); + ctx.font = '900 13px ui-monospace, monospace'; + ctx.textAlign = 'center'; + for (let i = 0; i < labels.length; i += 1) { + const keyDef = labels[i]; + const pressed = pressedSide === keyDef.side; + const x = baseX + i * 32; + const y = baseY + (pressed ? 3 : 0); + ctx.fillStyle = pressed ? THEME.greenSoft : THEME.white; + ctx.strokeStyle = THEME.ink; + ctx.lineWidth = pressed ? 4 : 3; + rect(ctx, x, y, 28, 17, true, true); + if (!pressed) { + ctx.fillStyle = 'rgba(16,32,21,.18)'; + rect(ctx, x + 3, y + 17, 28, 3, true, false); + } + ctx.fillStyle = THEME.ink; + ctx.fillText(keyDef.text, x + 14, y + 13); + } + ctx.fillStyle = THEME.muted; + ctx.font = '900 6px ui-monospace, monospace'; + ctx.fillText('KEYBOARD', c.x, baseY - 7); + ctx.restore(); +} + function targetForTruck(game) { return game.contractActive?.target || game.contractOffer?.target || 'female'; } @@ -416,7 +459,7 @@ function drawTruck(ctx, game) { const t = game.facilities.truck; ctx.save(); drawExternalDuct(ctx, t); - if (drawImageIfLoaded(ctx, assets.truck, t.x, t.y, t.w, t.h)) { ctx.restore(); return; } + if (drawImageIfLoaded(ctx, assets.truck, t.x, t.y, t.w, t.h)) { drawSelection(ctx, game, 'facility', 'truck', t.x + t.w / 2, t.y + t.h / 2, t.w + 12, t.h + 12); ctx.restore(); return; } ctx.fillStyle = THEME.white; ctx.strokeStyle = THEME.ink; ctx.lineWidth = 4; rect(ctx, t.x, t.y, t.w, t.h, true, true); ctx.fillStyle = THEME.ink; ctx.font = '900 15px ui-monospace, monospace'; ctx.textAlign = 'center'; ctx.fillText(`TRUCK L${t.level}`, t.x + t.w / 2, t.y + 24); ctx.font = '900 11px ui-monospace, monospace'; ctx.fillText(`UNIT ${yen(upgradedTruckPrice(game))}`, t.x + t.w / 2, t.y + 42); @@ -482,7 +525,13 @@ function isSelected(game, type, id) { } function drawSelection(ctx, game, type, id, x, y, w, h) { if (!isSelected(game, type, id)) return; - ctx.save(); ctx.strokeStyle = THEME.green; ctx.lineWidth = 4; ctx.setLineDash([8, 5]); ctx.strokeRect(x - w / 2, y - h / 2, w, h); ctx.restore(); + ctx.save(); + ctx.fillStyle = 'rgba(34,185,79,.18)'; + ctx.strokeStyle = THEME.green; + ctx.lineWidth = (game.multiSelected || []).length > 1 ? 6 : 4; + ctx.setLineDash((game.multiSelected || []).length > 1 ? [] : [8, 5]); + rect(ctx, x - w / 2, y - h / 2, w, h, true, true); + ctx.restore(); } function drawSelectedTooltip(ctx, game, selectedObject, selectedTitle) { if (game.phase !== 'build') return; @@ -501,7 +550,15 @@ function drawCardTargetOverlay(ctx, canvas, game) { // The canvas is already translated by the camera. Offset the dark layer back to screen space // so every non-candidate object is reliably dimmed even after panning. ctx.fillStyle = 'rgba(0,0,0,.66)'; - ctx.fillRect(-game.view.x, -game.view.y, canvas.width, canvas.height); + ctx.beginPath(); + ctx.rect(-game.view.x, -game.view.y, canvas.width, canvas.height); + for (const item of items) { + const b = item.bounds; + const pad = 8; + ctx.rect(b.x - pad, b.y - pad, b.w + pad * 2, b.h + pad * 2); + } + ctx.fill('evenodd'); + const isBlockedCellMode = game.cardTargetPick?.mode === 'blockedCell'; if (!items.length) { ctx.fillStyle = 'rgba(255,255,255,.95)'; ctx.strokeStyle = THEME.ink; @@ -510,38 +567,20 @@ function drawCardTargetOverlay(ctx, canvas, game) { ctx.fillStyle = THEME.danger; ctx.font = '900 12px ui-monospace, monospace'; ctx.textAlign = 'center'; - ctx.fillText('NO VALID UPGRADE TARGET. PRESS ESC.', 470 - game.view.x, 122 - game.view.y); + ctx.fillText(isBlockedCellMode ? 'NO BLOCKED CELL. PRESS ESC.' : 'NO VALID UPGRADE TARGET. PRESS ESC.', 470 - game.view.x, 122 - game.view.y); ctx.restore(); return; } - for (const item of items) { - const b = item.bounds; - ctx.save(); - ctx.shadowColor = THEME.white; - ctx.shadowBlur = 20; - ctx.fillStyle = 'rgba(255,255,255,.32)'; - ctx.strokeStyle = THEME.white; - ctx.lineWidth = 8; - ctx.setLineDash([10, 6]); - rect(ctx, b.x - 10, b.y - 10, b.w + 20, b.h + 20, true, true); - ctx.restore(); - - ctx.save(); - ctx.strokeStyle = THEME.green; - ctx.lineWidth = 4; - ctx.strokeRect(b.x - 4, b.y - 4, b.w + 8, b.h + 8); - ctx.restore(); - - ctx.fillStyle = 'rgba(255,255,255,.96)'; - ctx.strokeStyle = THEME.ink; - ctx.lineWidth = 3; - const labelW = Math.min(300, Math.max(150, item.label.length * 7)); - rect(ctx, b.cx - labelW / 2, b.y - 34, labelW, 24, true, true); - ctx.fillStyle = THEME.ink; - ctx.font = '900 10px ui-monospace, monospace'; - ctx.textAlign = 'center'; - ctx.fillText(item.label, b.cx, b.y - 18); - } + ctx.fillStyle = 'rgba(255,255,255,.95)'; + ctx.strokeStyle = THEME.ink; + ctx.lineWidth = 3; + const remaining = Math.max(1, game.cardTargetPick?.remaining || 1); + const msg = isBlockedCellMode ? `CLICK BLOCKED CELL: ${remaining} LEFT. PRESS ESC TO CANCEL.` : 'CLICK AN UPGRADEABLE MACHINE. PRESS ESC TO CANCEL.'; + rect(ctx, 216 - game.view.x, 96 - game.view.y, 560, 42, true, true); + ctx.fillStyle = THEME.ink; + ctx.font = '900 12px ui-monospace, monospace'; + ctx.textAlign = 'center'; + ctx.fillText(msg, 496 - game.view.x, 122 - game.view.y); ctx.restore(); } @@ -586,17 +625,35 @@ function drawFloatingTexts(ctx, game) { function drawRepairman(ctx, game) { const r = game.repairman; - if (!r?.active) return; + const visible = !!r?.active || (game.phase === 'build' && !!r?.hiredForNextDay); + if (!visible) return; ctx.save(); + ctx.lineWidth = 3; ctx.fillStyle = '#fff0d1'; ctx.strokeStyle = THEME.ink; + ctx.beginPath(); ctx.arc(r.x, r.y, 17, 0, Math.PI * 2); ctx.fill(); ctx.stroke(); + ctx.fillStyle = '#ffd6e7'; + ctx.beginPath(); ctx.arc(r.x - 6, r.y - 2, 3.2, 0, Math.PI * 2); ctx.fill(); + ctx.beginPath(); ctx.arc(r.x + 6, r.y - 2, 3.2, 0, Math.PI * 2); ctx.fill(); + const exploited = !!game.cardEffects?.laborExploitation; + ctx.fillStyle = exploited ? THEME.danger : THEME.ink; + ctx.beginPath(); ctx.arc(r.x - 5, r.y - 5, exploited ? 2.8 : 2.2, 0, Math.PI * 2); ctx.fill(); + ctx.beginPath(); ctx.arc(r.x + 5, r.y - 5, exploited ? 2.8 : 2.2, 0, Math.PI * 2); ctx.fill(); + ctx.strokeStyle = THEME.ink; + ctx.lineWidth = exploited ? 3 : 2; + ctx.beginPath(); ctx.arc(r.x, r.y + (exploited ? 0 : 1), exploited ? 8 : 7, 0.10 * Math.PI, 0.90 * Math.PI); ctx.stroke(); + ctx.fillStyle = THEME.green; + rect(ctx, r.x - 9, r.y + 14, 18, 8, true, true); + ctx.strokeStyle = THEME.ink; ctx.lineWidth = 3; - ctx.beginPath(); ctx.arc(r.x, r.y, 15, 0, Math.PI * 2); ctx.fill(); ctx.stroke(); + ctx.beginPath(); ctx.moveTo(r.x - 11, r.y + 18); ctx.lineTo(r.x - 20, r.y + 24); ctx.stroke(); + ctx.beginPath(); ctx.moveTo(r.x + 11, r.y + 18); ctx.lineTo(r.x + 20, r.y + 24); ctx.stroke(); ctx.fillStyle = THEME.ink; - ctx.font = '900 10px ui-monospace, monospace'; + ctx.font = '900 9px ui-monospace, monospace'; ctx.textAlign = 'center'; - ctx.fillText('R', r.x, r.y + 4); - if (r.target?.label) label(ctx, r.x, r.y - 22, r.target.label, THEME.green); + ctx.fillText(r.active ? 'FIX' : 'HIRED', r.x, r.y + 33); + if (r.target?.label) label(ctx, r.x, r.y - 24, r.target.label, THEME.green); + else if (!r.active && r.hiredForNextDay) label(ctx, r.x, r.y - 24, 'NEXT DAY', THEME.green); ctx.restore(); } @@ -610,13 +667,8 @@ function drawCanvasHints(ctx, game, canvas) { ctx.font = '900 13px ui-monospace, monospace'; ctx.fillStyle = THEME.ink; const lines = []; if (game.phase === 'running') lines.push(game.timeLeft <= 0 ? 'TIME UP: FARMS SHUT. CLEAR LINE.' : 'A/D: S1 ←/→: S2'); - if (game.phase === 'build') lines.push(`BUILD: ${game.buildTool || 'SELECT'} | connect all receiver ports`); + if (game.phase === 'build') lines.push(`BUILD: ${game.buildTool || 'SELECT'} | connect 1 EGG route to any exit`); let y = 76; for (const line of lines) { ctx.strokeStyle = THEME.white; ctx.lineWidth = 4; ctx.strokeText(line, 24, y); ctx.fillText(line, 24, y); y += 20; } ctx.restore(); } -function drawDebug(ctx, game) { - ctx.save(); ctx.font = '900 9px ui-monospace, monospace'; ctx.textAlign = 'center'; ctx.fillStyle = THEME.danger; - for (const k of game.conveyorTiles) { const { col, row } = parseKey(k); const c = cellCenter(col, row); const comp = game.componentLookup?.get(k) || '?'; ctx.fillText(`${col},${row}/C${comp}`, c.x, c.y + 24); } - ctx.restore(); -} diff --git a/src/styles.css b/src/styles.css index dd3ec8c..29cafcf 100644 --- a/src/styles.css +++ b/src/styles.css @@ -1,367 +1,135 @@ :root { - --bg: #020303; - --screen: #050607; - --panel: rgba(10, 12, 14, 0.94); - --panel-solid: #0b0d0f; - --panel-2: #111417; - --line: rgba(132, 140, 148, 0.18); - --line-strong: rgba(177, 185, 193, 0.62); - --text: #d7dadd; - --muted: #8d949b; - --accent: #b4bac0; - --accent-2: #b99561; - --danger: #d66d6d; - --good: #9fd27d; - --shadow: 0 22px 70px rgba(0, 0, 0, 0.70); + --bg: #f2fff0; + --screen: #eefbea; + --panel: rgba(245, 255, 242, 0.96); + --ink: #102015; + --muted: #526456; + --line: #102015; + --green: #22b94f; + --green-soft: #b7f5c6; + --white: #ffffff; + --danger: #c42424; + --shadow: 8px 8px 0 rgba(16, 32, 21, 0.22); } - * { box-sizing: border-box; } html, body { min-height: 100%; } -body { - margin: 0; - background: - linear-gradient(90deg, rgba(255,255,255,0.012) 1px, transparent 1px), - linear-gradient(180deg, rgba(255,255,255,0.010) 1px, transparent 1px), - #020303; - background-size: 24px 24px; - color: var(--text); - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - overflow-x: hidden; -} - +body { margin: 0; background: var(--bg); color: var(--ink); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; overflow-x: hidden; } button { font: inherit; } h1, h2, p { margin: 0; } - -#app { - width: min(100vw, 1680px); - margin: 0 auto; - padding: 0 8px 12px; -} - -.game-shell { - position: relative; - width: 100%; - margin-top: 0; - min-height: min(100vh, 920px); - border: 1px solid #30363d; - border-top: 0; - border-radius: 0; - background: var(--screen); - box-shadow: var(--shadow); - overflow: hidden; -} - -.game-shell::before { - content: ""; - position: absolute; - inset: 0; - pointer-events: none; - background: linear-gradient(180deg, rgba(255,255,255,0.035), transparent 90px); - z-index: 1; -} - -#gameCanvas { - position: relative; - z-index: 0; - display: block; - width: 100%; - height: min(calc(100vh - 10px), 900px); - min-height: 660px; - background: #050607; - touch-action: none; -} - -.hud { - position: absolute; - z-index: 4; - display: grid; - gap: 6px; - pointer-events: none; -} -.hud-top-left { - top: 10px; - left: 10px; - grid-template-columns: repeat(5, minmax(78px, auto)); -} -.hud-top-right { - top: 10px; - right: 10px; - grid-template-columns: repeat(4, minmax(78px, auto)); -} -.hud-card { - min-width: 78px; - padding: 6px 8px; - border: 1px solid rgba(82, 91, 100, 0.76); - border-radius: 0; - background: rgba(9, 11, 13, 0.92); - box-shadow: inset 0 0 0 1px rgba(255,255,255,0.018), 0 8px 20px rgba(0, 0, 0, 0.26); - backdrop-filter: blur(3px); -} -.hud-card span { - display: block; - font-size: 9px; - line-height: 1; - letter-spacing: 0.09em; - color: #7c858e; - margin-bottom: 4px; -} -.hud-card strong { - font-size: clamp(15px, 1.35vw, 21px); - line-height: 1; -} -.hud-card.cash strong { color: #d7b27d; } -.hud-card.compact strong { font-size: clamp(13px, 1.1vw, 18px); } -.hud-card.profit strong { color: var(--good); } - +#app { width: min(100vw, 1680px); margin: 0 auto; padding: 0 8px 12px; } +.game-shell { position: relative; width: 100%; min-height: min(100vh, 920px); border: 4px solid var(--line); border-top: 0; background: var(--screen); overflow: hidden; box-shadow: var(--shadow); } +#gameCanvas { display: block; width: 100%; height: min(calc(100vh - 10px), 900px); min-height: 720px; background: var(--screen); touch-action: none; } +.hud { position: absolute; z-index: 4; display: grid; gap: 6px; pointer-events: none; } +.hud-top-left { top: 10px; left: 10px; grid-template-columns: repeat(5, minmax(86px, auto)); } +.hud-top-right { top: 10px; right: 10px; grid-template-columns: repeat(4, minmax(78px, auto)); } +.hud-card { min-width: 82px; padding: 7px 9px; border: 3px solid var(--line); background: rgba(255,255,255,.88); box-shadow: 4px 4px 0 rgba(16,32,21,.16); } +.hud-card.primary { min-width: 116px; padding: 10px 12px; background: rgba(255,255,255,.96); } +.hud-card.primary span { font-size: 9px; } +.hud-card.primary strong { font-size: clamp(22px, 2vw, 32px); } +.hud-card.time-critical { background: #fff0d1; box-shadow: inset 0 0 0 4px var(--danger), 4px 4px 0 rgba(16,32,21,.16); } +.hud-card span { display: block; font-size: 9px; letter-spacing: .1em; color: var(--muted); margin-bottom: 4px; } +.hud-card strong { font-size: clamp(15px, 1.3vw, 22px); line-height: 1; color: var(--ink); } +.hud-card.cash strong, .hud-card.profit strong, .cash-positive { color: var(--green) !important; } .cash-negative { color: var(--danger) !important; } -.cash-positive { color: var(--good) !important; } -.upgrade-panel { - position: absolute; - z-index: 5; - left: 10px; - right: 10px; - bottom: 64px; - display: grid; - gap: 9px; - padding: 10px; - border: 1px solid #343a40; - border-radius: 0; - background: rgba(8, 10, 12, 0.94); - box-shadow: 0 20px 55px rgba(0, 0, 0, 0.56); - backdrop-filter: blur(4px); -} -.panel-head { - display: flex; - justify-content: space-between; - align-items: flex-start; - gap: 14px; -} -.panel-head h1 { - font-size: 18px; - letter-spacing: 0.08em; -} -.panel-head h1 span { - color: #050607; - font-size: 11px; - background: #b4bac0; - border-radius: 0; - padding: 2px 7px; - vertical-align: middle; -} -.panel-head p, -.mini-box, -.upgrade-desc { color: var(--muted); } -.panel-grid { - display: grid; - grid-template-columns: 260px minmax(420px, 1fr) 340px; - gap: 10px; -} -.upgrade-panel h2 { - color: var(--accent); - font-size: 12px; - text-transform: uppercase; - letter-spacing: 0.10em; - margin-bottom: 7px; -} -.tool-list, -.upgrade-list { - display: grid; - gap: 7px; -} -.tool-list { grid-template-columns: 1fr 1fr; } -.tool-button, -.primary-button, -.sort-button, -.buy-button { - border-radius: 0; - cursor: pointer; - font-weight: 850; - text-transform: uppercase; - letter-spacing: 0.035em; - transition: transform 0.06s ease, filter 0.12s ease, opacity 0.12s ease, border-color 0.12s ease; -} -.tool-button:active, -.primary-button:active, -.sort-button:active, -.buy-button:active { transform: translateY(1px); } -.tool-button:disabled, -.primary-button:disabled, -.sort-button:disabled, -.buy-button:disabled { - cursor: not-allowed; - opacity: 0.38; -} -.tool-button { - color: var(--text); - background: #111417; - border: 1px solid rgba(82, 91, 100, 0.76); - padding: 8px 9px; - text-align: left; - font-size: 11px; -} -.tool-button.active { - border-color: #b4bac0; - box-shadow: inset 0 0 0 1px rgba(180, 186, 192, 0.35); -} -.tool-button.danger.active { - border-color: var(--danger); - box-shadow: inset 0 0 0 1px rgba(214, 109, 109, 0.30); -} -.primary-button { - border: 1px solid #b4bac0; - padding: 9px 16px; - background: #b4bac0; - color: #050607; - white-space: nowrap; -} -.upgrade-list { - grid-template-columns: repeat(3, minmax(0, 1fr)); -} -.upgrade-item { - border: 1px solid #30363d; - border-radius: 0; - padding: 8px; - background: #0f1215; -} -.upgrade-head { - display: flex; - justify-content: space-between; - gap: 8px; - margin-bottom: 4px; -} -.upgrade-head strong { font-size: 12px; } -.upgrade-level { color: var(--muted); font-size: 11px; white-space: nowrap; } -.upgrade-desc { font-size: 11px; line-height: 1.28; margin-bottom: 7px; } -.buy-button { - color: var(--text); - background: #1a1f24; - border: 1px solid #4b535b; - padding: 6px 8px; - font-size: 11px; -} -.buy-button:not(:disabled):hover, -.tool-button:not(:disabled):hover, -.sort-button:not(:disabled):hover { filter: brightness(1.14); } -.mini-box { - padding: 8px; - border: 1px solid #30363d; - border-radius: 0; - background: #080a0c; - font-size: 11px; - line-height: 1.45; -} -.mini-box strong { color: var(--text); } +.priority-strip { position: absolute; z-index: 5; top: 76px; left: 10px; display: grid; grid-template-columns: minmax(280px, 1.2fr) minmax(170px, .75fr) minmax(130px, .55fr); gap: 8px; max-width: calc(100% - 420px); pointer-events: none; } +.priority-strip > div { border: 3px solid var(--line); background: rgba(255,255,255,.94); padding: 8px 10px; font-weight: 900; text-transform: uppercase; box-shadow: 4px 4px 0 rgba(16,32,21,.14); font-size: 12px; letter-spacing: .03em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } +.event-brief.active { background: #fff0d1; box-shadow: inset 0 0 0 3px var(--danger), 4px 4px 0 rgba(16,32,21,.14); } +.event-brief.next { background: var(--green-soft); box-shadow: inset 0 0 0 3px var(--green), 4px 4px 0 rgba(16,32,21,.14); } +.event-brief.locked { background: #edf3ec; color: var(--muted); } +.target-brief { color: var(--green); } +.speed-brief { color: var(--ink); } -.control-dock { - position: absolute; - z-index: 7; - left: 50%; - bottom: 10px; - transform: translateX(-50%); - display: grid; - grid-template-columns: repeat(4, 150px); - gap: 8px; - padding: 6px; - border: 1px solid #343a40; - background: rgba(8, 10, 12, 0.92); -} -.sort-button { - border: 1px solid #4b535b; - min-height: 46px; - font-size: 12px; - color: #f0f1f2; - box-shadow: inset 0 0 0 1px rgba(255,255,255,0.025); -} -.sort-button.mixer { - background: #1b2025; -} -.sort-button.truck { - background: #2a2118; - border-color: #705a3c; -} - -.modal { - position: fixed; - inset: 0; - z-index: 20; - display: none; - align-items: center; - justify-content: center; - padding: 22px; - background: rgba(0, 0, 0, 0.72); -} +.build-panel { position: absolute; z-index: 6; top: 118px; right: 12px; bottom: 12px; width: clamp(278px, 23vw, 360px); min-height: 0; padding: 10px; border: 4px solid var(--line); background: var(--panel); box-shadow: var(--shadow); overflow: auto; } +.panel-head { display: grid; gap: 8px; margin-bottom: 10px; } +.panel-head h1 { font-size: 15px; letter-spacing: .06em; } +.panel-head h1 span { font-size: 9px; color: var(--white); background: var(--green); border: 2px solid var(--line); padding: 1px 6px; } +.panel-head p { color: var(--muted); margin-top: 4px; font-size: 9px; line-height: 1.25; } +.panel-grid { display: grid; grid-template-columns: 1fr; gap: 10px; } +.build-panel h2 { font-size: 11px; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 7px; } +.large-tools { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; } +.history-tools { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; grid-column: 1 / -1; } +.tool-button.small { min-height: 40px; padding: 6px; } +.tool-button, .primary-button, .sort-button, .facility-action { border: 3px solid var(--line); background: var(--white); color: var(--ink); font-weight: 900; text-transform: uppercase; cursor: pointer; box-shadow: 4px 4px 0 rgba(16,32,21,.18); } +.tool-button { min-height: 50px; text-align: left; padding: 8px; } +.tool-button strong { display: block; font-size: 12px; } +.tool-button span { display: block; margin-top: 4px; font-size: 9px; color: var(--muted); } +.tool-button.active { background: var(--green-soft); box-shadow: inset 0 0 0 3px var(--green), 4px 4px 0 rgba(16,32,21,.18); } +.tool-button.danger.active { background: #ffdada; box-shadow: inset 0 0 0 3px var(--danger), 4px 4px 0 rgba(16,32,21,.18); } +.primary-button { padding: 10px 12px; background: var(--green); color: var(--white); white-space: nowrap; } +.primary-button:disabled, .tool-button:disabled, .sort-button:disabled, .facility-action:disabled { opacity: .42; cursor: not-allowed; } +.mini-box, .facility-panel-empty, .facility-card { border: 3px solid var(--line); background: var(--white); padding: 12px; line-height: 1.45; color: var(--muted); font-size: 11px; } +.facility-card h3 { color: var(--ink); font-size: 12px; margin: 0 0 6px; } +.facility-card p { margin: 4px 0; } +.facility-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; } +.facility-action { padding: 7px 9px; font-size: 9px; } +.facility-action.good { background: var(--green-soft); } +.facility-action.warn { background: #fff0d1; } +.facility-action.danger { background: #ffdada; } +.control-dock { position: absolute; z-index: 7; left: 50%; bottom: 12px; transform: translateX(-50%); display: grid; grid-template-columns: repeat(4, 150px); gap: 8px; padding: 7px; border: 3px solid var(--line); background: rgba(255,255,255,.90); } +.sort-button { min-height: 46px; font-size: 12px; } +.modal { position: fixed; inset: 0; z-index: 20; display: none; align-items: center; justify-content: center; padding: 22px; background: rgba(16,32,21,.45); } .modal.visible { display: flex; } -.modal-card { - width: min(720px, 96vw); - border: 1px solid #4b535b; - border-radius: 0; - padding: 22px; - background: #090b0d; - box-shadow: 0 34px 110px rgba(0, 0, 0, 0.78); -} -.modal-card h2 { - font-size: 24px; - margin-bottom: 12px; - letter-spacing: 0.06em; - text-transform: uppercase; -} -.modal-card p { color: var(--text); line-height: 1.55; } -.modal-card ul { - margin: 12px 0 0; - padding-left: 22px; - color: var(--muted); - line-height: 1.55; -} -.modal-card strong { color: var(--text); } -.modal-actions { - margin-top: 18px; - display: flex; - justify-content: flex-end; - gap: 10px; -} - -@media (max-width: 1100px) { +.modal-card { width: min(860px, 96vw); border: 4px solid var(--line); padding: 24px; background: var(--white); box-shadow: var(--shadow); } +.modal-card h2 { font-size: 26px; text-transform: uppercase; margin-bottom: 12px; } +.modal-card p { line-height: 1.55; } +.modal-card ul { margin: 12px 0 0; padding-left: 22px; line-height: 1.55; color: var(--muted); } +.modal-actions { margin-top: 18px; display: flex; justify-content: flex-end; gap: 10px; flex-wrap: wrap; } +.route-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 14px 0; } +.route-card { border: 3px solid var(--line); background: #f7fff5; padding: 14px; display: grid; grid-template-columns: 44px 1fr 28px 1fr; align-items: center; gap: 4px 8px; } +.route-card .route-icon { grid-row: 1 / span 2; font-size: 30px; text-align: center; } +.route-card strong, .route-card em { font-style: normal; font-weight: 900; text-transform: uppercase; } +.route-card b { font-size: 24px; color: var(--green); text-align: center; } +.route-card small { grid-column: 2 / span 3; color: var(--muted); font-weight: 900; } +.result-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 12px; } +.result-grid div { border: 3px solid var(--line); padding: 10px; background: #f7fff5; } +.result-grid strong { display: block; font-size: 11px; color: var(--muted); text-transform: uppercase; margin-bottom: 6px; } +.result-grid span { font-size: 16px; font-weight: 900; color: var(--ink); } +.game-shell:not(.phase-build) .build-panel { display: none; } +.game-shell.phase-running .hud-top-right { display: none; } +.game-shell:not(.phase-running) .control-dock { display: none; } +@media (max-width: 1180px) { #app { padding: 0; } .game-shell { min-height: 100vh; } - #gameCanvas { height: 100vh; min-height: 680px; } - .hud-top-left, - .hud-top-right { grid-template-columns: repeat(2, minmax(74px, auto)); } - .panel-grid { grid-template-columns: 1fr; } - .upgrade-list { grid-template-columns: 1fr; } - .upgrade-panel { max-height: 44vh; overflow: auto; } + #gameCanvas { height: 100vh; } + .hud-top-left, .hud-top-right { grid-template-columns: repeat(2, minmax(76px, auto)); } + .priority-strip { top: 150px; left: 8px; right: 8px; max-width: none; grid-template-columns: 1fr; } + .build-panel { top: auto; left: 8px; right: 8px; bottom: 8px; width: auto; max-height: 42vh; } + .large-tools { grid-template-columns: 1fr 1fr; } .control-dock { grid-template-columns: repeat(2, 150px); } + .route-cards, .result-grid { grid-template-columns: 1fr; } } -/* v6 visibility pass: play-first layering */ -.game-shell:not(.phase-build) .upgrade-panel { - display: none; -} -.game-shell.phase-running .hud-top-right { - display: none; -} -.game-shell:not(.phase-running) .control-dock { - display: none; -} -.game-shell.phase-build .upgrade-panel { - bottom: 10px; -} -.game-shell.phase-running .hud-card { - background: rgba(5, 7, 8, 0.84); - border-color: rgba(124, 133, 142, 0.42); -} +.contract-card { border: 3px solid var(--line); background: #f7fff5; padding: 12px; line-height: 1.35; color: var(--ink); font-size: 11px; box-shadow: 4px 4px 0 rgba(16,32,21,.14); } +.contract-card.empty { color: var(--muted); background: rgba(255,255,255,.72); } +.contract-card.empty strong { display: block; color: var(--ink); margin-bottom: 4px; } +.contract-card h3 { margin: 2px 0 7px; font-size: 14px; text-transform: uppercase; letter-spacing: .04em; } +.contract-card p { margin: 5px 0; } +.contract-card.accepted { background: var(--green-soft); box-shadow: inset 0 0 0 3px var(--green), 4px 4px 0 rgba(16,32,21,.14); } +.contract-card.declined { background: #f1f1f1; color: var(--muted); } +.contract-status { display: inline-block; padding: 2px 7px; border: 2px solid var(--line); background: var(--white); font-size: 9px; font-weight: 900; letter-spacing: .1em; margin-bottom: 4px; } +.contract-metrics { display: grid; grid-template-columns: 1fr; gap: 4px; margin: 8px 0; } +.contract-metrics span { display: block; border: 2px solid rgba(16,32,21,.55); background: rgba(255,255,255,.82); padding: 5px; font-weight: 900; color: var(--ink); } +.contract-actions { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; } +.result-section-title { margin: 16px 0 8px; font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .12em; color: var(--green); } +.result-section-title:first-child { margin-top: 0; } +.muted-title { color: var(--muted); border: 3px solid var(--line); padding: 10px; background: #f7fff5; } + +.compact-rules .mini-box { padding: 8px; font-size: 9px; } +.primary-button:disabled { filter: grayscale(1); background: #c9d2ca; color: #526456; } .formula-box { - border: 1px solid #30363d; - background: #101418; + border: 3px solid var(--line); + background: #f7fff5; padding: 10px; margin: 10px 0; line-height: 1.5; - color: var(--text); + color: var(--ink); font-size: 12px; + font-weight: 700; } .equipment-menu-lines { - border: 1px solid #30363d; - background: #080a0c; + border: 3px solid var(--line); + background: #ffffff; padding: 10px; margin: 8px 0; color: var(--muted); @@ -381,12 +149,13 @@ h1, h2, p { margin: 0; } position: absolute; left: var(--popover-x, 16px); top: var(--popover-y, 16px); - width: min(320px, calc(100vw - 24px)); - max-height: min(360px, calc(100vh - 24px)); + width: min(250px, calc(100vw - 24px)); + max-height: min(280px, calc(100vh - 24px)); overflow: auto; - padding: 10px; + padding: 8px; + border-width: 3px; pointer-events: auto; - box-shadow: 6px 6px 0 rgba(0,0,0,.28); + box-shadow: 6px 6px 0 rgba(16,32,21,.18); } .modal.equipment-popover .modal-card h2 { font-size: 14px; @@ -398,16 +167,457 @@ h1, h2, p { margin: 0; } justify-content: flex-start; } .modal.equipment-popover .modal-actions button { - padding: 7px 9px; - font-size: 10px; + padding: 5px 7px; + font-size: 9px; } .equipment-menu-lines.compact { padding: 7px; margin: 6px 0; - font-size: 10px; + font-size: 9px; } .formula-box.compact { padding: 7px; margin: 6px 0; - font-size: 10px; + font-size: 9px; +} + +/* v15 pre-build card draft */ +.card-choices { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(190px, 220px)); + justify-content: center; + align-items: stretch; + gap: 10px; + margin-top: 14px; +} +.card-choice { + min-height: 132px; + border: 3px solid var(--line); + background: #f7fff5; + color: var(--ink); + box-shadow: 5px 5px 0 rgba(16,32,21,.16); + padding: 12px; + text-align: left; + cursor: pointer; + font-weight: 900; +} +.card-choice:hover { transform: translate(-1px, -1px); box-shadow: 6px 6px 0 rgba(16,32,21,.18); } +.card-choice strong { display: block; font-size: 14px; text-transform: uppercase; line-height: 1.2; } +.card-choice span { display: inline-block; margin: 8px 0; padding: 2px 7px; border: 2px solid var(--line); background: var(--white); font-size: 9px; letter-spacing: .1em; } +.card-choice small { display: block; color: var(--muted); font-size: 11px; line-height: 1.35; } +.card-choice.rare { background: #fff0d1; box-shadow: inset 0 0 0 3px #f0a020, 5px 5px 0 rgba(16,32,21,.16); } +.card-choice.ultra-rare { background: #ffe6f0; box-shadow: inset 0 0 0 3px #c42424, 5px 5px 0 rgba(16,32,21,.18); } +.card-choice.ultra-rare span { background: #c42424; color: #fff; } +.muted-card-note { color: var(--muted); font-weight: 700; } +.card-targets { display: grid; gap: 8px; margin-top: 14px; } +.card-target-button { border: 3px solid var(--line); background: #f7fff5; padding: 10px 12px; text-align: left; cursor: pointer; font-weight: 900; box-shadow: 4px 4px 0 rgba(16,32,21,.14); } +.card-target-button:hover { background: var(--green-soft); } + +/* v19 readability pass */ +body { font-size: 16px; } +.hud-card span { font-size: 11px; } +.hud-card strong { font-size: clamp(18px, 1.5vw, 25px); } +.priority-strip > div { font-size: 14px; } +.panel-head h1 { font-size: 18px; } +.panel-head p { font-size: 11px; } +.build-panel h2 { font-size: 13px; } +.tool-button strong { font-size: 14px; } +.tool-button span { font-size: 11px; } +.mini-box, .facility-panel-empty, .facility-card, .contract-card { font-size: 12px; } +.facility-card h3 { font-size: 14px; } +.sort-button { font-size: 14px; } +.modal-card h2 { font-size: 29px; } +.card-choice strong { font-size: 16px; } +.card-choice small { font-size: 13px; } + +.tool-button.unaffordable, .tool-button.already-built { opacity: .42; filter: grayscale(.7); } + +.hover-tooltip { + position: fixed; + z-index: 30; + width: min(320px, calc(100vw - 20px)); + display: none; + border: 3px solid var(--line); + background: rgba(255,255,255,.96); + color: var(--ink); + box-shadow: 6px 6px 0 rgba(16,32,21,.18); + padding: 10px; + pointer-events: none; + line-height: 1.35; +} +.hover-tooltip.visible { display: block; } +.hover-tooltip strong { display: block; font-size: 15px; text-transform: uppercase; margin-bottom: 5px; } +.hover-tooltip em { display: block; font-style: normal; color: var(--green); font-weight: 900; margin-bottom: 7px; } +.hover-tooltip span { display: block; color: var(--muted); font-size: 12px; } + +.debug-panel { + position: absolute; + left: 10px; + bottom: 10px; + z-index: 12; + border: 3px solid var(--line); + background: rgba(255,255,255,.94); + box-shadow: 4px 4px 0 rgba(16,32,21,.16); + max-width: 330px; +} +.debug-panel summary { + cursor: pointer; + padding: 5px 8px; + font-weight: 900; + font-size: 12px; + user-select: none; +} +.debug-body { + display: grid; + gap: 7px; + padding: 8px; + border-top: 3px solid var(--line); + font-size: 12px; +} +.debug-body label { display: grid; gap: 3px; font-weight: 900; color: var(--muted); } +.debug-body input, .debug-body select, .debug-body button { + border: 2px solid var(--line); + background: var(--white); + color: var(--ink); + font: inherit; + font-weight: 900; + padding: 5px 6px; +} +.debug-body button { cursor: pointer; background: var(--green-soft); } + +.card-choice.dud { + background: #eeeeee; + color: #777; + filter: grayscale(1); + border-style: dashed; + box-shadow: 5px 5px 0 rgba(16,32,21,.10); +} +.card-choice.dud span { background: #f8f8f8; } +.card-choice.flung { + pointer-events: none; + transform: translate(var(--fling-x, 480px), var(--fling-y, -320px)) rotate(var(--fling-r, 68deg)) scale(.68); + opacity: 0; + transition: transform .34s cubic-bezier(.18,.84,.26,.99), opacity .28s ease-in; +} + +/* v20 Phase 1 observability */ +.debug-readout { + border: 2px solid var(--line); + background: rgba(247,255,245,.92); + padding: 6px; + display: grid; + gap: 3px; + line-height: 1.25; +} +.debug-readout strong { + display: block; + color: var(--ink); + font-size: 12px; + text-transform: uppercase; + letter-spacing: .08em; +} +.debug-readout span { + display: block; + color: var(--muted); + font-size: 11px; + overflow-wrap: anywhere; +} +.debug-readout.event-log { + max-height: 160px; + overflow: auto; +} + + +.route-card .route-icon.male, +.route-card .route-icon.female, +.route-card .route-icon.poop { + display: inline-grid; + place-items: center; + width: 38px; + height: 38px; + border-radius: 999px; + border: 3px solid var(--line, #102015); + background: var(--white, #fff); + line-height: 1; +} +.route-card .route-icon.male { color: #2477ff; background: #d9ecff; } +.route-card .route-icon.female { color: #d62a85; background: #ffe0f0; } +.route-card .route-icon.poop { color: #7b4a23; background: #fff0d1; font-size: 24px; } +.restart-button { min-width: 160px; } +.restart-fallback-note { margin-top: 12px; color: var(--muted, #526456); font-weight: 700; } + +/* v24.4 hover-only build-button flavor / cashout guidance / compact game-over */ +.tool-button .tool-flavor { + display: block; + max-height: 0; + opacity: 0; + overflow: hidden; + margin-top: 0; + color: var(--muted); + font-size: 8px; + line-height: 1.22; + text-transform: none; + letter-spacing: 0; + transition: max-height .12s ease, opacity .12s ease, margin-top .12s ease; +} +.tool-button:hover .tool-flavor { + max-height: 42px; + opacity: 1; + margin-top: 5px; +} +.large-tools .tool-button { min-height: 58px; } +.large-tools .tool-button:hover { min-height: 78px; } +.history-tools .tool-button.small { min-height: 40px; } +.primary-button.cashout-emphasis, +.tool-button.cashout-emphasis { + opacity: 1 !important; + filter: none !important; + animation: cashoutPulse 0.9s ease-in-out infinite alternate; +} +.primary-button.cashout-emphasis { + box-shadow: inset 0 0 0 4px #fff0d1, 6px 6px 0 rgba(16,32,21,.22); +} +.tool-button.cashout-emphasis { + background: #fff0d1; + box-shadow: inset 0 0 0 3px var(--danger), 6px 6px 0 rgba(16,32,21,.20); +} +@keyframes cashoutPulse { + from { transform: translate(0, 0); } + to { transform: translate(-1px, -1px); } +} +.modal.gameover-modal { padding: 12px; } +.modal.gameover-modal .modal-card { + width: min(640px, 92vw); + max-height: min(82vh, 720px); + overflow: auto; + padding: 16px; +} +.modal.gameover-modal .modal-card h2 { + font-size: 22px; + margin-bottom: 8px; +} +.gameover-reason { font-weight: 900; color: var(--danger); margin-bottom: 8px; } +.gameover-summary { + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 6px; + margin-top: 8px; +} +.gameover-breakdown { + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 6px; + margin-top: 8px; +} +.modal.gameover-modal .result-grid div { padding: 7px; } +.modal.gameover-modal .result-grid strong { font-size: 9px; margin-bottom: 3px; } +.modal.gameover-modal .result-grid span { font-size: 12px; } +.gameover-details { + margin-top: 10px; + border: 3px solid var(--line); + background: #f7fff5; + padding: 8px; +} +.gameover-details summary { + cursor: pointer; + font-weight: 900; + text-transform: uppercase; +} +.modal.gameover-modal .formula-box.compact { font-size: 9px; line-height: 1.35; } +@media (max-width: 720px) { + .gameover-summary, .gameover-breakdown { grid-template-columns: 1fr 1fr; } +} + +/* v26.0 readability and stable build-menu tooltip pass */ +body { font-size: 18px; } +.build-panel { width: clamp(330px, 26vw, 420px); } +.panel-head h1 { font-size: 20px; } +.panel-head h1 span { font-size: 12px; } +.panel-head p { font-size: 13px; line-height: 1.35; } +.build-panel h2 { font-size: 14px; } +.priority-strip > div { font-size: 15px; } +.hud-card span { font-size: 12px; } +.hud-card strong { font-size: clamp(20px, 1.7vw, 28px); } +.mini-box, .contract-card, .facility-panel-empty, .facility-card { font-size: 14px; line-height: 1.45; } +.compact-rules .mini-box { font-size: 13px; } +.tool-button { + position: relative; + overflow: visible; + min-height: 62px; + padding: 10px; +} +.large-tools .tool-button { min-height: 62px; } +.large-tools .tool-button:hover { min-height: 62px; } +.tool-button strong { font-size: 15px; line-height: 1.15; } +.tool-button span { font-size: 12px; } +.tool-button .tool-flavor { + display: none; + position: absolute; + z-index: 60; + left: 0; + top: calc(100% + 7px); + width: min(300px, calc(100vw - 40px)); + max-height: none; + opacity: 1; + overflow: visible; + margin: 0; + padding: 10px 12px; + border: 3px solid var(--line); + background: rgba(255,255,255,.98); + color: var(--ink); + box-shadow: 5px 5px 0 rgba(16,32,21,.18); + font-size: 13px; + line-height: 1.35; + text-transform: none; + letter-spacing: 0; + pointer-events: none; + transition: none; +} +.tool-button .tool-flavor::before { + content: ''; + position: absolute; + left: 16px; + top: -10px; + width: 16px; + height: 16px; + border-left: 3px solid var(--line); + border-top: 3px solid var(--line); + background: rgba(255,255,255,.98); + transform: rotate(45deg); +} +.tool-button:hover .tool-flavor { + display: block; + max-height: none; + opacity: 1; + margin: 0; +} +.primary-button { font-size: 16px; padding: 13px 16px; } +#nextTurnButton { min-height: 56px; font-size: 18px; } +@keyframes cashoutPulse { + from { box-shadow: inset 0 0 0 3px var(--danger), 4px 4px 0 rgba(16,32,21,.18); filter: brightness(1); } + to { box-shadow: inset 0 0 0 5px #fff0d1, 4px 4px 0 rgba(16,32,21,.20); filter: brightness(1.08); } +} +.card-choices { grid-template-columns: repeat(auto-fill, minmax(230px, 270px)); gap: 14px; } +.card-choice { min-height: 164px; padding: 15px; } +.card-choice strong { font-size: 18px; } +.card-choice span { font-size: 11px; } +.card-choice small { font-size: 15px; line-height: 1.4; } +.muted-card-note { font-size: 15px; line-height: 1.45; } +.modal-card { width: min(980px, 96vw); } +.modal-card p, .modal-card li { font-size: 16px; } +.modal-actions .reroll-button { + order: 99; + flex: 1 1 100%; + min-height: 64px; + margin-top: 8px; + font-size: 20px; + text-align: center; + justify-content: center; + background: #fff0d1; + box-shadow: inset 0 0 0 4px var(--green), 6px 6px 0 rgba(16,32,21,.20); +} +.modal-actions .reroll-button:disabled { box-shadow: 4px 4px 0 rgba(16,32,21,.12); } +.hover-tooltip strong { font-size: 17px; } +.hover-tooltip span { font-size: 14px; } +.sort-button { font-size: 16px; min-height: 56px; } +.control-dock { grid-template-columns: repeat(4, 172px); } +@media (max-width: 1180px) { + .build-panel { width: auto; } + .control-dock { grid-template-columns: repeat(2, 172px); } +} + +/* v27 combo / tags / settlement clarity */ +.card-tags { + display: flex; + flex-wrap: wrap; + gap: 4px; + margin: 0 0 8px; +} +.card-tags i { + display: inline-block; + border: 2px solid var(--line); + background: rgba(255,255,255,.86); + color: var(--ink); + font-style: normal; + font-size: 10px; + font-weight: 900; + padding: 1px 6px; + letter-spacing: .05em; +} +.settlement-hero { + border: 4px solid var(--line); + background: #f7fff5; + padding: 14px; + margin-bottom: 12px; + box-shadow: 5px 5px 0 rgba(16,32,21,.14); +} +.settlement-hero.positive { box-shadow: inset 0 0 0 4px var(--green), 5px 5px 0 rgba(16,32,21,.14); } +.settlement-hero.negative { box-shadow: inset 0 0 0 4px var(--danger), 5px 5px 0 rgba(16,32,21,.14); } +.settlement-hero strong { display: block; font-size: 34px; line-height: 1; color: var(--green); } +.settlement-hero.negative strong { color: var(--danger); } +.settlement-hero span { display: block; margin-top: 8px; font-weight: 900; color: var(--muted); } +.settlement-grid { + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 8px; + margin-bottom: 12px; +} +.settlement-grid div { + border: 3px solid var(--line); + background: rgba(255,255,255,.9); + padding: 9px; +} +.settlement-grid strong { display: block; font-size: 11px; text-transform: uppercase; color: var(--muted); } +.settlement-grid span { display: block; margin-top: 5px; font-size: 20px; font-weight: 900; color: var(--ink); } +.settlement-table { + width: 100%; + border-collapse: collapse; + border: 3px solid var(--line); + background: #fff; + margin: 10px 0; +} +.settlement-table td { + border-bottom: 2px solid rgba(16,32,21,.18); + padding: 7px 9px; + font-size: 15px; + font-weight: 900; +} +.settlement-table td:last-child { text-align: right; } +.settlement-table tr.income td:last-child { color: var(--green); } +.settlement-table tr.cost td:last-child { color: var(--danger); } +.settlement-notes { + display: grid; + gap: 5px; + border: 3px solid var(--line); + background: #f7fff5; + padding: 10px; + color: var(--muted); + font-weight: 800; +} +.key-config-grid { + display: grid; + grid-template-columns: 1fr; + gap: 8px; + margin: 10px 0; +} +.key-config-grid label { + display: grid; + gap: 4px; + font-weight: 900; + color: var(--muted); +} +.key-config-grid input, +.key-config-grid select { + border: 3px solid var(--line); + background: var(--white); + color: var(--ink); + padding: 7px 8px; + font: inherit; + font-weight: 900; +} +.modal.rescue-modal .modal-card { + width: min(560px, 92vw); +} +.hover-tooltip .cash-negative { color: var(--danger) !important; font-weight: 900; } +@media (max-width: 720px) { + .settlement-grid { grid-template-columns: 1fr 1fr; } + .settlement-hero strong { font-size: 26px; } } diff --git a/src/systems/buildSystem.js b/src/systems/buildSystem.js index 5d45ce9..3d5804b 100644 --- a/src/systems/buildSystem.js +++ b/src/systems/buildSystem.js @@ -1,5 +1,4 @@ import { MACHINE_FACILITY_IDS, GRID, THEME } from '../core/config.js'; -import { BALANCE } from '../core/balance.js'; import { getSpawnRange } from '../core/state.js'; import { createEggFarm, createScanner, createFacility } from '../core/entities.js'; import { key, parseKey, pointToCell, cellCenter, yen } from '../core/utils.js'; @@ -10,8 +9,7 @@ import { autoScannerCooldownSeconds } from './cards.js'; import { record } from './history.js'; import { floating, eraseEffect } from './effects.js'; import { createSelectionSystem } from './selectionSystem.js'; -import { emitGameEvent } from './gameEvents.js'; -import { ensureMaintenanceState, remainingPercent, degradationPercent, performanceFactor, autoScannerDelayMultiplier, eggSpawnDelayMultiplier, facilityProcessingDelay } from './maintenance.js'; +import { ensureMaintenanceState, remainingPercent, performanceFactor, autoScannerDelayMultiplier, eggSpawnDelayMultiplier, facilityProcessingDelay, durabilityCapFor } from './maintenance.js'; export function createBuildSystem({ game, ui, canvas, canvasPoint, onUpdatePanels }) { function updatePanels() { if (onUpdatePanels) onUpdatePanels(); } @@ -62,6 +60,22 @@ export function createBuildSystem({ game, ui, canvas, canvasPoint, onUpdatePanel return equipmentBasePrice(hit); } + function usedMachineMode() { + return !!game.cardEffects?.usedMachineActive; + } + + function buildQualityPatch() { + return usedMachineMode() + ? { usedMachine: true, noRefund: true, durabilityBaseMultiplier: 0.6 } + : { usedMachine: false, noRefund: false, durabilityBaseMultiplier: 1 }; + } + + function applyBuildQuality(obj) { + const patch = buildQualityPatch(); + Object.assign(obj, patch); + return obj; + } + function lastProtectedSaleReason(hit) { const obj = hit?.ref || hit || {}; if (hit?.type === 'eggFarm' || obj.type === 'eggFarm') { @@ -90,16 +104,16 @@ export function createBuildSystem({ game, ui, canvas, canvasPoint, onUpdatePanel if (game.conveyorTiles.has(key(col, row))) return fail(TEXT.fail.cellOccupied); if (isBlockedCell(col, row)) return fail('Cannot build on blocked ground.'); if (farmAt(game, col, row) || scannerAt(game, col, row)) return fail(TEXT.fail.cellOccupied); - const cost = buildPrice('conveyor'); + const cost = buildPrice('conveyor', game); if (game.cash < cost) return fail(TEXT.fail.notEnoughCash); record(game); spendCash(game, cost); const k = key(col, row); game.conveyorTiles.add(k); - game.conveyorMeta.set(k, { price: cost, builtSession: game.buildSession, uses: 0, durability: BALANCE.maintenance.durability.conveyor, maintenanceType: 'conveyor' }); + const quality = buildQualityPatch(); + game.conveyorMeta.set(k, { price: cost, builtSession: game.buildSession, uses: 0, durability: durabilityCapFor(game, 'conveyor', quality.durabilityBaseMultiplier), maintenanceType: 'conveyor', ...quality }); game.selected = { type: 'conveyor', id: k }; refreshRoutingAfterEdit(game); - emitGameEvent(game, 'BuildEquipment', { type: 'conveyor', cell: k, cost }); floating(game, cellCenter(col, row).x, cellCenter(col, row).y, `-${yen(cost)}`, THEME.ink); return; } @@ -117,36 +131,36 @@ export function createBuildSystem({ game, ui, canvas, canvasPoint, onUpdatePanel } function buildFarm(col, row) { - const cost = buildPrice('eggFarm'); + const cost = buildPrice('eggFarm', game); if (game.cash < cost) return fail(TEXT.fail.notEnoughCash); record(game); spendCash(game, cost); - const farm = createEggFarm(game, col, row); + const farm = applyBuildQuality(createEggFarm(game, col, row)); + farm.price = cost; game.eggFarms.push(farm); refreshRoutingAfterEdit(game); game.selected = { type: 'eggFarm', id: farm.id }; - emitGameEvent(game, 'BuildEquipment', { type: 'eggFarm', id: farm.id, col, row, cost }); floating(game, cellCenter(col, row).x, cellCenter(col, row).y, `-${yen(cost)}`, THEME.ink); } function buildScanner(col, row, kind) { - const cost = kind === 'auto' ? buildPrice('autoScanner') : buildPrice('manualScanner'); + const cost = kind === 'auto' ? buildPrice('autoScanner', game) : buildPrice('manualScanner', game); if (game.cash < cost) return fail(TEXT.fail.notEnoughCash); record(game); spendCash(game, cost); - const scanner = createScanner(game, col, row, kind); + const scanner = applyBuildQuality(createScanner(game, col, row, kind)); + scanner.price = cost; game.scanners.push(scanner); refreshRoutingAfterEdit(game); game.selected = { type: 'scanner', id: scanner.id }; - emitGameEvent(game, 'BuildEquipment', { type: kind + 'Scanner', id: scanner.id, col, row, cost }); floating(game, cellCenter(col, row).x, cellCenter(col, row).y, `-${yen(cost)}`, THEME.ink); } function buildFacility(p, id) { - const cost = buildPrice(id); + const cost = buildPrice(id, game); if (game.facilities[id]) return fail(TEXT.fail.facilityExists); if (game.cash < cost) return fail(TEXT.fail.notEnoughCash); - const f = createFacility(game, id, p, cost); + const f = applyBuildQuality(createFacility(game, id, p, cost)); if (f.entry && isBlockedCell(f.entry.col, f.entry.row)) return fail('Receiver cell is blocked.'); if (facilityOverlaps(f)) return fail(TEXT.fail.facilityOverlap); record(game); @@ -154,7 +168,6 @@ export function createBuildSystem({ game, ui, canvas, canvasPoint, onUpdatePanel game.facilities[id] = f; refreshRoutingAfterEdit(game); game.selected = { type: 'facility', id }; - emitGameEvent(game, 'BuildEquipment', { type: id, cost }); floating(game, p.x, p.y - 14, `-${yen(cost)}`, THEME.ink); } @@ -172,7 +185,6 @@ export function createBuildSystem({ game, ui, canvas, canvasPoint, onUpdatePanel const saleReason = lastProtectedSaleReason(hit); if (saleReason) return fail(saleReason); record(game); - emitGameEvent(game, 'SellEquipment', { type: hit.type, id: hit.oldKey || hit.ref?.id || hit.ref?.type || 'unknown', value: resaleValueFor(hit, game).amount }); if (hit.type === 'conveyor') { const c = parseKey(hit.oldKey); const center = cellCenter(c.col, c.row); @@ -338,7 +350,7 @@ export function createBuildSystem({ game, ui, canvas, canvasPoint, onUpdatePanel } for (const farm of game.eggFarms) { const c = cellCenter(farm.col, farm.row); boxes.push({ id: `eggFarm:${farm.id}`, price: equipmentPrice({ type: 'eggFarm', ref: farm }), x: c.x - 24, y: c.y - 24, w: 48, h: 48 }); } for (const scanner of game.scanners) { const c = scannerCenter(scanner); boxes.push({ id: `scanner:${scanner.id}`, price: equipmentPrice({ type: 'scanner', ref: scanner }), x: c.x - 52, y: c.y - 36, w: 104, h: 72 }); } - for (const k of game.conveyorTiles) { const p = parseKey(k); const c = cellCenter(p.col, p.row); boxes.push({ id: `conveyor:${k}`, price: buildPrice('conveyor'), x: c.x - 22, y: c.y - 22, w: 44, h: 44 }); } + for (const k of game.conveyorTiles) { const p = parseKey(k); const c = cellCenter(p.col, p.row); boxes.push({ id: `conveyor:${k}`, price: buildPrice('conveyor', game), x: c.x - 22, y: c.y - 22, w: 44, h: 44 }); } return boxes; } @@ -366,7 +378,7 @@ export function createBuildSystem({ game, ui, canvas, canvasPoint, onUpdatePanel const meta = game.conveyorMeta.get(obj.id); const comp = game.componentLookup?.get(obj.id); const c = comp ? game.congestion.get(comp) : null; - lines.push(`Price: ${yen(buildPrice('conveyor'))}`); + lines.push(`Price: ${yen(equipmentPrice({ type: 'conveyor', oldKey: obj.id, ref: obj }))}`); lines.push(`Cell: ${obj.id}`); lines.push(`Congestion: ${c ? Math.floor(c.ratio * 100) : 0}%`); lines.push(`Durability: ${remainingPercent({ meta })}% | Speed x${performanceFactor({ meta }).toFixed(2)}`); @@ -391,7 +403,7 @@ export function createBuildSystem({ game, ui, canvas, canvasPoint, onUpdatePanel const chance = shredderBonusChance(cards); lines.push(`Bonus cards: ${cards}/${shredderBonusMaxCards()}`); lines.push(`Bonus chance: ${(chance * 100).toFixed(2)}% for ${yen(1)} per processed item.`); - lines.push(`Expected value: ${chance.toFixed(3)}円 per item.`); + lines.push(`Expected value: ${chance.toFixed(3)} JPY per item.`); } if (obj.entry) lines.push(`Receiver: edge cell ${obj.entry.col},${obj.entry.row} (${obj.side})`); } diff --git a/src/systems/cards.js b/src/systems/cards.js index f172c16..e897fb3 100644 --- a/src/systems/cards.js +++ b/src/systems/cards.js @@ -1,15 +1,34 @@ -import { AUTO_SCANNER_COOLDOWN, AUTO_SCANNER_UPGRADE_RATE, AUTO_SCANNER_MIN_COOLDOWN, BEARING_SPEED_MULTIPLIER, CARD_BALANCE, CONVEYOR_SPEED, CONVEYOR_SPEED_MAX, GRID, THEME } from '../core/config.js'; +import { AUTO_SCANNER_COOLDOWN, AUTO_SCANNER_UPGRADE_RATE, AUTO_SCANNER_MIN_COOLDOWN, BEARING_SPEED_MULTIPLIER, CARD_BALANCE, CONVEYOR_SPEED, CONVEYOR_SPEED_MAX, ECONOMY, EGG_SPAWN_RANGES, GRID, THEME } from '../core/config.js'; import { nextSpawnDelay } from '../core/state.js'; -import { cellCenter, yen } from '../core/utils.js'; -import { applyPenalty, upgradedMixerPrice, upgradedTruckPrice, shredderUpgradeCount, rawShredderUpgradeCount, shredderBonusChance, shredderBonusMaxCards } from './economy.js'; -import { floating } from './effects.js'; -import { averageConveyorPerformance, autoScannerDelayMultiplier } from './maintenance.js'; -import { scannerCenter } from './routing.js'; +import { cellCenter, key, yen } from '../core/utils.js'; +import { applyPenalty, applyRevenue, upgradedMixerPrice, upgradedTruckPrice, shredderUpgradeCount, rawShredderUpgradeCount, shredderBonusChance, shredderBonusMaxCards } from './economy.js'; +import { floating, shake, eraseEffect, shockwave, sparkBurst, smokeBurst } from './effects.js'; +import { averageConveyorPerformance, autoScannerDelayMultiplier, ensureMaintenanceState } from './maintenance.js'; +import { scannerCenter, refreshRoutingAfterEdit } from './routing.js'; const COMMON_WEIGHT = CARD_BALANCE.commonWeight; const RARE_WEIGHT = CARD_BALANCE.rareWeight; +const ULTRA_RARE_WEIGHT = CARD_BALANCE.ultraRareWeight || 0.45; const BASE_DRAFT_SIZE = CARD_BALANCE.baseDraftSize; +const DEFAULT_EFFECTS = Object.freeze({ + bearing: 0, + legalWork: 0, + fairiesFlatteryNext: 0, + crowdedFarming: 0, + extraEggOutlet: 0, + hatchingFeed: 0, + safetyCover: 0, + recyclingSubsidy: 0, + chemicalWeaponSubsidy: 0, + preventiveMaintenance: 0, + durabilityCoating: 0, + laborExploitation: 0, + usedMachineActive: false, + rescueLoanCharges: 0, + loans: [] +}); + export const CARD_DEFS = [ { id: 'upgradeEgg', @@ -49,7 +68,42 @@ export const CARD_DEFS = [ rarity: 'common', type: 'equipmentUpgrade', target: 'trash', - description: 'Choose SHREDDER on the map and raise it by 1 level. Per processed item: ((√cards / 2) × cards)% chance to pay ￥1. Max 30 cards.' + description: 'Choose SHREDDER and raise it by 1 level. Bonus chance increases by the current upgrade count. Max 30 upgrades.' + }, + { + id: 'crowdedFarming', + title: 'Crowded Farming Contract', + rarity: 'common', + type: 'instant', + description: 'EGG production interval -5%. Equipment deterioration +4%. Max 10 cards.' + }, + { + id: 'hatchingFeed', + title: 'Hatching Feed', + rarity: 'common', + type: 'instant', + description: 'EGG production interval -4%. Poop rate +3%. No card limit.' + }, + { + id: 'safetyCover', + title: 'Safety Cover', + rarity: 'common', + type: 'instant', + description: 'Explosion damage -5%. No card limit.' + }, + { + id: 'preventiveMaintenance', + title: 'Preventive Maintenance Manual', + rarity: 'common', + type: 'instant', + description: 'All equipment deterioration speed -5%. No card limit.' + }, + { + id: 'durabilityCoating', + title: 'Durability Coating', + rarity: 'common', + type: 'instant', + description: 'All equipment maximum durability +3%. No card limit.' }, { id: 'bearing', @@ -58,6 +112,56 @@ export const CARD_DEFS = [ type: 'instant', description: 'Conveyor speed +7.5%.' }, + { + id: 'extraEggOutlet', + title: 'Extra Egg Outlet', + rarity: 'rare', + type: 'instant', + description: 'EGG output ports +1. Each connected belt can receive eggs. Max 3 cards.' + }, + { + id: 'recyclingSubsidy', + title: 'Recycling Subsidy', + rarity: 'rare', + type: 'instant', + description: 'SELL refund rate +10 points. Max 3 cards; normal SELL can reach 80%.' + }, + { + id: 'dynamite', + title: 'Dynamite', + rarity: 'rare', + type: 'cellAction', + target: 'blockedCell', + description: 'Remove any 3 blocked cells with a burst effect.' + }, + { + id: 'usedMachine', + title: 'Used Machines', + rarity: 'rare', + type: 'instant', + description: 'Future equipment costs half. New purchases have no refund and 60% durability. New Machines cancels it.' + }, + { + id: 'newMachine', + title: 'New Machines', + rarity: 'common', + type: 'instant', + description: 'Cancel Used Machines and restore normal prices, refunds, and durability.' + }, + { + id: 'flattery', + title: 'Flattery', + rarity: 'rare', + type: 'instant', + description: 'Next Fairies tribute -50%.' + }, + { + id: 'loan', + title: 'Loan', + rarity: 'rare', + type: 'instant', + description: 'Gain JPY 300 per elapsed day now. Pay JPY 400 per day for that many days starting tomorrow.' + }, { id: 'extraCards', title: 'Extra Cards', @@ -73,22 +177,63 @@ export const CARD_DEFS = [ description: 'ZUNDA TAX exemption +￥250. The 95% cap point also moves up by ￥250.' }, { - id: 'flattery', - title: 'Flattery', - rarity: 'rare', + id: 'chemicalWeaponSubsidy', + title: 'Chemical Weapons Subsidy', + rarity: 'ultraRare', type: 'instant', - description: 'Fairies tribute reduction card.' + description: 'Each day, gain JPY 2000 per 100 poop shipped by truck. No card limit.' + }, + { + id: 'laborExploitation', + title: 'Motivational Exploitation', + rarity: 'ultraRare', + type: 'instant', + description: 'Repairman labor cost -30%. The repairman smiles with bloodshot eyes. One time only.' + }, + { + id: 'rescueLoan', + title: 'Emergency Loan', + rarity: 'ultraRare', + type: 'instant', + description: 'If cash is below JPY 0 at day-end settlement, gain JPY 500. Consumed on use.' } ]; +function effectCount(game, id) { + const effects = ensureCardState(game); + return Math.max(0, Number(effects[id]) || 0); +} + export function ensureCardState(game) { - if (!game.cardEffects) game.cardEffects = { bearing: 0, legalWork: 0, flattery: 0 }; + if (!game.cardEffects) game.cardEffects = { ...DEFAULT_EFFECTS, loans: [] }; + for (const [k, v] of Object.entries(DEFAULT_EFFECTS)) { + if (game.cardEffects[k] == null) game.cardEffects[k] = Array.isArray(v) ? [] : v; + } + if (game.cardEffects.flattery != null) { + game.cardEffects.fairiesFlatteryNext = Math.max(0, game.cardEffects.fairiesFlatteryNext || 0) + Math.max(0, game.cardEffects.flattery || 0); + delete game.cardEffects.flattery; + } + if (!Array.isArray(game.cardEffects.loans)) game.cardEffects.loans = []; if (game.cardEffects.drawBonus != null) delete game.cardEffects.drawBonus; if (!game.cardDraft) game.cardDraft = { pending: false, choices: [], rerolls: 0, picksRemaining: 0 }; if (game.cardDraft.picksRemaining == null) game.cardDraft.picksRemaining = game.cardDraft.pending ? 1 : 0; return game.cardEffects; } +export function eggProductionDelayMultiplier(game) { + const crowded = Math.max(0.5, 1 - 0.05 * Math.min(10, effectCount(game, 'crowdedFarming'))); + const feed = Math.pow(0.96, effectCount(game, 'hatchingFeed')); + return crowded * feed; +} + +export function poopRateCardMultiplier(game) { + return Math.pow(1.03, effectCount(game, 'hatchingFeed')); +} + +export function extraEggOutletCount(game) { + return Math.min(3, effectCount(game, 'extraEggOutlet')); +} + export function conveyorSpeedForGame(game, conveyorKey = null) { const effects = ensureCardState(game); const speed = CONVEYOR_SPEED * Math.pow(BEARING_SPEED_MULTIPLIER, Math.max(0, effects.bearing || 0)); @@ -103,10 +248,10 @@ export function autoScannerCooldownSeconds(scanner, game = null) { } export function flatteryReductionForTurn(game, turn = game.turn) { - const effects = ensureCardState(game); const day = Math.max(1, Math.floor(Number(turn) || 1)); - const perCard = Math.floor(10 * day / 10); - return Math.max(0, perCard * Math.max(0, effects.flattery || 0)); + const base = Math.ceil(day * 10); + const charges = Math.max(0, ensureCardState(game).fairiesFlatteryNext || 0); + return charges > 0 ? Math.ceil(base * (1 - Math.pow(0.5, charges))) : 0; } export function rerollCost(game) { @@ -120,6 +265,7 @@ export function cardById(id) { } function targetLabel(game, target) { + if (target.type === 'blockedCell') return `Blocked cell ${target.col},${target.row}`; if (target.type === 'eggFarm') { return `EGG #${target.id} L${target.level} -> L${target.level + 1}`; } @@ -152,10 +298,18 @@ function targetLabel(game, target) { return `${target.name || target.id} L${target.level || 1} -> L${(target.level || 1) + 1}`; } +function blockedCellTargets(game) { + return [...(game.blockedCells || [])].map(k => { + const [col, row] = String(k).split(',').map(Number); + return { type: 'blockedCell', id: k, col, row }; + }).filter(t => Number.isFinite(t.col) && Number.isFinite(t.row)); +} + export function targetsForCard(game, cardOrId) { const card = typeof cardOrId === 'string' ? cardById(cardOrId) : cardOrId; ensureCardState(game); if (!card) return []; + if (card.target === 'blockedCell') return blockedCellTargets(game); if (card.target === 'eggFarm') return game.eggFarms.filter(f => (f.level || 1) < 4); if (card.target === 'autoScanner') return game.scanners.filter(s => s.kind === 'auto'); if (card.target === 'mixer') return game.facilities.mixer ? [game.facilities.mixer] : []; @@ -164,15 +318,36 @@ export function targetsForCard(game, cardOrId) { return []; } +function cardAtCap(game, card) { + const effects = ensureCardState(game); + if (card.id === 'crowdedFarming') return (effects.crowdedFarming || 0) >= 10; + if (card.id === 'extraEggOutlet') return (effects.extraEggOutlet || 0) >= 3; + if (card.id === 'recyclingSubsidy') return (effects.recyclingSubsidy || 0) >= 3; + if (card.id === 'laborExploitation') return !!effects.laborExploitation; + if (card.id === 'usedMachine') return !!effects.usedMachineActive; + if (card.id === 'newMachine') return !effects.usedMachineActive; + return false; +} + function availableCards(game) { - return CARD_DEFS.filter(card => card.type !== 'equipmentUpgrade' || targetsForCard(game, card).length > 0); + return CARD_DEFS.filter(card => { + if (cardAtCap(game, card)) return false; + if ((card.type === 'equipmentUpgrade' || card.type === 'cellAction') && targetsForCard(game, card).length <= 0) return false; + return true; + }); +} + +function rarityWeight(card) { + if (card.rarity === 'ultraRare') return ULTRA_RARE_WEIGHT; + if (card.rarity === 'rare') return RARE_WEIGHT; + return COMMON_WEIGHT; } function weightedPick(pool) { - const total = pool.reduce((sum, card) => sum + (card.rarity === 'rare' ? RARE_WEIGHT : COMMON_WEIGHT), 0); + const total = pool.reduce((sum, card) => sum + rarityWeight(card), 0); let roll = Math.random() * total; for (const card of pool) { - roll -= card.rarity === 'rare' ? RARE_WEIGHT : COMMON_WEIGHT; + roll -= rarityWeight(card); if (roll <= 0) return card; } return pool[pool.length - 1]; @@ -183,7 +358,7 @@ function dudCard() { dudSerial += 1; return { id: `dud:${Date.now()}:${dudSerial}`, - title: 'スカ', + title: 'Dud', rarity: 'dud', type: 'dud', description: 'Click to flick this dud away. It does not consume a pick.' @@ -222,6 +397,7 @@ export function dealCards(game, count = BASE_DRAFT_SIZE) { function targetKey(target) { if (!target) return ''; + if (target.type === 'blockedCell') return `blockedCell:${target.id}`; if (target.type === 'eggFarm') return `eggFarm:${target.id}`; if (target.type === 'scanner') return `scanner:${target.id}`; if (target.type === 'facility') return `facility:${target.id}`; @@ -230,6 +406,10 @@ function targetKey(target) { function boundsForTarget(target) { if (!target) return null; + if (target.type === 'blockedCell') { + const c = cellCenter(target.col, target.row); + return { x: c.x - GRID.cell * 0.48, y: c.y - GRID.cell * 0.48, w: GRID.cell * 0.96, h: GRID.cell * 0.96, cx: c.x, cy: c.y }; + } if (target.type === 'eggFarm') { const c = cellCenter(target.col, target.row); return { x: c.x - 34, y: c.y - 34, w: 68, h: 68, cx: c.x, cy: c.y }; @@ -283,15 +463,112 @@ function applyEquipmentUpgrade(game, target) { function applyInstantCard(game, card) { const effects = ensureCardState(game); - if (card.id === 'bearing') effects.bearing += 1; - if (card.id === 'legalWork') effects.legalWork += 1; - if (card.id === 'flattery') effects.flattery += 1; + const inc = id => { effects[id] = Math.max(0, effects[id] || 0) + 1; }; + if (card.id === 'bearing') inc('bearing'); + if (card.id === 'legalWork') inc('legalWork'); + if (card.id === 'crowdedFarming') effects.crowdedFarming = Math.min(10, (effects.crowdedFarming || 0) + 1); + if (card.id === 'extraEggOutlet') effects.extraEggOutlet = Math.min(3, (effects.extraEggOutlet || 0) + 1); + if (card.id === 'hatchingFeed') inc('hatchingFeed'); + if (card.id === 'safetyCover') inc('safetyCover'); + if (card.id === 'recyclingSubsidy') effects.recyclingSubsidy = Math.min(3, (effects.recyclingSubsidy || 0) + 1); + if (card.id === 'chemicalWeaponSubsidy') inc('chemicalWeaponSubsidy'); + if (card.id === 'preventiveMaintenance') inc('preventiveMaintenance'); + if (card.id === 'durabilityCoating') { inc('durabilityCoating'); ensureMaintenanceState(game); } + if (card.id === 'flattery') inc('fairiesFlatteryNext'); + if (card.id === 'usedMachine') effects.usedMachineActive = true; + if (card.id === 'newMachine') effects.usedMachineActive = false; + if (card.id === 'laborExploitation') effects.laborExploitation = 1; + if (card.id === 'rescueLoan') { + inc('rescueLoanCharges'); + if (game.cash < 0) { + effects.rescueLoanCharges = Math.max(0, (effects.rescueLoanCharges || 0) - 1); + applyRevenue(game, 500); + floating(game, GRID.x + GRID.cols * GRID.cell / 2, GRID.y - 30, '+￥500 RESCUE', THEME.green); + } else { + floating(game, GRID.x + GRID.cols * GRID.cell / 2, GRID.y - 30, 'RESCUE HELD', THEME.green); + } + } + if (card.id === 'loan') { + const day = Math.max(1, Math.floor(Number(game.turn) || 1)); + const amount = 300 * day; + applyRevenue(game, amount); + effects.loans.push({ daysRemaining: day, dailyPayment: 400, borrowedOnTurn: game.turn || 1 }); + floating(game, GRID.x + GRID.cols * GRID.cell / 2, GRID.y - 30, `LOAN +${yen(amount)}`, THEME.green); + } +} + +function formatMultiplier(value) { + const rounded = Math.round(Number(value || 0) * 100) / 100; + return `x${rounded.toFixed(2).replace(/\.00$/, '').replace(/(\.\d)0$/, '$1')}`; +} + +function formatPercent(value) { + return `${Math.round(Number(value || 0) * 100)}%`; +} + +function eggRangeLabel(level) { + const range = EGG_SPAWN_RANGES[Math.max(0, Math.min(EGG_SPAWN_RANGES.length - 1, level - 1))] || EGG_SPAWN_RANGES[0] || [0, 0]; + return `${range[0].toFixed(2)}-${range[1].toFixed(2)}s`; +} + +function incomeAtLevel(base, level) { + return Math.ceil(base * Math.pow(ECONOMY.incomeUpgradeRate, Math.max(0, level - 1))); } function cardDescription(game, card) { - if (card.id === 'flattery') { - const reduction = flatteryReductionForTurn({ ...game, cardEffects: { ...ensureCardState(game), flattery: 1 } }, game.turn); - return `Fairies tribute reduction: ${yen(reduction)}`; + const e = ensureCardState(game); + if (card.id === 'upgradeEgg') { + const targets = targetsForCard(game, card); + const level = Math.min(3, Math.max(1, targets[0]?.level || 1)); + return `Choose one EGG. Level +1. Production interval ${eggRangeLabel(level)} -> ${eggRangeLabel(level + 1)}.`; + } + if (card.id === 'upgradeAutoScanner') { + const scanner = targetsForCard(game, card)[0] || { level: 1 }; + const before = autoScannerCooldownSeconds(scanner, game); + const after = autoScannerCooldownSeconds({ ...scanner, level: (scanner.level || 1) + 1 }, game); + return `Choose one AUTO SCANNER. Level +1. Cooldown ${before.toFixed(2)}s -> ${after.toFixed(2)}s.`; + } + if (card.id === 'upgradeMixer') { + const level = game.facilities?.mixer?.level || 1; + return `MIXER level +1. Male-chick income ${yen(incomeAtLevel(ECONOMY.income.mixer, level))} -> ${yen(incomeAtLevel(ECONOMY.income.mixer, level + 1))}.`; + } + if (card.id === 'upgradeTruck') { + const level = game.facilities?.truck?.level || 1; + return `TRUCK level +1. Correct shipment income ${yen(incomeAtLevel(ECONOMY.income.truck, level))} -> ${yen(incomeAtLevel(ECONOMY.income.truck, level + 1))}.`; + } + if (card.id === 'upgradeTrash') { + const before = shredderUpgradeCount(game); + const after = Math.min(shredderBonusMaxCards(), before + 1); + return `SHREDDER level +1. Bonus chance per item ${formatPercent(shredderBonusChance(before))} -> ${formatPercent(shredderBonusChance(after))}.`; + } + if (card.id === 'bearing') { + const before = Math.min(CONVEYOR_SPEED_MAX, CONVEYOR_SPEED * Math.pow(BEARING_SPEED_MULTIPLIER, Math.max(0, e.bearing || 0))); + const after = Math.min(CONVEYOR_SPEED_MAX, CONVEYOR_SPEED * Math.pow(BEARING_SPEED_MULTIPLIER, Math.max(0, (e.bearing || 0) + 1))); + return `Conveyor speed +7.5%. After pick: ${before.toFixed(1)} -> ${after.toFixed(1)} px/s.`; + } + if (card.id === 'legalWork') { + const before = Math.max(0, e.legalWork || 0); + return `ZUNDA TAX exemption +${yen(250)}. After pick: exemption bonus ${yen(250 * (before + 1))}.`; + } + if (card.id === 'crowdedFarming') { + const next = Math.min(10, (e.crowdedFarming || 0) + 1); + return `Held ${e.crowdedFarming || 0}/10. After pick: EGG interval ${formatPercent(Math.max(0.5, 1 - 0.05 * next))}, deterioration ${formatPercent(Math.min(1.4, 1 + 0.04 * next))}.`; + } + if (card.id === 'extraEggOutlet') return `Held ${e.extraEggOutlet || 0}/3. After pick: up to ${1 + Math.min(3, (e.extraEggOutlet || 0) + 1)} EGG output ports.`; + if (card.id === 'hatchingFeed') return `Held ${e.hatchingFeed || 0}. After pick: EGG interval ${formatPercent(Math.pow(0.96, (e.hatchingFeed || 0) + 1))}, poop rate ${formatPercent(Math.pow(1.03, (e.hatchingFeed || 0) + 1))}.`; + if (card.id === 'safetyCover') return `Held ${e.safetyCover || 0}. After pick: explosion damage ${formatPercent(Math.pow(0.95, (e.safetyCover || 0) + 1))}.`; + if (card.id === 'recyclingSubsidy') return `Held ${e.recyclingSubsidy || 0}/3. After pick: normal SELL refund ${Math.round(Math.min(0.8, 0.5 + 0.1 * ((e.recyclingSubsidy || 0) + 1)) * 100)}%.`; + if (card.id === 'chemicalWeaponSubsidy') return `Held ${e.chemicalWeaponSubsidy || 0}. After pick: ${yen(2000 * ((e.chemicalWeaponSubsidy || 0) + 1))} per 100 truck-shipped poop each day.`; + if (card.id === 'preventiveMaintenance') return `Held ${e.preventiveMaintenance || 0}. After pick: deterioration speed ${formatPercent(Math.pow(0.95, (e.preventiveMaintenance || 0) + 1))}.`; + if (card.id === 'durabilityCoating') return `Held ${e.durabilityCoating || 0}. After pick: maximum durability ${formatPercent(Math.pow(1.03, (e.durabilityCoating || 0) + 1))}.`; + if (card.id === 'flattery') return `Next Fairies tribute -50%. Held for next tribute: ${e.fairiesFlatteryNext || 0}.`; + if (card.id === 'usedMachine') return 'Enable Used Machines: future equipment costs 50%, has no SELL refund, and starts with 60% durability.'; + if (card.id === 'newMachine') return 'Cancel Used Machines. Future equipment returns to normal price, refund, and durability.'; + if (card.id === 'laborExploitation') return 'Repairman labor cost -30% permanently. One time only.'; + if (card.id === 'rescueLoan') return `At day-end bankruptcy check, gain ${yen(500)} if cash is below ${yen(0)}. Held: ${e.rescueLoanCharges || 0}.`; + if (card.id === 'loan') { + const day = Math.max(1, Math.floor(Number(game.turn) || 1)); + return `Gain ${yen(300 * day)} now. Starting tomorrow, pay ${yen(400)} per day for ${day} days.`; } return card.description; } @@ -348,18 +625,34 @@ export function createCardSystem({ game, ui, onUpdatePanels }) { } function chooseDud(card, buttonEl) { - if (buttonEl) buttonEl.classList.add('flung'); + shake(game, 34, 0.62); + if (document.body?.animate) { + document.body.animate([ + { transform: 'translate(0, 0)' }, + { transform: 'translate(-10px, 7px)' }, + { transform: 'translate(12px, -8px)' }, + { transform: 'translate(-8px, -5px)' }, + { transform: 'translate(9px, 6px)' }, + { transform: 'translate(0, 0)' } + ], { duration: 260, easing: 'steps(5, end)' }); + } + if (buttonEl) { + buttonEl.style.setProperty('--fling-x', `${260 + Math.random() * 260}px`); + buttonEl.style.setProperty('--fling-y', `${-260 - Math.random() * 170}px`); + buttonEl.style.setProperty('--fling-r', `${(Math.random() < 0.5 ? -1 : 1) * (52 + Math.random() * 38)}deg`); + buttonEl.classList.add('flung'); + } window.setTimeout(() => { removeOneChoice(game, card); refillChoicesIfNeeded(); showDraft(); - }, 190); + }, 340); } function chooseCard(card, buttonEl = null) { if (card.type === 'dud') return chooseDud(card, buttonEl); if (card.id === 'extraCards') return chooseExtraCards(card); - if (card.type === 'equipmentUpgrade') return startMapTargetPicker(card); + if (card.type === 'equipmentUpgrade' || card.type === 'cellAction') return startMapTargetPicker(card); applyInstantCard(game, card); completePickedCard(card); } @@ -370,18 +663,45 @@ export function createCardSystem({ game, ui, onUpdatePanels }) { game.cardTargetPick = { pending: true, cardId: card.id, - targetKeys: targets.map(targetKey) + mode: card.target === 'blockedCell' ? 'blockedCell' : 'equipment', + targetKeys: targets.map(targetKey), + remaining: card.id === 'dynamite' ? Math.min(3, targets.length) : 1 }; ui.modal.classList.remove('visible', 'equipment-popover'); updatePanels(); } + function applyDynamiteTarget(target) { + if (!target || target.type !== 'blockedCell') return false; + const k = key(target.col, target.row); + if (!game.blockedCells?.has(k)) return false; + game.blockedCells.delete(k); + const c = cellCenter(target.col, target.row); + eraseEffect(game, c.x, c.y); + shockwave(game, c.x, c.y, THEME.danger, 62); + sparkBurst(game, c.x, c.y, 18, THEME.warn); + smokeBurst(game, c.x, c.y, 8); + shake(game, 16, 0.35); + floating(game, c.x, c.y - 18, 'BOOM', THEME.danger); + refreshRoutingAfterEdit(game); + game.cardTargetPick.remaining = Math.max(0, (game.cardTargetPick.remaining || 1) - 1); + game.cardTargetPick.targetKeys = targetsForCard(game, 'dynamite').map(targetKey); + updatePanels(); + return true; + } + function chooseTargetAtPoint(p) { if (!game.cardTargetPick?.pending) return false; const card = cardById(game.cardTargetPick.cardId); const target = targetAtPoint(game, p); if (!card || !target) { - floating(game, p.x, p.y - 18, 'SELECT WHITE TARGET', THEME.danger); + const label = game.cardTargetPick.mode === 'blockedCell' ? 'SELECT BLOCKED CELL' : 'SELECT UPGRADE TARGET'; + floating(game, p.x, p.y - 18, label, THEME.danger); + return true; + } + if (card.id === 'dynamite') { + if (!applyDynamiteTarget(target)) return true; + if ((game.cardTargetPick.remaining || 0) <= 0 || !targetsForCard(game, 'dynamite').length) completePickedCard(card); return true; } applyEquipmentUpgrade(game, target); @@ -409,9 +729,9 @@ export function createCardSystem({ game, ui, onUpdatePanels }) { function cardButton(card, index) { const b = document.createElement('button'); b.type = 'button'; - const kind = card.type === 'dud' ? 'dud' : (card.rarity === 'rare' ? 'rare' : 'common'); + const kind = card.type === 'dud' ? 'dud' : (card.rarity === 'ultraRare' ? 'ultra-rare' : (card.rarity === 'rare' ? 'rare' : 'common')); b.className = `card-choice ${kind}`; - const rarity = card.type === 'dud' ? 'MISS' : (card.rarity === 'rare' ? 'RARE' : 'COMMON'); + const rarity = card.type === 'dud' ? 'MISS' : (card.rarity === 'ultraRare' ? 'ULTRA RARE' : (card.rarity === 'rare' ? 'RARE' : 'COMMON')); b.innerHTML = `${card.title}${rarity}${cardDescription(game, card)}`; b.addEventListener('click', () => chooseCard(card, b)); b.dataset.index = String(index); @@ -427,13 +747,13 @@ export function createCardSystem({ game, ui, onUpdatePanels }) { const cost = rerollCost(game); const remaining = Math.max(1, game.cardDraft.picksRemaining || 1); ui.modalTitle.textContent = 'Choose Upgrade Card'; - ui.modalBody.innerHTML = `

Choose ${remaining} card${remaining === 1 ? '' : 's'} before Build phase. Each shown card has a 30% dud chance, capped at 2 duds per draft. Click dud cards to flick them away. Equipment cards are applied by selecting a white-highlighted machine on the map.

`; + ui.modalBody.innerHTML = `

Choose ${remaining} card${remaining === 1 ? '' : 's'} before Build phase. Dud cards can be flicked away without consuming a pick. Equipment cards target machines; Dynamite targets blocked cells.

`; const wrap = ui.modalBody.querySelector('#cardChoices'); choices.forEach((card, index) => wrap.appendChild(cardButton(card, index))); ui.modalActions.innerHTML = ''; const reroll = document.createElement('button'); reroll.type = 'button'; - reroll.className = 'facility-action warn'; + reroll.className = 'facility-action warn reroll-button'; reroll.textContent = `Reroll ${yen(cost)}`; reroll.disabled = game.cash < cost; reroll.title = reroll.disabled ? 'Not enough cash' : `Reroll count today: ${(game.cardDraft.rerolls || 0) + 1}`; diff --git a/src/systems/chickSystem.js b/src/systems/chickSystem.js index 10adc90..5849327 100644 --- a/src/systems/chickSystem.js +++ b/src/systems/chickSystem.js @@ -4,39 +4,69 @@ import { nextSpawnDelay } from '../core/state.js'; import { key, parseKey, pointToCell, cellCenter, randomBetween, yen } from '../core/utils.js'; import { scannerById, scannerBySlot, scannerCenter, routeFromFarmToScanner, outputRoute, destinationLabel, destinationColor, nearestConveyorKey, buildConveyorComponents, autoSideFor } from './routing.js'; import { applyMixerIncome, applyMixerPoopFine, applyTruckPoopFine, applyWrongTruckFine, upgradedTruckPrice, applyShredderBonus } from './economy.js'; -import { autoScannerCooldownSeconds } from './cards.js'; +import { autoScannerCooldownSeconds, eggProductionDelayMultiplier, extraEggOutletCount } from './cards.js'; import { productionMultiplier, truckTarget, isTargetTruckCargo, shouldFineMaleTruck } from './contracts.js'; import { floating, shake, spawnPulse, scannerPulse, meatEffect, sludgeEffect, shredEffect, truckLoadEffect, shockwave, sparkBurst, smokeBurst, flyingDebris, rageEffect } from './effects.js'; import { countAutoSorted, countCorrect, countMistake, countMixer, countPoopDestination, countPoopSpawned, countTrash, countTruckCargo } from './stats.js'; -import { emitGameEvent } from './gameEvents.js'; import { eggSpawnDelayMultiplier, recordFarmProduction, recordConveyorPass, recordAutoScan, recordFacilityProcess, updateProcessingCooldowns, setFacilityCooldownAfterProcess, updateRepairman } from './maintenance.js'; export function createChickSystem({ game, currentConveyorSpeed, onGameOverCheck }) { function currentSpawnDelay(farm) { - return nextSpawnDelay(farm) * eggSpawnDelayMultiplier(farm) / productionMultiplier(game); + return nextSpawnDelay(farm) * eggSpawnDelayMultiplier(farm) * eggProductionDelayMultiplier(game) / productionMultiplier(game); } function spawnChick(farm) { - const data = routeFromFarmToScanner(game, farm, true); const farmCenter = cellCenter(farm.col, farm.row); - if (!data) { - floating(game, farmCenter.x, farmCenter.y - 18, 'NO BELT', THEME.danger); - return false; + const maxOutputs = 1 + extraEggOutletCount(game); + const routes = []; + const usedStarts = new Set(); + const maxAttempts = Math.max(maxOutputs * 5, 5); + for (let attempt = 0; attempt < maxAttempts && routes.length < maxOutputs; attempt += 1) { + const data = routeFromFarmToScanner(game, farm, true); + if (!data) break; + const start = data.route?.[0]; + if (!start) continue; + const startKey = `${Math.round(start.x)}:${Math.round(start.y)}`; + if (usedStarts.has(startKey) && routes.length > 0) continue; + usedStarts.add(startKey); + routes.push(data); } - const start = data.route[0]; - const blocker = spawnTileBlocker(start); - if (blocker) { - blocker.stoppedTimer = 0.85; - return false; + if (!routes.length) { + suppressUnconnectedFarmSpawn(farm, farmCenter); + return true; } - const chick = createChick(game, data); - if (chick.sex === 'poop') countPoopSpawned(game); - game.chicks.push(chick); - recordFarmProduction(game, farm); - spawnPulse(game, farmCenter.x, farmCenter.y); - return true; + let spawned = 0; + let blocked = 0; + for (const data of routes) { + const start = data.route[0]; + const blocker = spawnTileBlocker(start); + if (blocker) { + blocker.stoppedTimer = 0.85; + blocked += 1; + continue; + } + const chick = createChick(game, data); + if (chick.sex === 'poop') countPoopSpawned(game); + game.chicks.push(chick); + recordFarmProduction(game, farm); + spawned += 1; + } + if (spawned > 0) { + spawnPulse(game, farmCenter.x, farmCenter.y); + if (spawned > 1) floating(game, farmCenter.x, farmCenter.y - 28, `x${spawned}`, THEME.green); + return true; + } + return blocked === 0; } + function suppressUnconnectedFarmSpawn(farm, farmCenter) { + if ((farm.noRouteNoticeCooldown || 0) <= 0) { + floating(game, farmCenter.x, farmCenter.y - 24, 'NO BELT: PAUSED', THEME.warn); + farm.noRouteNoticeCooldown = 2.5; + } + } + + function spawnTileBlocker(start) { return game.chicks.find(ch => ch.stage !== 'flying' && Math.hypot(ch.x - start.x, ch.y - start.y) < GRID.cell * 0.68) || null; } @@ -59,6 +89,7 @@ export function createChickSystem({ game, currentConveyorSpeed, onGameOverCheck } if (producing && game.timeLeft > 0) { for (const farm of game.eggFarms) { + if (farm.noRouteNoticeCooldown > 0) farm.noRouteNoticeCooldown = Math.max(0, farm.noRouteNoticeCooldown - dt); farm.nextSpawn -= dt; if (farm.nextSpawn <= 0) { const spawned = spawnChick(farm); @@ -81,7 +112,6 @@ export function createChickSystem({ game, currentConveyorSpeed, onGameOverCheck if (game.chicks.length === 0) completeTurn(); else if (game.shutdownTimeLeft <= 0) blowOffRemainingForCleanup(); } - onGameOverCheck(); } function blowOffRemainingForCleanup() { @@ -94,7 +124,6 @@ export function createChickSystem({ game, currentConveyorSpeed, onGameOverCheck for (const scanner of game.scanners) scanner.queue = []; updateCongestion(); if (victims.length) { - emitGameEvent(game, 'CleanupBlowoff', { count: victims.length }); const cx = victims.reduce((sum, chick) => sum + chick.x, 0) / victims.length; const cy = victims.reduce((sum, chick) => sum + chick.y, 0) / victims.length; shockwave(game, cx, cy, THEME.warn, 58); @@ -229,6 +258,7 @@ export function createChickSystem({ game, currentConveyorSpeed, onGameOverCheck function updateScannerQueues(dt) { for (const scanner of game.scanners) { if (scanner.cooldown > 0) scanner.cooldown = Math.max(0, scanner.cooldown - dt); + if (scanner.keyPressTime > 0) scanner.keyPressTime = Math.max(0, scanner.keyPressTime - dt); positionScannerQueue(scanner); if (scanner.kind !== 'auto' || scanner.cooldown > 0 || !scanner.queue.length) continue; const id = scanner.queue[0]; @@ -254,7 +284,10 @@ export function createChickSystem({ game, currentConveyorSpeed, onGameOverCheck function sortSlot(slot, side) { if (game.phase !== 'running') return; const scanner = scannerBySlot(game, slot); - if (!scanner || !scanner.queue.length) return; + if (!scanner) return; + scanner.keyPressTime = 0.18; + scanner.keyPressSide = side; + if (!scanner.queue.length) return; const index = game.chicks.findIndex(c => c.id === scanner.queue[0]); if (index >= 0) sortChickByIndex(index, side, false); } @@ -307,7 +340,6 @@ export function createChickSystem({ game, currentConveyorSpeed, onGameOverCheck countMistake(game); sludgeEffect(game, x, y); floating(game, x, y - 18, `-${yen(penalty)}`, THEME.danger); - onGameOverCheck(); return; } const amount = applyMixerIncome(game); @@ -315,7 +347,6 @@ export function createChickSystem({ game, currentConveyorSpeed, onGameOverCheck else countMistake(game); meatEffect(game, x, y); floating(game, x, y - 18, `+${yen(amount)}`, THEME.green); - onGameOverCheck(); } function resolveTruck(index) { @@ -333,7 +364,6 @@ export function createChickSystem({ game, currentConveyorSpeed, onGameOverCheck if (isTarget) countCorrect(game); else countMistake(game); floating(game, x, y - 18, `-${yen(penalty)}`, THEME.danger); - onGameOverCheck(); return; } if (chick.sex === 'female') { @@ -355,7 +385,6 @@ export function createChickSystem({ game, currentConveyorSpeed, onGameOverCheck const penalty = applyWrongTruckFine(game); countMistake(game); floating(game, x, y - 18, `-${yen(penalty)}`, THEME.danger); - onGameOverCheck(); } else { countMistake(game); floating(game, x, y - 18, 'REJECT', THEME.warn); @@ -471,7 +500,6 @@ export function createChickSystem({ game, currentConveyorSpeed, onGameOverCheck const first = parseKey(comp.cells[0]); const fc = cellCenter(first.col, first.row); floating(game, fc.x, fc.y - 22, '100% JAM EXPLOSION', THEME.danger); - emitGameEvent(game, 'JamExplosion', { component: comp.id, victims: victims.length }); } function explodeRoute(route, extras, label) { diff --git a/src/systems/contracts.js b/src/systems/contracts.js index 570eb4f..8f208d4 100644 --- a/src/systems/contracts.js +++ b/src/systems/contracts.js @@ -88,7 +88,9 @@ export function productionMultiplier(game) { } export function currentPoopRate(game) { - return Math.min(0.9, POOP_RATE * (game.contractActive?.poopMultiplier || 1)); + const feedCards = Math.max(0, Number(game?.cardEffects?.hatchingFeed) || 0); + const feedMultiplier = Math.pow(1.03, feedCards); + return Math.min(0.95, POOP_RATE * (game.contractActive?.poopMultiplier || 1) * feedMultiplier); } export function truckTarget(game) { diff --git a/src/systems/economy.js b/src/systems/economy.js index 44fc95b..d79f639 100644 --- a/src/systems/economy.js +++ b/src/systems/economy.js @@ -1,6 +1,22 @@ import { ECONOMY, FACILITY_DEFS, INCOME_FACILITY_IDS } from '../core/config.js'; import { factoryValue, targetTruckCount, truckTarget } from './contracts.js'; -import { emitGameEvent } from './gameEvents.js'; + +function effectCount(game, id) { + return Math.max(0, Number(game?.cardEffects?.[id]) || 0); +} + +function usedMachineActive(game) { + return !!game?.cardEffects?.usedMachineActive; +} + +function resaleRate(game, sameBuild) { + if (sameBuild) return 1; + return Math.min(0.8, 0.5 + 0.1 * Math.min(3, effectCount(game, 'recyclingSubsidy'))); +} + +function explosionDamageMultiplier(game) { + return Math.pow(0.95, effectCount(game, 'safetyCover')); +} export function equipmentBasePrice(objOrHit) { const obj = objOrHit?.ref || objOrHit || {}; @@ -12,8 +28,9 @@ export function equipmentBasePrice(objOrHit) { return FACILITY_DEFS[obj.id]?.price || 0; } -export function buildPrice(id) { - return FACILITY_DEFS[id]?.price || 0; +export function buildPrice(id, game = null) { + const base = FACILITY_DEFS[id]?.price || 0; + return usedMachineActive(game) ? Math.ceil(base * 0.5) : base; } export function facilityUpgradeCount(game, id) { @@ -107,11 +124,11 @@ export function zundaTaxForCash(cash, game = null) { export function fairiesTributeInfo(game, turn = game.turn) { const day = Math.max(1, Math.floor(Number(turn) || 1)); const base = Math.ceil(day * ECONOMY.fairiesTribute.perDay); - const flatteryCount = Math.max(0, game?.cardEffects?.flattery || 0); - const perCardReduction = Math.floor(10 * day / 10); - const reduction = Math.min(base, flatteryCount * perCardReduction); - const amount = Math.max(0, base - reduction); - return { day, base, flatteryCount, perCardReduction, reduction, amount }; + const flatteryCount = Math.max(0, game?.cardEffects?.fairiesFlatteryNext || game?.cardEffects?.flattery || 0); + const multiplier = flatteryCount > 0 ? Math.pow(0.5, flatteryCount) : 1; + const amount = Math.max(0, Math.ceil(base * multiplier)); + const reduction = Math.max(0, base - amount); + return { day, base, flatteryCount, perCardReduction: Math.ceil(base * 0.5), reduction, amount }; } export function resaleValueFor(hit, game) { @@ -119,11 +136,14 @@ export function resaleValueFor(hit, game) { const meta = hit?.type === 'conveyor' ? game?.conveyorMeta?.get(hit.oldKey || obj.id) : obj; const price = meta?.price || equipmentBasePrice(hit || obj); const sameBuild = meta?.builtSession === game?.buildSession; - return { amount: Math.max(0, Math.ceil(price * (sameBuild ? 1 : 0.5))), sameBuild, price }; + if (meta?.noRefund || obj?.noRefund) return { amount: 0, sameBuild, price, rate: 0, noRefund: true }; + const rate = resaleRate(game, sameBuild); + return { amount: Math.max(0, Math.ceil(price * rate)), sameBuild, price, rate, noRefund: false }; } -export function explosionDamageForPrice(price) { - return Math.max(1, Math.ceil((Number(price) || 0) / ECONOMY.explosionDamageDivisor)); +export function explosionDamageForPrice(price, game = null) { + const base = Math.max(1, Math.ceil((Number(price) || 0) / ECONOMY.explosionDamageDivisor)); + return Math.max(1, Math.ceil(base * explosionDamageMultiplier(game))); } export function upgradeCostFor(obj) { @@ -149,7 +169,6 @@ export function applyCashDelta(game, delta) { if (delta >= 0) { game.stats.revenue += delta; game.totals.revenue += delta; } else { game.stats.penalty += Math.abs(delta); game.totals.penalty += Math.abs(delta); } game.totals.maxCash = Math.max(game.totals.maxCash, game.cash); - emitGameEvent(game, 'CashDelta', { delta, before, after: game.cash }); } export function applyRevenue(game, amount) { @@ -175,7 +194,6 @@ export function refundCash(game, amount) { game.stats.profit += amount; game.totals.profit += amount; game.totals.maxCash = Math.max(game.totals.maxCash, game.cash); - emitGameEvent(game, 'CashRefund', { amount, before, after: game.cash }); } export function applyMixerIncome(game) { @@ -210,7 +228,7 @@ export function applyWrongTruckFine(game) { } export function applyExplosionDamage(game, price) { - const amount = explosionDamageForPrice(price); + const amount = explosionDamageForPrice(price, game); game.stats.explosionDamage += amount; game.totals.explosionDamage += amount; applyPenalty(game, amount); @@ -240,6 +258,10 @@ export function collectZundaTax(game, basisCash = game.cash) { export function collectFairiesTribute(game, turn = game.turn) { const info = fairiesTributeInfo(game, turn); + if (game.cardEffects) { + game.cardEffects.fairiesFlatteryNext = 0; + if (game.cardEffects.flattery != null) delete game.cardEffects.flattery; + } if (info.amount <= 0) return info; game.stats.fairiesTribute = (game.stats.fairiesTribute || 0) + info.amount; game.totals.fairiesTribute = (game.totals.fairiesTribute || 0) + info.amount; @@ -247,6 +269,57 @@ export function collectFairiesTribute(game, turn = game.turn) { return info; } +export function applyRescueLoanIfNeeded(game) { + if (!game?.cardEffects || game.cash >= 0) return { amount: 0, used: 0, remaining: Math.max(0, game?.cardEffects?.rescueLoanCharges || 0) }; + let used = 0; + let amount = 0; + while (game.cash < 0 && (game.cardEffects.rescueLoanCharges || 0) > 0) { + game.cardEffects.rescueLoanCharges -= 1; + used += 1; + amount += 500; + game.stats.rescueLoan = (game.stats.rescueLoan || 0) + 500; + game.totals.rescueLoan = (game.totals.rescueLoan || 0) + 500; + applyRevenue(game, 500); + } + return { amount, used, remaining: Math.max(0, game.cardEffects.rescueLoanCharges || 0) }; +} + +export function collectChemicalWeaponSubsidy(game) { + const cards = effectCount(game, 'chemicalWeaponSubsidy'); + const poopTruck = Math.max(0, game?.stats?.poopTruck || 0); + const blocks = Math.floor(poopTruck / 100); + const amount = cards > 0 && blocks > 0 ? blocks * 2000 * cards : 0; + if (amount > 0) { + game.stats.chemicalWeaponSubsidy = (game.stats.chemicalWeaponSubsidy || 0) + amount; + game.totals.chemicalWeaponSubsidy = (game.totals.chemicalWeaponSubsidy || 0) + amount; + applyRevenue(game, amount); + } + return { cards, poopTruck, blocks, amount }; +} + +export function collectLoanRepayments(game) { + const effects = game?.cardEffects; + if (!effects || !Array.isArray(effects.loans) || !effects.loans.length) return { amount: 0, paidLoans: 0, remainingLoans: 0 }; + let amount = 0; + let paidLoans = 0; + const nextLoans = []; + for (const loan of effects.loans) { + if ((loan.daysRemaining || 0) <= 0) continue; + const payment = Math.max(0, Math.ceil(loan.dailyPayment || 400)); + amount += payment; + paidLoans += 1; + const daysRemaining = Math.max(0, (loan.daysRemaining || 0) - 1); + if (daysRemaining > 0) nextLoans.push({ ...loan, daysRemaining }); + } + effects.loans = nextLoans; + if (amount > 0) { + game.stats.loanRepayment = (game.stats.loanRepayment || 0) + amount; + game.totals.loanRepayment = (game.totals.loanRepayment || 0) + amount; + applyPenalty(game, amount); + } + return { amount, paidLoans, remainingLoans: nextLoans.length }; +} + export function finalScore(game) { const value = factoryValue(game); const days = Math.max(1, game.totals.turnsCompleted || game.turn || 1); diff --git a/src/systems/maintenance.js b/src/systems/maintenance.js index 9ad8af6..32ebbf2 100644 --- a/src/systems/maintenance.js +++ b/src/systems/maintenance.js @@ -3,10 +3,37 @@ import { GRID, THEME } from '../core/config.js'; import { cellCenter, parseKey, key, yen } from '../core/utils.js'; import { spendCash } from './economy.js'; import { floating } from './effects.js'; -import { emitGameEvent } from './gameEvents.js'; const RULES = BALANCE.maintenance; +function effectCount(game, id) { + return Math.max(0, Number(game?.cardEffects?.[id]) || 0); +} + +export function degradationUseMultiplier(game) { + const crowded = Math.min(1.4, 1 + 0.04 * Math.min(10, effectCount(game, 'crowdedFarming'))); + const preventive = Math.pow(0.95, effectCount(game, 'preventiveMaintenance')); + return crowded * preventive; +} + +export function durabilityMultiplier(game) { + return Math.pow(1.03, effectCount(game, 'durabilityCoating')); +} + +export function durabilityCapFor(game, type, qualityMultiplier = 1) { + const base = RULES.durability[type] || 1000; + return Math.max(1, Math.ceil(base * Math.max(0.1, qualityMultiplier || 1) * durabilityMultiplier(game))); +} + +export function repairmanDailyCost(game) { + const base = RULES.repairman.dailyCost; + return game?.cardEffects?.laborExploitation ? Math.ceil(base * 0.7) : base; +} + +function qualityMultiplierOf(objOrMeta) { + return Math.max(0.1, Number(objOrMeta?.durabilityBaseMultiplier) || 1); +} + export function ensureMaintenanceState(game) { if (!game.repairman) { game.repairman = { @@ -20,25 +47,27 @@ export function ensureMaintenanceState(game) { } for (const [k, meta] of game.conveyorMeta || []) { if (meta.uses == null) meta.uses = 0; - if (meta.durability == null) meta.durability = RULES.durability.conveyor; if (meta.maintenanceType == null) meta.maintenanceType = 'conveyor'; + const desired = durabilityCapFor(game, 'conveyor', qualityMultiplierOf(meta)); + if (meta.durability == null || meta.durability < desired) meta.durability = desired; } - for (const farm of game.eggFarms || []) attachMaintenance(farm, 'eggFarm'); + for (const farm of game.eggFarms || []) attachMaintenance(farm, 'eggFarm', game); for (const scanner of game.scanners || []) { - if (scanner.kind === 'auto') attachMaintenance(scanner, 'autoScanner'); + if (scanner.kind === 'auto') attachMaintenance(scanner, 'autoScanner', game); } for (const f of Object.values(game.facilities || {})) { - if (f.id === 'mixer') attachMaintenance(f, 'mixer'); - if (f.id === 'trash') attachMaintenance(f, 'trash'); + if (f.id === 'mixer') attachMaintenance(f, 'mixer', game); + if (f.id === 'trash') attachMaintenance(f, 'trash', game); } } -function attachMaintenance(obj, type) { +function attachMaintenance(obj, type, game = null) { if (!obj) return; if (!obj.maintenance) obj.maintenance = {}; obj.maintenance.type = type; if (obj.maintenance.uses == null) obj.maintenance.uses = 0; - if (obj.maintenance.durability == null) obj.maintenance.durability = RULES.durability[type] || 1000; + const desired = game ? durabilityCapFor(game, type, qualityMultiplierOf(obj)) : (RULES.durability[type] || 1000); + if (obj.maintenance.durability == null || obj.maintenance.durability < desired) obj.maintenance.durability = desired; } function usesOf(target) { @@ -126,14 +155,14 @@ export function recordConveyorPass(game, conveyorKey) { ensureMaintenanceState(game); const meta = game.conveyorMeta?.get(conveyorKey); if (!meta) return; - meta.uses = Math.min(meta.durability || RULES.durability.conveyor, (meta.uses || 0) + 1); + meta.uses = Math.min(meta.durability || RULES.durability.conveyor, (meta.uses || 0) + degradationUseMultiplier(game)); game.stats.conveyorPasses = (game.stats.conveyorPasses || 0) + 1; } export function recordFarmProduction(game, farm) { ensureMaintenanceState(game); attachMaintenance(farm, 'eggFarm'); - farm.maintenance.uses = Math.min(farm.maintenance.durability, (farm.maintenance.uses || 0) + 1); + farm.maintenance.uses = Math.min(farm.maintenance.durability, (farm.maintenance.uses || 0) + degradationUseMultiplier(game)); game.stats.eggProduced = (game.stats.eggProduced || 0) + 1; } @@ -141,7 +170,7 @@ export function recordAutoScan(game, scanner) { ensureMaintenanceState(game); if (!scanner || scanner.kind !== 'auto') return; attachMaintenance(scanner, 'autoScanner'); - scanner.maintenance.uses = Math.min(scanner.maintenance.durability, (scanner.maintenance.uses || 0) + 1); + scanner.maintenance.uses = Math.min(scanner.maintenance.durability, (scanner.maintenance.uses || 0) + degradationUseMultiplier(game)); } export function recordFacilityProcess(game, id) { @@ -149,7 +178,7 @@ export function recordFacilityProcess(game, id) { const f = game.facilities?.[id]; if (!f || !['mixer', 'trash'].includes(id)) return; attachMaintenance(f, id); - f.maintenance.uses = Math.min(f.maintenance.durability, (f.maintenance.uses || 0) + 1); + f.maintenance.uses = Math.min(f.maintenance.durability, (f.maintenance.uses || 0) + degradationUseMultiplier(game)); } export function setFacilityCooldownAfterProcess(game, id) { @@ -189,11 +218,10 @@ function targetKey(t) { return t.type === 'conveyor' ? `conveyor:${t.key}` : `${ export function hireRepairmanForNextDay(game) { ensureMaintenanceState(game); if (game.repairman.hiredForNextDay) return { ok: false, reason: 'Repairman already hired.' }; - const cost = RULES.repairman.dailyCost; + const cost = repairmanDailyCost(game); if (game.cash < cost) return { ok: false, reason: `Need ${yen(cost - game.cash)} more.` }; spendCash(game, cost); game.repairman.hiredForNextDay = true; - emitGameEvent(game, 'HireRepairman', { cost }); return { ok: true, cost }; } @@ -203,12 +231,10 @@ export function activateRepairmanForDay(game) { game.repairman.hiredForNextDay = false; game.repairman.target = null; game.repairman.repairedToday = 0; - if (game.repairman.active) emitGameEvent(game, 'RepairmanStarted', { day: game.turn }); } export function deactivateRepairman(game) { ensureMaintenanceState(game); - if (game.repairman.active) emitGameEvent(game, 'RepairmanStopped', { repairedPercent: Math.round(game.repairman.repairedToday || 0) }); game.repairman.active = false; game.repairman.target = null; } diff --git a/src/systems/routing.js b/src/systems/routing.js index fcb1503..08c8289 100644 --- a/src/systems/routing.js +++ b/src/systems/routing.js @@ -12,8 +12,8 @@ export function scannerById(game, id) { return game.scanners.find(s => s.id === export function scannerBySlot(game, slot) { return game.scanners.find(s => s.kind === 'manual' && s.slot === slot) || null; } // ----------------------------------------------------------------------------- -// Port definitions: only exact receiver/output cells are valid connections. -// Visual adjacency is deliberately not treated as a connection. +// Port definitions. Ports prefer the exact connector cell, but also accept +// visually touching adjacent conveyor cells so drawn connections and routing match. // ----------------------------------------------------------------------------- export function scannerConnector(scanner, type) { return { @@ -37,8 +37,27 @@ function exactConveyorCell(game, point) { return conveyorAt(game, point) ? [{ ...point }] : []; } -// Kept for explicit non-port use. Ports and validation intentionally use exact -// cells only; visual adjacency is not treated as a connection. +function visualPortConveyorCells(game, point, blocked = [], preferred = []) { + if (!point || !inGrid(point.col, point.row)) return []; + const result = []; + const add = p => { + if (!p || !inGrid(p.col, p.row) || !game.conveyorTiles.has(key(p.col, p.row))) return; + if (blocked.some(b => b && sameCell(p, b))) return; + if (!result.some(x => sameCell(x, p))) result.push({ ...p, viaTolerance: !sameCell(p, point) }); + }; + add(point); + for (const p of preferred) add(p); + for (const p of adjacentCells(point)) add(p); + return result; +} + +function graphPortConveyorCells(game, point, blocked = [], preferred = []) { + const cells = visualPortConveyorCells(game, point, blocked, preferred); + const exact = cells.filter(p => !p.viaTolerance); + return exact.length ? exact : cells; +} + +// Kept for explicit non-port use. export function exactOrAdjacentConveyorCells(game, point, blocked = [], preferred = []) { if (!point || !inGrid(point.col, point.row)) return []; const result = []; @@ -57,11 +76,13 @@ export function exactOrAdjacentConveyorCells(game, point, blocked = [], preferre // Strict connection tests // ----------------------------------------------------------------------------- export function scannerInputCells(game, scanner) { - return exactConveyorCell(game, scannerConnector(scanner, 'inputA')); + const connector = scannerConnector(scanner, 'inputA'); + return visualPortConveyorCells(game, connector, [ { col: scanner.col, row: scanner.row } ]); } function outputStartCells(game, scanner, side) { - return exactConveyorCell(game, scannerConnector(scanner, side)); + const connector = scannerConnector(scanner, side); + return visualPortConveyorCells(game, connector, [ { col: scanner.col, row: scanner.row } ]); } export function facilityEntryPoint(game, dest) { @@ -81,11 +102,11 @@ export function facilityEntryCell(game, dest) { export function facilityEndpointCells(game, dest) { const f = game.facilities[dest]; if (!f?.entry) return []; - return exactConveyorCell(game, f.entry); + return visualPortConveyorCells(game, f.entry); } export function portHasConveyor(game, port) { - return exactConveyorCell(game, port).length > 0; + return visualPortConveyorCells(game, port).length > 0; } export function scannerPortHasConveyor(game, scanner, type) { @@ -206,21 +227,24 @@ function indexGraphPorts(game, graph) { const ports = {}; for (const type of ['inputA', 'left', 'right']) { const cell = scannerConnector(scanner, type); - const cellKey = cell ? graphNodeKey(cell.col, cell.row) : null; - const connected = !!cellKey && graph.cells.has(cellKey); - ports[type] = { type, cell, key: connected ? cellKey : null, connected }; + const cells = graphPortConveyorCells(game, cell, [ { col: scanner.col, row: scanner.row } ]) + .filter(p => graph.cells.has(graphNodeKey(p.col, p.row))); + const cellKeys = cells.map(p => graphNodeKey(p.col, p.row)); + const connected = cellKeys.length > 0; + ports[type] = { type, cell, cells, keys: cellKeys, key: cellKeys[0] || null, connected }; graph.metrics.scannerPorts += 1; if (connected) graph.metrics.connectedScannerPorts += 1; - if (type === 'inputA' && connected) graph.scannerInputs.set(cellKey, scanner.id); + if (type === 'inputA') for (const cellKey of cellKeys) graph.scannerInputs.set(cellKey, scanner.id); } graph.scannerPorts.set(scanner.id, ports); } for (const [id, f] of Object.entries(game.facilities)) { if (!f.entry) continue; - const cellKey = graphNodeKey(f.entry.col, f.entry.row); - const connected = graph.cells.has(cellKey); - graph.facilityPorts.set(id, { id, cell: { ...f.entry }, key: connected ? cellKey : null, connected }); + const cells = graphPortConveyorCells(game, f.entry).filter(p => graph.cells.has(graphNodeKey(p.col, p.row))); + const cellKeys = cells.map(p => graphNodeKey(p.col, p.row)); + const connected = cellKeys.length > 0; + graph.facilityPorts.set(id, { id, cell: { ...f.entry }, cells, keys: cellKeys, key: cellKeys[0] || null, connected }); graph.metrics.facilityPorts += 1; if (connected) graph.metrics.connectedFacilityPorts += 1; } @@ -263,21 +287,6 @@ export function graphSummary(graph) { }; } -export function factoryGraphMetrics(game) { - const graph = ensureFactoryGraph(game); - const routeIssues = validateFactoryGraph(game, graph, { includeRoutes: true }); - const maxCongestion = game.congestion?.size ? Math.max(...[...game.congestion.values()].map(c => c.ratio || 0), 0) : 0; - const queued = game.scanners.reduce((sum, scanner) => sum + (scanner.queue?.length || 0), 0); - return { - ...graphSummary(graph), - issues: routeIssues, - activeItems: game.chicks.length, - queuedItems: queued, - movingItems: Math.max(0, game.chicks.length - queued), - maxCongestion - }; -} - // ----------------------------------------------------------------------------- // Conveyor graph and pathfinding // ----------------------------------------------------------------------------- @@ -387,9 +396,33 @@ function routeWithConnector(fromPoint, connector, cells, extraEnd = null) { return points; } +function routeToScannerCenter(cells, scanner) { + const points = routePoints(cells); + const input = scannerConnector(scanner, 'inputA'); + if (input) appendPoint(points, cellCenter(input.col, input.row)); + appendPoint(points, scannerCenter(scanner)); + return points; +} + +function routeWithScannerTarget(fromPoint, connector, cells, targetScanner) { + const points = [{ x: fromPoint.x, y: fromPoint.y }]; + appendPoint(points, cellCenter(connector.col, connector.row)); + for (const p of routePoints(cells)) appendPoint(points, p); + const input = scannerConnector(targetScanner, 'inputA'); + if (input) appendPoint(points, cellCenter(input.col, input.row)); + appendPoint(points, scannerCenter(targetScanner)); + return points; +} + export function chooseRoundRobin(game, id, candidates, advance = false) { if (!candidates.length) return null; const sorted = [...candidates].sort((a, b) => { + const ba = a.roleBias ?? 0; + const bb = b.roleBias ?? 0; + if (ba !== bb) return ba - bb; + const la = a.cells?.length ?? a.route?.length ?? Number.POSITIVE_INFINITY; + const lb = b.cells?.length ?? b.route?.length ?? Number.POSITIVE_INFINITY; + if (la !== lb) return la - lb; const ka = a.key || JSON.stringify(a.route || a.cells || a); const kb = b.key || JSON.stringify(b.route || b.cells || b); return ka.localeCompare(kb); @@ -424,7 +457,7 @@ export function isFacilityEndpoint(game, p, dest, connector) { if (sameCell(p, connector)) return false; const graph = ensureFactoryGraph(game); const port = graph.facilityPorts.get(dest); - return !!port?.connected && graphNodeKey(p.col, p.row) === port.key; + return !!port?.connected && (port.keys || [port.key]).includes(graphNodeKey(p.col, p.row)); } export function routeFromFarmToScanner(game, farm, advance = false) { @@ -444,7 +477,7 @@ export function routeFromFarmToScanner(game, farm, advance = false) { } } const chosen = chooseRoundRobin(game, `farm:${farm.id}`, candidates, advance); - if (chosen) return { scannerId: chosen.scanner.id, route: routePoints(chosen.cells, scannerCenter(chosen.scanner)) }; + if (chosen) return { scannerId: chosen.scanner.id, route: routeToScannerCenter(chosen.cells, chosen.scanner) }; const fallback = chooseRoundRobin(game, `farm:${farm.id}:output`, starts.map(p => ({ key: key(p.col, p.row), cells: [p] })), advance); return fallback ? { scannerId: null, route: routePoints(fallback.cells) } : null; } @@ -455,7 +488,7 @@ export function outputRoute(game, side, fromPoint, scannerId, advance = false) { const graph = ensureFactoryGraph(game); const port = graph.scannerPorts.get(scanner.id)?.[side]; const connector = scannerConnector(scanner, side); - const starts = port?.connected ? [graphCell(port.key)] : []; + const starts = port?.connected ? (port.keys || [port.key]).filter(Boolean).map(graphCell) : []; if (!connector || !starts.length) return null; const dest = scannerOutputs(scanner)[side]; if (dest === 'scanner-role-1') return routeToNextScanner(game, scanner, side, fromPoint, connector, starts, advance); @@ -464,21 +497,23 @@ export function outputRoute(game, side, fromPoint, scannerId, advance = false) { function routeToNextScanner(game, scanner, side, fromPoint, connector, starts, advance) { const graph = ensureFactoryGraph(game); - const targets = game.scanners.filter(s => s.role === 1 && s.id !== scanner.id && graph.scannerPorts.get(s.id)?.inputA?.connected); + const targets = game.scanners.filter(s => s.id !== scanner.id && graph.scannerPorts.get(s.id)?.inputA?.connected); const candidates = []; for (const start of starts) { for (const target of targets) { const targetKey = graph.scannerPorts.get(target.id)?.inputA?.key; if (!targetKey) continue; - const isGoal = p => graphNodeKey(p.col, p.row) === targetKey; + const targetKeys = (graph.scannerPorts.get(target.id)?.inputA?.keys || [targetKey]).filter(Boolean); + const isGoal = p => targetKeys.includes(graphNodeKey(p.col, p.row)); isGoal.cacheKey = `toScanner:${start.col},${start.row}:${target.id}:v${graph.version}`; const routes = bfsAllRoutes(game, start, isGoal); - for (const cells of routes) candidates.push({ key: `start${key(start.col, start.row)}:s${target.id}:${cells.length}:${key(cells[cells.length - 1].col, cells[cells.length - 1].row)}`, target, cells }); + const roleBias = target.role === 1 ? 0 : 1; + for (const cells of routes) candidates.push({ key: `${roleBias}:start${key(start.col, start.row)}:s${target.id}:${cells.length}:${key(cells[cells.length - 1].col, cells[cells.length - 1].row)}`, target, cells, roleBias }); } } const chosen = chooseRoundRobin(game, `scanner:${scanner.id}:${side}:toRole1`, candidates, advance); if (!chosen) return null; - return { destination: 'scanner', nextScannerId: chosen.target.id, route: routeWithConnector(fromPoint, connector, chosen.cells, scannerCenter(chosen.target)) }; + return { destination: 'scanner', nextScannerId: chosen.target.id, route: routeWithScannerTarget(fromPoint, connector, chosen.cells, chosen.target) }; } function routeToFacility(game, scanner, side, fromPoint, connector, starts, dest, advance) { @@ -487,7 +522,9 @@ function routeToFacility(game, scanner, side, fromPoint, connector, starts, dest if (!port?.connected) return null; const candidates = []; for (const start of starts) { - const isGoal = p => graphNodeKey(p.col, p.row) === port.key; + const goalKeys = (port.keys || [port.key]).filter(Boolean); + if (!goalKeys.length) continue; + const isGoal = p => goalKeys.includes(graphNodeKey(p.col, p.row)); isGoal.cacheKey = `toFacility:${start.col},${start.row}:${dest}:v${graph.version}`; const routes = bfsAllRoutes(game, start, isGoal); for (const cells of routes) candidates.push({ key: `start${key(start.col, start.row)}:${dest}:${cells.length}:${key(cells[cells.length - 1].col, cells[cells.length - 1].row)}`, cells }); @@ -500,6 +537,38 @@ function routeToFacility(game, scanner, side, fromPoint, connector, starts, dest // ----------------------------------------------------------------------------- // Connection validation: uses FactoryGraph as the single source of truth. // ----------------------------------------------------------------------------- +function outputRouteReachesFacility(game, scanner, visited = new Set()) { + if (!scanner || visited.has(scanner.id)) return false; + visited.add(scanner.id); + for (const side of ['left', 'right']) { + const plan = outputRoute(game, side, scannerCenter(scanner), scanner.id, false); + if (!plan) continue; + if (['mixer', 'trash', 'truck'].includes(plan.destination)) return true; + if (plan.destination === 'scanner') { + const next = scannerById(game, plan.nextScannerId); + if (outputRouteReachesFacility(game, next, visited)) return true; + } + } + return false; +} + +export function minimumStartConnectionIssues(game) { + const graph = ensureFactoryGraph(game); + for (const farm of game.eggFarms || []) { + const route = routeFromFarmToScanner(game, farm, false); + if (!route?.scannerId) continue; + const scanner = scannerById(game, route.scannerId); + if (outputRouteReachesFacility(game, scanner)) return []; + } + const farmCount = game.eggFarms?.length || 0; + const exitCount = ['mixer', 'trash', 'truck'].filter(id => graph.facilityPorts.get(id)?.connected).length; + if (!farmCount) return ['Build at least one EGG before starting the next day.']; + if (!graph.metrics.farmOutputs) return ['Connect at least one EGG to a conveyor.']; + if (!game.scanners?.length) return ['Build at least one scanner and connect it to an EGG route.']; + if (!exitCount) return ['Connect at least one receiver exit: Mixer, Shredder, or Truck.']; + return ['Connect at least one EGG through a scanner to any valid exit.']; +} + function scannerName(scanner) { if (scanner.kind === 'manual') return `S${(scanner.slot ?? 0) + 1}`; return `Auto Scanner #${scanner.id}`; @@ -545,7 +614,7 @@ export function validateFactoryGraph(game, graph = ensureFactoryGraph(game), opt } export function facilityConnectionIssues(game) { - return validateFactoryGraph(game, ensureFactoryGraph(game), { includeRoutes: true }); + return minimumStartConnectionIssues(game); } export function factoryReady(game) { diff --git a/src/systems/selectionSystem.js b/src/systems/selectionSystem.js index 85e18cd..02348e5 100644 --- a/src/systems/selectionSystem.js +++ b/src/systems/selectionSystem.js @@ -4,7 +4,6 @@ import { nearestGridEdge, layoutFacilityOnEdge } from '../core/entities.js'; import { farmAt, scannerAt, scannerCenter, refreshRoutingAfterEdit } from './routing.js'; import { snapshot } from './history.js'; import { buildPrice } from './economy.js'; -import { emitGameEvent } from './gameEvents.js'; export function createSelectionSystem({ game, canvasPoint, updatePanels, equipmentAtPoint, fail, pointInGrid, rectOfFacility, rectsOverlap }) { function selectionToken(item) { @@ -236,7 +235,6 @@ export function createSelectionSystem({ game, canvasPoint, updatePanels, equipme function finishGroupDrag() { if (!game.groupDrag) return; - if (game.groupDrag.committed) emitGameEvent(game, 'MoveEquipment', { count: game.groupDrag.selections?.length || 0 }); refreshRoutingAfterEdit(game); game.groupDrag = null; updatePanels(); diff --git a/src/systems/uiSystem.js b/src/systems/uiSystem.js index 7b96ebb..ee6bfe6 100644 --- a/src/systems/uiSystem.js +++ b/src/systems/uiSystem.js @@ -1,13 +1,11 @@ import { BUILD_TOOL_IDS, CONVEYOR_SPEED_MAX, CONTRACT_EVENT_FIRST_TURN, FACILITY_DEFS, MACHINE_FACILITY_IDS, STARTING_CASH } from '../core/config.js'; import { yen } from '../core/utils.js'; import { TEXT } from '../core/text.js'; -import { routeFromFarmToScanner, factoryReady, facilityConnectionIssues, factoryGraphMetrics } from './routing.js'; -import { buildPrice, fairiesTributeInfo, finalScore, maleTruckPenalty, mixerPoopPenalty, truckPoopPenalty, upgradedMixerPrice, zundaTaxInfo } from './economy.js'; +import { routeFromFarmToScanner, factoryReady, facilityConnectionIssues } from './routing.js'; +import { buildPrice, fairiesTributeInfo, finalScore, maleTruckPenalty, mixerPoopPenalty, truckPoopPenalty, zundaTaxInfo } from './economy.js'; import { truckTarget } from './contracts.js'; import { conveyorSpeedForGame } from './cards.js'; -import { recentGameEvents } from './gameEvents.js'; -import { maintenanceSummary } from './maintenance.js'; -import { BALANCE } from '../core/balance.js'; +import { maintenanceSummary, repairmanDailyCost } from './maintenance.js'; export function createUISystem({ game, ui, build, startGame, beginCardDraft, activeQueuedChick }) { function escapeHtml(value) { @@ -16,14 +14,23 @@ export function createUISystem({ game, ui, build, startGame, beginCardDraft, act function displaySpeed() { return Math.round(conveyorSpeedForGame(game)); } + function noAffordableBuildTools() { + if (game.phase !== 'build' || game.cardDraft?.pending || game.cardTargetPick?.pending) return false; + let hasBuildableOption = false; + for (const id of BUILD_TOOL_IDS) { + if (MACHINE_FACILITY_IDS.includes(id) && !!game.facilities[id]) continue; + hasBuildableOption = true; + if (game.cash >= buildPrice(id, game)) return false; + } + return hasBuildableOption; + } + function updatePanels() { updateToolButtons(); updateBuildStatus(); - updateFacilityPanel(); updateContractPanel(); updateTurnSummary(); updateHistoryButtons(); - updateDebugPanel(); } function updateToolButtons() { @@ -34,7 +41,9 @@ export function createUISystem({ game, ui, build, startGame, beginCardDraft, act for (const id of BUILD_TOOL_IDS) { const btn = ui.buttons[id]; if (!btn) continue; - const price = buildPrice(id); + const price = buildPrice(id, game); + const priceSpan = btn.querySelector('span'); + if (priceSpan) priceSpan.textContent = id === 'conveyor' ? `${yen(price)} / tile` : yen(price); const uniqueAlreadyBuilt = MACHINE_FACILITY_IDS.includes(id) && !!game.facilities[id]; const unaffordable = game.cash < price; btn.disabled = game.phase !== 'build' || !!game.cardDraft?.pending || !!game.cardTargetPick?.pending || unaffordable || uniqueAlreadyBuilt; @@ -50,18 +59,26 @@ export function createUISystem({ game, ui, build, startGame, beginCardDraft, act if (ui.buttons.erase) ui.buttons.erase.disabled = game.phase !== 'build' || !!game.cardDraft?.pending || !!game.cardTargetPick?.pending; if (ui.hireRepairmanButton) { const hired = !!game.repairman?.hiredForNextDay; - const cost = BALANCE.maintenance.repairman.dailyCost; + const cost = repairmanDailyCost(game); const blocked = game.phase !== 'build' || !!game.cardDraft?.pending || !!game.cardTargetPick?.pending || hired || game.cash < cost; ui.hireRepairmanButton.disabled = blocked; ui.hireRepairmanButton.classList.toggle('active', hired); ui.hireRepairmanButton.classList.toggle('unaffordable', game.cash < cost); - ui.hireRepairmanButton.title = hired ? 'Repairman is hired for the next production phase.' : `Hire for ${yen(cost)} for one day.`; + ui.hireRepairmanButton.title = hired ? 'Repairman is hired for the next production phase.' : `Hire for ${yen(cost)} for one day. Repairs 3% durability per second.`; } + const cashout = noAffordableBuildTools(); + ui.buttons.nextTurn?.classList.toggle('cashout-emphasis', cashout); + ui.buttons.erase?.classList.toggle('cashout-emphasis', cashout); } function updateBuildStatus() { + const cashout = noAffordableBuildTools(); ui.buildStatus.textContent = game.phase === 'build' - ? (game.cardTargetPick?.pending ? 'Select a white-highlighted machine on the map.' : (game.cardDraft?.pending ? 'Choose upgrade card before building.' : TEXT.status.build(game.buildTool))) + ? (game.cardTargetPick?.pending + ? 'Select an upgrade target on the map.' + : (game.cardDraft?.pending + ? 'Choose upgrade card before building.' + : (cashout ? 'No affordable equipment. Start the next day or sell equipment to recover cash.' : TEXT.status.build(game.buildTool)))) : TEXT.status.sorting; } @@ -74,45 +91,24 @@ export function createUISystem({ game, ui, build, startGame, beginCardDraft, act const connected = game.eggFarms.filter(f => routeFromFarmToScanner(game, f)?.scannerId).length; const issues = facilityConnectionIssues(game); const tax = zundaTaxInfo(game.cash, game); - const tribute = fairiesTributeInfo(game, game.turn); + const tributeDay = game.phase === 'running' ? Math.max(1, (game.totals.turnsCompleted || 0) + 1) : Math.max(1, Number(game.turn) || 1); + const tribute = fairiesTributeInfo(game, tributeDay); + const lastTribute = game.lastBuildFees?.turn === tributeDay ? game.lastBuildFees.fairiesTribute || 0 : null; + const lastTributeReduction = game.lastBuildFees?.turn === tributeDay ? game.lastBuildFees.reduction || 0 : 0; ui.turnSummary.innerHTML = [ `Seed: ${escapeHtml(game.runSeed || 'none')} | Blocked: ${game.blockedCells?.size || 0} cells`, `Truck target: ${truckTarget(game).toUpperCase()} | Male fine: -${yen(maleTruckPenalty(game))}`, `Poop fine: Mixer -${yen(mixerPoopPenalty(game))} / Shipment -${yen(truckPoopPenalty(game))}`, `ZUNDA TAX on Next Day: -${yen(tax.tax)} | taxable ${yen(tax.taxable)} × ${tax.ratePercent}% | exemption ${yen(tax.exemption)} | 95% at ${yen(tax.maxRateCash)}`, - `Fairies tribute on Next Day: -${yen(tribute.amount)}${tribute.reduction ? ` | flattery -${yen(tribute.reduction)}` : ''}`, + lastTribute != null + ? `Fairies tribute paid before Build: -${yen(lastTribute)}${lastTributeReduction ? ` | Flattery -${yen(lastTributeReduction)}` : ''}` + : `Fairies tribute before Build: -${yen(tribute.amount)}${tribute.reduction ? ` | Flattery -${yen(tribute.reduction)}` : ''}`, `Maintenance: worst ${maintenanceSummary(game).worst.percent}% dirty (${maintenanceSummary(game).worst.label}) | Repairman: ${game.repairman?.hiredForNextDay ? 'hired next day' : game.repairman?.active ? 'working' : 'none'}`, - `Card draft: ${game.cardDraft?.pending ? Math.max(1, game.cardDraft.picksRemaining || 1) + ' pick(s) left' : 'ready after each day'} | Belt: ${displaySpeed()}px/s | Farms connected: ${connected}/${game.eggFarms.length}`, + `Card draft: ${game.cardDraft?.pending ? Math.max(1, game.cardDraft.picksRemaining || 1) + ' pick(s) left' : 'ready after each day'} | Belt: ${displaySpeed()}px/s | Farms with scanner route: ${connected}/${game.eggFarms.length}`, + game.cardEffects?.usedMachineActive ? 'Procurement: USED MACHINE MODE / no refunds / 60% durability' : '', issues.length ? `Blocked: ${issues[0]}` : `${TEXT.status.allPortsConnected}` ].join('
'); } - - - function updateDebugPanel() { - if (!ui.debugObservations && !ui.debugEventLog) return; - let m = null; - try { m = factoryGraphMetrics(game); } catch (_err) { m = null; } - if (ui.debugObservations) { - if (!m) ui.debugObservations.innerHTML = 'FactoryGraphnot available'; - else ui.debugObservations.innerHTML = [ - 'FactoryGraph', - `v${m.version} | cells ${m.conveyorCells} | edges ${m.edges} | components ${m.components}`, - `ports scanner ${m.scannerPorts} / facility ${m.facilityPorts} | farm outputs ${m.farmOutputs}`, - `dead ends ${m.deadEnds} | crosses ${m.crosses} | max jam ${Math.round((m.maxCongestion || 0) * 100)}%`, - `items moving ${m.movingItems} / queued ${m.queuedItems} / total ${m.activeItems}`, - `blocked cells ${(game.blockedCells?.size || 0)} | worst dirt ${maintenanceSummary(game).worst.percent}% ${escapeHtml(maintenanceSummary(game).worst.label)}`, - (m.issues?.length ? `issue: ${m.issues[0]}` : 'graph valid') - ].join(''); - } - if (ui.debugEventLog) { - const events = recentGameEvents(game, 8); - ui.debugEventLog.innerHTML = ['Event Log', ...events.map(ev => { - const payload = Object.entries(ev.payload || {}).map(([k, v]) => `${escapeHtml(k)}:${escapeHtml(v)}`).join(' '); - return `D${ev.day} ${escapeHtml(ev.type)}${payload ? ` | ${payload}` : ''}`; - })].join(''); - } - } - function updateContractPanel() { if (!ui.contractPanel) return; const offer = game.contractOffer; @@ -141,20 +137,6 @@ export function createUISystem({ game, ui, build, startGame, beginCardDraft, act Output x${offer.productionMultiplier} / Poop x${offer.poopMultiplier} `; } - - function updateFacilityPanel() { - const obj = build.selectedObject(); - if (!obj) { - ui.facilityPanel.className = 'facility-panel-empty'; - ui.facilityPanel.innerHTML = TEXT.status.equipmentPanelEmpty; - return; - } - ui.facilityPanel.className = 'facility-card'; - const lines = build.selectedInfoLines(obj); - if (obj.type === 'facility' && obj.id === 'trash') lines.push('Items are shredded; no stored contents are visualized.'); - ui.facilityPanel.innerHTML = `

${build.selectedTitle(obj)}

${lines.map(x => `

${x}

`).join('')}

Upgrades come from pre-Build card choices.

`; - } - function updateUI() { updateToolButtons(); ui.shell.classList.toggle('phase-running', game.phase === 'running'); @@ -171,7 +153,6 @@ export function createUISystem({ game, ui, build, startGame, beginCardDraft, act ui.timeLeft.closest?.('.hud-card')?.classList.toggle('time-critical', game.phase === 'running' && (game.timeLeft <= 10 || (game.timeLeft <= 0 && game.shutdownTimeLeft > 0))); ui.phase.textContent = phaseLabel(); updatePriorityStrip(); - updateDebugPanel(); ui.turnProfit.textContent = yen(game.stats.profit); ui.turnProfit.classList.toggle('cash-negative', game.stats.profit < 0); ui.turnProfit.classList.toggle('cash-positive', game.stats.profit > 0); @@ -184,9 +165,7 @@ export function createUISystem({ game, ui, build, startGame, beginCardDraft, act ui.buttons.s2Left.disabled = game.phase !== 'running' || !activeQueuedChick(1); ui.buttons.s2Right.disabled = game.phase !== 'running' || !activeQueuedChick(1); const nextTax = zundaTaxInfo(game.cash, game).tax; - const nextTribute = fairiesTributeInfo(game, game.turn).amount; - const nextFees = nextTax + nextTribute; - ui.buttons.nextTurn.textContent = game.phase === 'build' && nextFees > 0 ? `Next Day - ZUNDA ${yen(nextTax)} / Fairies ${yen(nextTribute)}` : TEXT.actions.nextDay; + ui.buttons.nextTurn.textContent = game.phase === 'build' && nextTax > 0 ? `Next Day - ZUNDA ${yen(nextTax)}` : TEXT.actions.nextDay; ui.buttons.nextTurn.disabled = game.phase !== 'build' || !!game.cardDraft?.pending || !!game.cardTargetPick?.pending || !factoryReady(game); } @@ -222,10 +201,10 @@ export function createUISystem({ game, ui, build, startGame, beginCardDraft, act function showTitle() { ui.modalTitle.textContent = TEXT.versionTitle; - ui.modalBody.innerHTML = `
MMale->MixerS1: A
FFemale->TruckS1: D, then S2: right
PPoop->ShredderS1: D, then S2: left

Build phase: connect all receiver ports before Next Day. One day is one run.

`; + ui.modalBody.innerHTML = `
♂Male->MixerS1: A
♀Female->TruckS1: D, then S2: right
💩Poop->ShredderS1: D, then S2: left

Build phase: connect at least one EGG through a scanner to Mixer, Shredder, or Truck before Next Day. One day is one run.

`; ui.modalActions.innerHTML = ''; ui.modalActions.appendChild(button(TEXT.actions.startGame, startGame, 'primary-button')); - ui.modal.classList.remove('equipment-popover'); + ui.modal.classList.remove('equipment-popover', 'gameover-modal'); ui.modal.classList.add('visible'); } @@ -236,7 +215,7 @@ export function createUISystem({ game, ui, build, startGame, beginCardDraft, act

Final profit: ${yen(r.profit)}

`; ui.modalActions.innerHTML = ''; ui.modalActions.appendChild(button('Choose Upgrade Card', beginCardDraft || hideModal, 'primary-button')); - ui.modal.classList.remove('equipment-popover'); + ui.modal.classList.remove('equipment-popover', 'gameover-modal'); ui.modal.classList.add('visible'); } @@ -246,13 +225,16 @@ export function createUISystem({ game, ui, build, startGame, beginCardDraft, act const accuracy = processed ? Math.round(game.totals.correct / processed * 100) : 0; const fs = finalScore(game); ui.modalTitle.textContent = TEXT.phases.gameover; - ui.modalBody.innerHTML = `

Your cash went negative.

-
Final score formula
Base = Cash + Total revenue + Factory value × 0.5 + Contract bonus × 0.5 = ${yen(fs.base)}
Daily earned = ceil(Base ÷ Days) = ceil(${yen(fs.base)} ÷ ${fs.days}) = ${yen(fs.dailyEarned)}
Score = max(0, floor(Base + Daily earned + Correct×5 - Total outflow - Day penalty)) = ${fs.score}
-
Final Score${fs.score}
Survival${game.totals.turnsCompleted} days
Final Cash${yen(game.cash)}
Factory Value${yen(fs.factoryValue)}
Total Revenue${yen(game.totals.revenue)}
Daily Earned${yen(fs.dailyEarned)} / day
Total Outflow${yen(game.totals.penalty)}
ZUNDA TAX${yen(game.totals.zundaTax)}
Fairies Tribute${yen(game.totals.fairiesTribute || 0)}
Correct Sorts${game.totals.correct}
Accuracy${accuracy}%
Auto Sorted${game.totals.autoSorted}
Poop Control${game.totals.poopTrash} trashed / ${game.totals.poopTruck} shipped / ${game.totals.poopMixer} mixer
Explosion Penalty${yen(game.totals.explosionDamage)}
Contract Bonus${yen(game.totals.contractBonus)}
Day Penalty-${fs.dayPenalty}
Contracts${game.totals.contractSuccess} success / ${game.totals.contractFailed} failed
`; + ui.modalBody.innerHTML = `

Your cash went negative.

+
Final Score${fs.score}
Survival${game.totals.turnsCompleted} days
Final Cash${yen(game.cash)}
Accuracy${accuracy}%
+
Score breakdown +
Formula
Base = Cash + Total revenue + Factory value × 0.5 + Contract bonus × 0.5 = ${yen(fs.base)}
Daily earned = ceil(Base ÷ Days) = ${yen(fs.dailyEarned)}
Score = max(0, floor(Base + Daily earned + Correct×5 - Total outflow - Day penalty)) = ${fs.score}
+
Factory Value${yen(fs.factoryValue)}
Total Revenue${yen(game.totals.revenue)}
Daily Earned${yen(fs.dailyEarned)} / day
Total Outflow${yen(game.totals.penalty)}
ZUNDA TAX${yen(game.totals.zundaTax)}
Fairies Tribute${yen(game.totals.fairiesTribute || 0)}
Correct Sorts${game.totals.correct}
Auto Sorted${game.totals.autoSorted}
Poop Control${game.totals.poopTrash} trashed / ${game.totals.poopTruck} shipped / ${game.totals.poopMixer} mixer
Explosion Penalty${yen(game.totals.explosionDamage)}
Contract Bonus${yen(game.totals.contractBonus)}
Day Penalty-${fs.dayPenalty}
Contracts${game.totals.contractSuccess} success / ${game.totals.contractFailed} failed
+
`; ui.modalActions.innerHTML = ''; - ui.modalActions.appendChild(button(TEXT.actions.restart, startGame, 'primary-button')); + ui.modalActions.appendChild(button(TEXT.actions.restart || 'Restart', startGame, 'primary-button restart-button')); ui.modal.classList.remove('equipment-popover'); - ui.modal.classList.add('visible'); + ui.modal.classList.add('visible', 'gameover-modal'); } function button(text, onClick, className = 'primary-button') { @@ -265,16 +247,13 @@ export function createUISystem({ game, ui, build, startGame, beginCardDraft, act } function hideModal() { - ui.modal.classList.remove('visible', 'equipment-popover'); + ui.modal.classList.remove('visible', 'equipment-popover', 'gameover-modal'); ui.modal.style.removeProperty('--popover-x'); ui.modal.style.removeProperty('--popover-y'); } function checkGameOver() { - if (game.phase !== 'gameover' && game.cash < 0) { - game.phase = 'gameover'; - showGameOver(); - } + // Bankruptcy is intentionally checked only in completeTurn(), after all day-end revenue, tribute, and rescue-loan effects are settled. } return { updatePanels, updateUI, showTitle, showTurnResult, showGameOver, hideModal, checkGameOver }; diff --git a/styles.css b/styles.css index 015d25e..dae2754 100644 --- a/styles.css +++ b/styles.css @@ -58,9 +58,7 @@ h1, h2, p { margin: 0; } .tool-button.danger.active { background: #ffdada; box-shadow: inset 0 0 0 3px var(--danger), 4px 4px 0 rgba(16,32,21,.18); } .primary-button { padding: 10px 12px; background: var(--green); color: var(--white); white-space: nowrap; } .primary-button:disabled, .tool-button:disabled, .sort-button:disabled, .facility-action:disabled { opacity: .42; cursor: not-allowed; } -.mini-box, .facility-panel-empty, .facility-card { border: 3px solid var(--line); background: var(--white); padding: 12px; line-height: 1.45; color: var(--muted); font-size: 11px; } -.facility-card h3 { color: var(--ink); font-size: 12px; margin: 0 0 6px; } -.facility-card p { margin: 4px 0; } +.mini-box { border: 3px solid var(--line); background: var(--white); padding: 12px; line-height: 1.45; color: var(--muted); font-size: 11px; } .facility-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; } .facility-action { padding: 7px 9px; font-size: 9px; } .facility-action.good { background: var(--green-soft); } @@ -184,7 +182,9 @@ h1, h2, p { margin: 0; } /* v15 pre-build card draft */ .card-choices { display: grid; - grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); + grid-template-columns: repeat(auto-fill, minmax(190px, 220px)); + justify-content: center; + align-items: stretch; gap: 10px; margin-top: 14px; } @@ -204,6 +204,8 @@ h1, h2, p { margin: 0; } .card-choice span { display: inline-block; margin: 8px 0; padding: 2px 7px; border: 2px solid var(--line); background: var(--white); font-size: 9px; letter-spacing: .1em; } .card-choice small { display: block; color: var(--muted); font-size: 11px; line-height: 1.35; } .card-choice.rare { background: #fff0d1; box-shadow: inset 0 0 0 3px #f0a020, 5px 5px 0 rgba(16,32,21,.16); } +.card-choice.ultra-rare { background: #ffe6f0; box-shadow: inset 0 0 0 3px #c42424, 5px 5px 0 rgba(16,32,21,.18); } +.card-choice.ultra-rare span { background: #c42424; color: #fff; } .muted-card-note { color: var(--muted); font-weight: 700; } .card-targets { display: grid; gap: 8px; margin-top: 14px; } .card-target-button { border: 3px solid var(--line); background: #f7fff5; padding: 10px 12px; text-align: left; cursor: pointer; font-weight: 900; box-shadow: 4px 4px 0 rgba(16,32,21,.14); } @@ -219,8 +221,7 @@ body { font-size: 16px; } .build-panel h2 { font-size: 13px; } .tool-button strong { font-size: 14px; } .tool-button span { font-size: 11px; } -.mini-box, .facility-panel-empty, .facility-card, .contract-card { font-size: 12px; } -.facility-card h3 { font-size: 14px; } +.mini-box, .contract-card { font-size: 12px; } .sort-button { font-size: 14px; } .modal-card h2 { font-size: 29px; } .card-choice strong { font-size: 16px; } @@ -246,40 +247,6 @@ body { font-size: 16px; } .hover-tooltip em { display: block; font-style: normal; color: var(--green); font-weight: 900; margin-bottom: 7px; } .hover-tooltip span { display: block; color: var(--muted); font-size: 12px; } -.debug-panel { - position: absolute; - left: 10px; - bottom: 10px; - z-index: 12; - border: 3px solid var(--line); - background: rgba(255,255,255,.94); - box-shadow: 4px 4px 0 rgba(16,32,21,.16); - max-width: 330px; -} -.debug-panel summary { - cursor: pointer; - padding: 5px 8px; - font-weight: 900; - font-size: 12px; - user-select: none; -} -.debug-body { - display: grid; - gap: 7px; - padding: 8px; - border-top: 3px solid var(--line); - font-size: 12px; -} -.debug-body label { display: grid; gap: 3px; font-weight: 900; color: var(--muted); } -.debug-body input, .debug-body select, .debug-body button { - border: 2px solid var(--line); - background: var(--white); - color: var(--ink); - font: inherit; - font-weight: 900; - padding: 5px 6px; -} -.debug-body button { cursor: pointer; background: var(--green-soft); } .card-choice.dud { background: #eeeeee; @@ -291,34 +258,205 @@ body { font-size: 16px; } .card-choice.dud span { background: #f8f8f8; } .card-choice.flung { pointer-events: none; - transform: translate(180px, -60px) rotate(22deg); + transform: translate(var(--fling-x, 480px), var(--fling-y, -320px)) rotate(var(--fling-r, 68deg)) scale(.68); opacity: 0; - transition: transform .18s ease-in, opacity .18s ease-in; + transition: transform .34s cubic-bezier(.18,.84,.26,.99), opacity .28s ease-in; } -/* v20 Phase 1 observability */ -.debug-readout { - border: 2px solid var(--line); - background: rgba(247,255,245,.92); - padding: 6px; - display: grid; - gap: 3px; - line-height: 1.25; + + +.route-card .route-icon.male, +.route-card .route-icon.female, +.route-card .route-icon.poop { + display: inline-grid; + place-items: center; + width: 38px; + height: 38px; + border-radius: 999px; + border: 3px solid var(--line, #102015); + background: var(--white, #fff); + line-height: 1; } -.debug-readout strong { - display: block; - color: var(--ink); - font-size: 12px; - text-transform: uppercase; - letter-spacing: .08em; -} -.debug-readout span { +.route-card .route-icon.male { color: #2477ff; background: #d9ecff; } +.route-card .route-icon.female { color: #d62a85; background: #ffe0f0; } +.route-card .route-icon.poop { color: #7b4a23; background: #fff0d1; font-size: 24px; } +.restart-button { min-width: 160px; } +.restart-fallback-note { margin-top: 12px; color: var(--muted, #526456); font-weight: 700; } + +/* v24.4 hover-only build-button flavor / cashout guidance / compact game-over */ +.tool-button .tool-flavor { display: block; + max-height: 0; + opacity: 0; + overflow: hidden; + margin-top: 0; color: var(--muted); - font-size: 11px; - overflow-wrap: anywhere; + font-size: 8px; + line-height: 1.22; + text-transform: none; + letter-spacing: 0; + transition: max-height .12s ease, opacity .12s ease, margin-top .12s ease; } -.debug-readout.event-log { - max-height: 160px; +.tool-button:hover .tool-flavor { + max-height: 42px; + opacity: 1; + margin-top: 5px; +} +.large-tools .tool-button { min-height: 58px; } +.large-tools .tool-button:hover { min-height: 78px; } +.history-tools .tool-button.small { min-height: 40px; } +.primary-button.cashout-emphasis, +.tool-button.cashout-emphasis { + opacity: 1 !important; + filter: none !important; + animation: cashoutPulse 0.9s ease-in-out infinite alternate; +} +.primary-button.cashout-emphasis { + box-shadow: inset 0 0 0 4px #fff0d1, 6px 6px 0 rgba(16,32,21,.22); +} +.tool-button.cashout-emphasis { + background: #fff0d1; + box-shadow: inset 0 0 0 3px var(--danger), 6px 6px 0 rgba(16,32,21,.20); +} +@keyframes cashoutPulse { + from { transform: translate(0, 0); } + to { transform: translate(-1px, -1px); } +} +.modal.gameover-modal { padding: 12px; } +.modal.gameover-modal .modal-card { + width: min(640px, 92vw); + max-height: min(82vh, 720px); overflow: auto; + padding: 16px; +} +.modal.gameover-modal .modal-card h2 { + font-size: 22px; + margin-bottom: 8px; +} +.gameover-reason { font-weight: 900; color: var(--danger); margin-bottom: 8px; } +.gameover-summary { + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 6px; + margin-top: 8px; +} +.gameover-breakdown { + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 6px; + margin-top: 8px; +} +.modal.gameover-modal .result-grid div { padding: 7px; } +.modal.gameover-modal .result-grid strong { font-size: 9px; margin-bottom: 3px; } +.modal.gameover-modal .result-grid span { font-size: 12px; } +.gameover-details { + margin-top: 10px; + border: 3px solid var(--line); + background: #f7fff5; + padding: 8px; +} +.gameover-details summary { + cursor: pointer; + font-weight: 900; + text-transform: uppercase; +} +.modal.gameover-modal .formula-box.compact { font-size: 9px; line-height: 1.35; } +@media (max-width: 720px) { + .gameover-summary, .gameover-breakdown { grid-template-columns: 1fr 1fr; } +} + +/* v27.0 cleanup and stable build-menu tooltip pass */ +body { font-size: 18px; } +.build-panel { width: clamp(330px, 26vw, 420px); } +.panel-head h1 { font-size: 20px; } +.panel-head h1 span { font-size: 12px; } +.panel-head p { font-size: 13px; line-height: 1.35; } +.build-panel h2 { font-size: 14px; } +.priority-strip > div { font-size: 15px; } +.hud-card span { font-size: 12px; } +.hud-card strong { font-size: clamp(20px, 1.7vw, 28px); } +.mini-box, .contract-card { font-size: 14px; line-height: 1.45; } +.compact-rules .mini-box { font-size: 13px; } +.tool-button { + position: relative; + overflow: visible; + min-height: 62px; + padding: 10px; +} +.large-tools .tool-button { min-height: 62px; } +.large-tools .tool-button:hover { min-height: 62px; } +.tool-button strong { font-size: 15px; line-height: 1.15; } +.tool-button span { font-size: 12px; } +.tool-button .tool-flavor { + display: none; + position: absolute; + z-index: 60; + left: 0; + top: calc(100% + 7px); + width: min(300px, calc(100vw - 40px)); + max-height: none; + opacity: 1; + overflow: visible; + margin: 0; + padding: 10px 12px; + border: 3px solid var(--line); + background: rgba(255,255,255,.98); + color: var(--ink); + box-shadow: 5px 5px 0 rgba(16,32,21,.18); + font-size: 13px; + line-height: 1.35; + text-transform: none; + letter-spacing: 0; + pointer-events: none; + transition: none; +} +.tool-button .tool-flavor::before { + content: ''; + position: absolute; + left: 16px; + top: -10px; + width: 16px; + height: 16px; + border-left: 3px solid var(--line); + border-top: 3px solid var(--line); + background: rgba(255,255,255,.98); + transform: rotate(45deg); +} +.tool-button:hover .tool-flavor { + display: block; + max-height: none; + opacity: 1; + margin: 0; +} +.primary-button { font-size: 16px; padding: 13px 16px; } +#nextTurnButton { min-height: 56px; font-size: 18px; } +@keyframes cashoutPulse { + from { box-shadow: inset 0 0 0 3px var(--danger), 4px 4px 0 rgba(16,32,21,.18); filter: brightness(1); } + to { box-shadow: inset 0 0 0 5px #fff0d1, 4px 4px 0 rgba(16,32,21,.20); filter: brightness(1.08); } +} +.card-choices { grid-template-columns: repeat(auto-fill, minmax(230px, 270px)); gap: 14px; } +.card-choice { min-height: 164px; padding: 15px; } +.card-choice strong { font-size: 18px; } +.card-choice span { font-size: 11px; } +.card-choice small { font-size: 15px; line-height: 1.4; } +.muted-card-note { font-size: 15px; line-height: 1.45; } +.modal-card { width: min(980px, 96vw); } +.modal-card p, .modal-card li { font-size: 16px; } +.modal-actions .reroll-button { + order: 99; + flex: 1 1 100%; + min-height: 64px; + margin-top: 8px; + font-size: 20px; + text-align: center; + justify-content: center; + background: #fff0d1; + box-shadow: inset 0 0 0 4px var(--green), 6px 6px 0 rgba(16,32,21,.20); +} +.modal-actions .reroll-button:disabled { box-shadow: 4px 4px 0 rgba(16,32,21,.12); } +.hover-tooltip strong { font-size: 17px; } +.hover-tooltip span { font-size: 14px; } +.sort-button { font-size: 16px; min-height: 56px; } +.control-dock { grid-template-columns: repeat(4, 172px); } +@media (max-width: 1180px) { + .build-panel { width: auto; } + .control-dock { grid-template-columns: repeat(2, 172px); } }