:root{--bg: #111;--fg: #eee;--muted: #ddd;--border: #555;--panelBg: rgba(0, 0, 0, .55);--panelBorder: rgba(255, 255, 255, .15);--popupBg: #222;--flashOutline: rgba(255, 255, 255, .35);--flashShadow: rgba(255, 255, 255, .25);--canvasSize: 64px;--slotSize: 68px;--slotBorder: 2px}:root[data-theme=light]{--bg: #f6f7fb;--fg: #111;--muted: #222;--border: rgba(0, 0, 0, .25);--panelBg: rgba(255, 255, 255, .85);--panelBorder: rgba(0, 0, 0, .15);--popupBg: #fff;--flashOutline: rgba(0, 0, 0, .2);--flashShadow: rgba(0, 0, 0, .15)}body{background:var(--bg);color:var(--fg);font-family:monospace;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;height:100vh;margin:0;overflow-x:hidden}body.crashed #pets,body.crashed .resetBtn,body.crashed .farmWrap,body.crashed .debugMenu,body.crashed .creaturePanel{pointer-events:none;filter:blur(1px)}.authScreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;background:var(--bg)}.authPanel{width:min(360px,calc(100vw - 32px));background:var(--panelBg);border:1px solid var(--panelBorder);border-radius:8px;padding:24px 20px 20px;box-shadow:0 18px 50px #00000059;display:flex;flex-direction:column;gap:14px}.authTitle{font-size:16px;letter-spacing:2px;text-align:center;opacity:.95}.authSubtitle{font-size:11px;letter-spacing:1px;text-align:center;opacity:.75;margin-bottom:4px}.authInput{width:100%;box-sizing:border-box;padding:8px 10px;font-family:monospace;font-size:13px;background:transparent;color:var(--fg);border:1px solid var(--panelBorder);outline:none;border-radius:4px}.authInput:focus{border-color:var(--flashOutline)}.authRow{display:flex;gap:8px;justify-content:flex-end}.authBtn{padding:7px 16px;font-family:monospace;font-size:12px;border:1px solid var(--panelBorder);background:transparent;color:var(--fg);border-radius:4px;cursor:pointer}.authBtn:hover{border-color:var(--flashOutline)}.authBtnPrimary{border-color:var(--flashOutline);box-shadow:0 0 0 1px #ffffff0f inset}.authError{font-size:11px;color:#ff6b6b;min-height:14px;text-align:center}.authLoading{font-size:11px;opacity:.7;text-align:center}.title{position:fixed;top:12px;left:50%;transform:translate(-50%);font-size:18px;letter-spacing:2px;color:var(--muted);opacity:.9;text-align:center;line-height:1.1;z-index:5}.subtitle{font-size:11px;letter-spacing:1px;opacity:.75;margin-top:4px}.pets{display:flex;gap:16px;align-items:flex-start;justify-content:center;flex-wrap:wrap;padding:16px;max-width:calc(100vw - 32px)}.petCard{display:flex;flex-direction:column;align-items:center;gap:6px}.petCard.dead{opacity:.7}.controls{height:28px;width:var(--slotSize);display:flex;align-items:center;justify-content:center}.petName{font-size:12px;text-align:center;line-height:1.1;min-height:30px}.stage{font-size:10px;opacity:.75;margin-top:2px}canvas{image-rendering:pixelated;border:0;display:block;width:var(--canvasSize);height:var(--canvasSize);margin:0 auto}.screenWrap{position:relative;width:var(--slotSize);height:var(--slotSize);box-sizing:border-box;border:var(--slotBorder) solid var(--border);display:flex;align-items:center;justify-content:center}.hud{position:absolute;left:4px;top:4px;font-size:10px;opacity:.85;background:var(--panelBg);padding:2px 4px;border:1px solid var(--panelBorder);pointer-events:none;white-space:nowrap}.hud.hidden{opacity:0}.evoFlash{outline:2px solid var(--flashOutline);box-shadow:0 0 12px var(--flashShadow)}button{padding:6px 12px;font-family:monospace;cursor:pointer}.clickableCreature{cursor:pointer}.hatchBtn{width:var(--slotSize);box-sizing:border-box;padding-left:0;padding-right:0;text-align:center;display:block;margin:0 auto}.resetBtn{position:fixed;right:12px;bottom:12px;z-index:10}.resetBtn.confirmReset{background:#b00020;color:#fff;border:1px solid rgba(255,255,255,.25)}.addSlot{position:relative;width:var(--slotSize);height:var(--slotSize);box-sizing:border-box;border:var(--slotBorder) dashed var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}.addSlot:hover{border-color:var(--muted)}.plus{font-size:28px;line-height:1;color:#aaa}.saveIndicator{position:fixed;right:12px;top:12px;z-index:25;background:var(--panelBg);border:1px solid var(--panelBorder);padding:6px 8px;font-size:11px;color:var(--fg);opacity:0;pointer-events:none;transition:opacity .12s linear;white-space:nowrap}.saveIndicator.show{opacity:.9}.saveIndicator.error{border-color:#ff4d6db3}.eggPicker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:flex;align-items:center;justify-content:center;background:#0000008c}body.eggPickerActive #pets,body.eggPickerActive .resetBtn,body.eggPickerActive .farmCard,body.eggPickerActive .farmBonusHud,body.eggPickerActive .debugMenu,body.eggPickerActive .creaturePanel{pointer-events:none;filter:blur(1px)}.eggPickerPanel{width:min(560px,calc(100vw - 32px));max-height:min(70vh,520px);background:var(--panelBg);border:1px solid var(--panelBorder);color:var(--fg);padding:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;border-radius:6px;box-shadow:0 18px 50px #00000059}.eggPickerTitle{font-size:12px;letter-spacing:1px;display:flex;align-items:center;justify-content:center;opacity:.95}.eggPickerViews{display:flex;flex-direction:column;gap:10px}.eggPickerView.hidden{display:none}.eggPickerGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:auto;padding-right:4px}@media (min-width: 720px){.eggPickerGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.eggPickerEgg{padding:8px 10px;font-family:monospace;font-size:11px;border:1px solid var(--panelBorder);background:transparent;color:var(--fg);text-align:left;border-radius:4px;cursor:pointer}.eggPickerEgg:hover{outline:1px solid var(--flashOutline)}.eggPickerDetailHeader{display:flex;align-items:center;justify-content:center;gap:8px}.eggPickerDetailTitle{font-size:11px;opacity:.85;text-align:center;letter-spacing:1px}.eggPickerDetailBody{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:start;padding:6px 2px 2px}.eggPickerIcon{width:64px;height:64px;border:1px solid var(--panelBorder);background:#00000026}.eggPickerLine{font-size:11px;line-height:1.3;margin-bottom:6px}.eggPickerRow{display:flex;justify-content:flex-end;gap:8px}.eggPickerBtn{padding:5px 10px;font-size:11px;border:1px solid var(--panelBorder);background:transparent;color:var(--fg);border-radius:4px;min-width:84px;cursor:pointer}.eggPickerBtnPrimary{border-color:var(--flashOutline);box-shadow:0 0 0 1px #ffffff0f inset}.crashOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#0009}.crashOverlay.hidden{display:none}.crashOverlayPanel{width:min(420px,calc(100vw - 32px));background:var(--panelBg);border:1px solid var(--panelBorder);border-radius:8px;padding:12px 12px 10px;box-shadow:0 18px 50px #00000059}.crashOverlayTitle{font-size:12px;letter-spacing:1px;margin-bottom:8px;opacity:.95}.crashOverlayMsg{font-size:11px;opacity:.9;white-space:pre-wrap}.debugMenu{position:fixed;left:12px;top:12px;z-index:20;min-width:120px;background:var(--panelBg);border:1px solid var(--panelBorder);padding:6px 8px;font-size:11px;color:var(--fg);-webkit-user-select:none;user-select:none;max-height:90vh;overflow:auto}.debugMenu .debugLog,.debugMenu .debugDump{user-select:text;-webkit-user-select:text;pointer-events:auto;cursor:text}.debugMenu.collapsed .debugMenuBody{display:none}.debugMenuHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;letter-spacing:1px;opacity:.9;cursor:pointer}.debugMenuBody{margin-top:6px;opacity:.9;white-space:nowrap}.debugSectionTitle{margin-top:8px;font-size:10px;letter-spacing:1px;opacity:.7}.debugThemeRow{margin-top:4px;display:flex;gap:6px;flex-wrap:wrap}.debugThemeBtn{padding:4px 8px;font-size:11px;border:1px solid var(--panelBorder);background:transparent;color:var(--fg);cursor:pointer}.debugThemeBtn.active{background:#ffffff1f}.debugPetsList{margin-top:4px;display:flex;flex-direction:column;gap:6px;max-height:40vh;overflow:auto;padding-right:4px}.debugPetRow{display:flex;flex-direction:column;gap:2px}.debugPetRow.dead{opacity:.65}.debugPetRow.dead .debugPetName{text-decoration:line-through}.debugPetLine{display:flex;gap:8px;align-items:baseline}.debugPetId{opacity:.75}.debugPetName{opacity:.95}.debugPetMeta{opacity:.7}.debugPetHud{opacity:.85}.debugLog{margin-top:6px;padding:6px;border:1px solid var(--panelBorder);max-height:22vh;overflow:auto;white-space:pre-wrap;font-size:10px;opacity:.95}.debugDump{margin-top:6px;width:100%;min-width:260px;max-width:420px;height:140px;box-sizing:border-box;font-family:monospace;font-size:10px;color:var(--fg);background:transparent;border:1px solid var(--panelBorder);padding:6px;display:none}.debugDump.show{display:block}.farmCard{position:relative;width:fit-content;background:var(--panelBg);border:1px solid var(--panelBorder);border-radius:6px;padding:10px;box-shadow:0 14px 38px #00000047;-webkit-user-select:none;user-select:none}.farmWrap{display:flex;align-items:flex-start;justify-content:center;gap:12px;width:min(calc(100vw - 24px),920px);max-width:calc(100vw - 24px)}.farmHeader{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.farmTitle{font-size:11px;letter-spacing:2px;opacity:.9}.farmInv{font-size:10px;opacity:.85;white-space:nowrap}.farmGrid{display:grid;--farmCell: clamp(34px, 7.2vw, 48px);--farmGap: clamp(5px, 1.2vw, 10px);grid-template-columns:repeat(9,var(--farmCell));grid-template-rows:repeat(5,var(--farmCell));gap:var(--farmGap);touch-action:none}.farmCell{width:var(--farmCell);height:var(--farmCell);padding:0;border-radius:4px;border:1px solid var(--panelBorder);background:#ffffff08;color:var(--fg);display:flex;align-items:center;justify-content:center;font-size:clamp(14px,3vw,18px);line-height:1;cursor:pointer}.farmCell:hover{outline:1px solid var(--flashOutline)}.farmToolCell{background:#ffffff0d;font-weight:700}.farmToolCell.selected{outline:2px solid var(--flashOutline);box-shadow:0 0 0 1px #ffffff14 inset}.farmPlotCell.state-planted{box-shadow:0 0 0 1px #ffffff0f inset}.farmPlotCell.state-watered{box-shadow:0 0 0 1px #ffffff1f inset}.farmPlotCell.state-grown{box-shadow:0 0 0 1px #ffffff2e inset,0 0 10px #ffffff0d}.farmBonusHud{position:relative;z-index:5;width:56px;background:var(--panelBg);border:1px solid var(--panelBorder);border-radius:6px;padding:8px 6px 6px;box-shadow:0 12px 32px #00000038;opacity:.9}.farmBonusHud:not(.active){opacity:.55}.farmBonusGrid{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(5,18px);gap:4px}.farmBonusCell{border:1px solid var(--panelBorder);border-radius:4px;background:repeating-linear-gradient(to right,rgba(255,255,255,.06) 0 1px,transparent 1px 8px),repeating-linear-gradient(to bottom,rgba(255,255,255,.06) 0 1px,transparent 1px 8px),#ffffff08}.farmBonusCell.on{box-shadow:0 0 0 1px #ffffff14 inset}.farmBonusCell.on:nth-child(1),.farmBonusCell.on:nth-child(2){background-color:#46dc788c}.farmBonusCell.on:nth-child(3){background-color:#ffa53c8c}.farmBonusCell.on:nth-child(4),.farmBonusCell.on:nth-child(5){background-color:#ff46468c}.farmBonusValue{margin-top:6px;font-size:11px;opacity:.9;text-align:center}.clock{position:fixed;left:12px;bottom:12px;z-index:20;background:var(--panelBg);border:1px solid var(--panelBorder);padding:6px 8px;font-size:11px;color:var(--fg);opacity:.85;white-space:nowrap}.creaturePanel{position:fixed;left:12px;top:56px;bottom:48px;z-index:15;width:320px;display:flex;background:var(--panelBg);border:1px solid var(--panelBorder);color:var(--fg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.creaturePanel.hidden{display:none}.creaturePanel.deadLocked{filter:grayscale(1)}.creaturePanelMenu{width:96px;border-right:1px solid var(--panelBorder);padding:8px;box-sizing:border-box}.creaturePanelTitle{font-size:10px;letter-spacing:1px;opacity:.7;margin-bottom:8px}.creaturePanelMenuItem{padding:6px;border:1px solid transparent;opacity:.85;cursor:pointer;-webkit-user-select:none;user-select:none}.creaturePanelMenuItem:hover{border-color:var(--panelBorder)}.creaturePanelMenuItem.active{border-color:var(--panelBorder);opacity:1}.creaturePanelMenuItem.disabled{opacity:.35;cursor:not-allowed}.creaturePanelContent{flex:1;padding:8px 10px;box-sizing:border-box;overflow:auto}.creaturePanelSection.hidden{display:none}.creaturePanelHeader{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.creaturePanelName{font-size:12px;letter-spacing:1px}.creaturePanelClose{padding:2px 8px;line-height:1;font-size:14px;border:1px solid var(--panelBorder);background:transparent;color:var(--fg);cursor:pointer}.creaturePanelRow{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px}.creaturePanelLabel{font-size:10px;opacity:.7}.creaturePanelValue{font-size:11px;text-align:right}.limitPopup{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);background:var(--popupBg);border:1px solid var(--border);padding:6px 8px;font-size:11px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s linear}.limitPopup.show{opacity:1}.farmTooltip{position:fixed;z-index:30;pointer-events:none;background:var(--panelBg);border:1px solid var(--panelBorder);color:var(--fg);font-size:11px;padding:4px 6px;border-radius:4px;white-space:nowrap;box-shadow:0 10px 26px #00000040}.ownerPrompt{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0000008c}.ownerPromptPanel{width:min(420px,calc(100vw - 32px));background:var(--panelBg);border:1px solid var(--panelBorder);color:var(--fg);padding:12px 12px 10px;box-sizing:border-box}.ownerPromptTitle{font-size:12px;letter-spacing:1px;margin-bottom:6px}.ownerPromptHint{font-size:10px;opacity:.75;margin-bottom:8px}.ownerPromptInput{width:100%;box-sizing:border-box;padding:6px 8px;font-family:monospace;background:transparent;color:var(--fg);border:1px solid var(--panelBorder);outline:none}.ownerPromptRow{margin-top:10px;display:flex;justify-content:flex-end}.ownerPromptBtn{padding:5px 10px;font-size:11px;border:1px solid var(--panelBorder);background:transparent;color:var(--fg);cursor:pointer}.ownerPromptError{margin-top:8px;font-size:10px;color:#ff6b6b;min-height:12px}@media (max-width: 520px){.farmWrap{gap:10px;align-items:stretch}.farmBonusHud{width:54px}.farmBonusGrid{grid-template-rows:repeat(5,22px)}.creaturePanel{width:260px}.creaturePanelMenu{width:80px}}