lilgotchi 0.0.0-stage → 3.0.2

package/dist/pets/constants.js

@@ -0,0 +1,20 @@
+export const C = {
+  W: 32, H: 16, SCALE: 8,
+  MAX_HUNGER: 4, MAX_HAPPY: 4, MAX_DISC: 100, DISC_INC: 25,
+  MAX_WEIGHT: 99, MAX_POOP: 4,
+  MEAL_WT: 1, SNACK_WT: 2, GAME_WT_LOSS: 1,
+  EGG_MS: 90000,         // 90 seconds
+  BABY_MS: 3600000,      // 1 hr
+  CHILD_MS: 86400000,    // 24 hr
+  TEEN_MS: 86400000,     // 24 hr
+  HUNGER_DECAY: { baby:1800000, child:3600000, teen:3600000, adult:3600000 },
+  HAPPY_DECAY:  { baby:1800000, child:3600000, teen:3600000, adult:4200000 },
+  POOP_RATE:    { baby:900000, child:10800000, teen:10800000, adult:10800000 },
+  SLEEP: { baby:{s:20,w:9}, child:{s:20,w:9}, teen:{s:21,w:9}, adult:{s:22,w:9} },
+  BASE_WT: { baby:5, child:10, teen:20, adult:30 },
+  CARE_WINDOW: 900000,   // 15 min
+  ADULT_MAX_MISTAKES: 5,
+  MAX_AGE: 25,
+  SNACK_SICK: 10,
+};
+

package/dist/pets/custom-themes.css

@@ -0,0 +1,80 @@
+/* Dark embedded version. Gameplay and control layout come from the P1 clone. */
+:root {
+  --bg-page:#080a09;
+  --device-bg:linear-gradient(145deg,#594632,#302820);
+  --device-shadow:none;
+  --device-inset:inset 0 2px 4px #ffffff18;
+  --screen-frame:#1b201b;
+  --lcd-bg:#29231c;
+  --lcd-fg:#e6c79d;
+  --accent:#ffbb79;
+  --accent-dark:#29231c;
+  --btn-bg:#141815;
+  --btn-border:#41483f;
+  --btn-color:#e7e5df;
+  --btn-active-bg:#242a25;
+  --btn-shadow:none;
+  --btn-inset:none;
+  --overlay-bg:#080a09;
+  --overlay-color:#e7e5df;
+  --overlay-btn-bg:#141815;
+  --overlay-btn-border:#535d50;
+  --overlay-btn-color:#e7e5df;
+  --overlay-btn-active-bg:#29231c;
+  --overlay-btn-active-color:#ffbb79;
+  --overlay-close-color:#b5beb0;
+  --overlay-close-border:#535d50;
+  --overlay-close-active:#242a25;
+  --stat-border:#343a34;
+  --stat-hearts:#ffbb79;
+  --settings-btn-color:#b5beb0;
+  --info-color:#aeb5ad;
+  --death-msg:#c6cbbf;
+  --toast-bg:#141815;
+  --toast-border:#535d50;
+  --toast-color:#ffbb79;
+}
+:root[data-pet="classic"] { --lcd-bg:#20281d; --lcd-fg:#b4ce83; --accent:#b4ce83; --stat-hearts:#b4ce83; }
+:root[data-pet="cyberpunk"] { --device-bg:linear-gradient(145deg,#304e59,#172c36); --lcd-bg:#0b1c24; --lcd-fg:#8cebdc; --accent:#83e8d7; --stat-hearts:#83e8d7; }
+html,body { height:auto; overflow-x:hidden; overflow-y:auto; color-scheme:dark; }
+body { min-height:0; display:block; padding:0; color:#e7e5df; }
+/* Keep the shared egg silhouette and spacing for every character family. */
+#settings-btn { top:0; right:3px; width:32px; height:30px; opacity:1; }
+html[data-embedded="true"] #settings-btn { color:#e7e5df; }
+.ctrl-btn .icon-color { display:none; }
+.ctrl-btn .icon-mono { display:block; color:var(--accent); }
+#pet-status { min-height:38px; margin:12px 2px 4px; font-size:11px; line-height:1.6; color:var(--lcd-fg); }
+#save-status { margin:4px 2px; font-size:10px; color:#99a197; }
+.overlay { padding:16px 8px; overflow:auto; justify-content:flex-start; }
+.overlay-title { font-size:14px; margin:12px 0; letter-spacing:1px; }
+.overlay-close { background:transparent; font:inherit; }
+.overlay-btn { max-width:100%; padding:12px; font-size:13px; }
+#stats-overlay .stat-row { max-width:100%; font-size:12px; padding:6px 0; }
+#game-overlay .game-area { gap:12px; }
+#game-overlay .game-arrow { width:60px; height:60px; font-size:26px; }
+#game-overlay .game-score { font-size:13px; }
+#game-overlay .game-result { font-size:12px; text-align:center; }
+#toast { max-width:95%; white-space:normal; text-align:center; font-size:11px; padding:8px 10px; }
+button:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
+:root[data-scene="morning"] { --scene-top:#79633f; --lcd-bg:#332b20; }
+:root[data-scene="afternoon"] { --scene-top:#635c3c; --lcd-bg:#292b20; }
+:root[data-scene="evening"] { --scene-top:#805440; --lcd-bg:#35231f; }
+:root[data-scene="night"],:root[data-scene="sleep"],:root[data-scene="dark"] { --scene-top:#3d4759; --lcd-bg:#1b202b; }
+:root[data-pet="cyberpunk"][data-scene="morning"] { --scene-top:#4e7478; --lcd-bg:#153039; }
+:root[data-pet="cyberpunk"][data-scene="afternoon"] { --scene-top:#426d74; --lcd-bg:#0c2932; }
+:root[data-pet="cyberpunk"][data-scene="evening"] { --scene-top:#625678; --lcd-bg:#241d35; }
+:root[data-pet="cyberpunk"][data-scene="night"],:root[data-pet="cyberpunk"][data-scene="sleep"],:root[data-pet="cyberpunk"][data-scene="dark"] { --scene-top:#304755; --lcd-bg:#0b1c24; }
+#pet-clock { color:#f0e9df; }
+@media(prefers-reduced-motion:reduce) { * { animation:none!important; transition:none!important; } }
+
+
+:root[data-pet="lilgotchi"] { --device-bg:linear-gradient(145deg,#fff0cc,#e7c88d); --lcd-bg:#20281d; --lcd-fg:#fff0cc; --accent:#e7c88d; --stat-hearts:#e7c88d; }
+:root[data-pet="lilgotchi"] #pet-clock { color:#3d4937; }
+
+/* Cool daylight keeps the warm pizza pixels separate from their surroundings. */
+:root[data-pet="pizza"] { --device-bg:linear-gradient(145deg,#839c98,#526f70); --screen-frame:#38545a; }
+:root[data-pet="pizza"][data-scene="morning"] { --scene-top:#a1c1be; --lcd-bg:#779c9e; }
+:root[data-pet="pizza"][data-scene="afternoon"] { --scene-top:#8db8bc; --lcd-bg:#648e97; }
+:root[data-pet="pizza"][data-scene="evening"] { --scene-top:#939eb7; --lcd-bg:#657e97; }
+:root[data-pet="pizza"][data-scene="night"] { --scene-top:#596d88; --lcd-bg:#344d68; }
+:root[data-pet="pizza"][data-scene="sleep"],:root[data-pet="pizza"][data-scene="dark"] { --scene-top:#34475a; --lcd-bg:#192a3a; }

package/dist/pets/cyberpunk-sprites.js

@@ -0,0 +1,68 @@
+import { originalCypunk } from './cypunk-original.js';
+const palette = ['', '#d9fcff', '#102238', '#22dbe7', '#ec4cb4', '#53718c', '#70f79a', '#f4d45b', '#a97ef5', '#3569c8'];
+const expressions = {
+  idle1:['101','000','010'], idle2:['101','000','111'],
+  happy:['101','000','101'], sad:['000','101','010'],
+  eat:['101','010','111'], sleep:['000','101','000'],
+  lookLeft:['110','100','010'],lookRight:['011','001','010'],lookUp:['101','000','010'],
+};
+const drawings = [
+  {id:'egg',name:'Binary Seed',stage:'egg',rows:['000033330000','000322223000','003212122300','032112122230','032212112230','032212122230','032111122230','003222222300','000333333000','000000000000']},
+  {id:'babytchi',name:'Bit',stage:'baby',face:[4,6],rows:['000000000000','000000000000','000000000000','000333330000','003222223000','003222223000','003222223000','003222223000','003222223000','000333330000','000320230000','000330330000']},
+  {id:'marutchi',name:'Byte',stage:'child',face:[4,5],rows:['000004000000','000003000000','003333333000','032222222300','032222222300','332222222330','322222222230','332222222330','032222222300','003333333000','000320230000','000330330000']},
+  {id:'tamatchi',name:'Compiler',stage:'teen',face:[4,5],rows:['000033330000','000322223000','003222222300','003333333300','003222222300','033222222330','032222222230','003222222300','000344430000','000322230000','003300033000','003000003000']},
+  {id:'kuchitamatchi',name:'Syntax Error',stage:'teen',face:[4,5],rows:['000440000000','000030330000','000333223000','043222222300','003222222300','003222222340','003222222300','003222222300','000334433000','003220030000','000330233000','000030003000']},
+  {id:'mametchi',name:'JavaScript',stage:'adult',face:[4,3],faceWidth:5,rows:['000070070000','000333333300','003222222230','003222222230','003222222230','003333333330','073032230370','033037730330','000032230000','000032230000','000032023000','000333033300']},
+  {id:'ginjirotchi',name:'Sentinel',stage:'adult',original:true},
+  {id:'maskutchi',name:'Matrix',stage:'adult',face:[4,3],faceWidth:5,rows:['000060060000','000666666600','006222222260','006222222260','006222222260','066666666660','062062260260','066061160660','000062260000','000061260000','000062026000','000666066600']},
+  {id:'kuchipatchi',name:'404',stage:'adult',face:[4,3],faceWidth:5,rows:['000440000000','000033333300','003222222230','003222222230','003222222230','003333333330','003032230300','043032230340','003034430300','000032230000','000032023000','000333033300']},
+  {id:'nyorotchi',name:'MissingNumber',stage:'adult',face:[4,5],rows:['033000000000','032300040000','033330033000','032233322300','043222222330','003222222230','033222222300','032222222330','033444333030','000322233000','000033003300','000330000030']},
+  {id:'tarakotchi',name:'Blue Screen',stage:'adult',face:[3,3],faceWidth:5,background:9,rows:['055555555550','559999999955','599999999995','599999999995','599999999995','599999999995','559999999955','055555555550','033053350330','000052250000','000032023000','000333033300']},
+  {id:'oyajitchi',name:'Glitch Elder',stage:'adult',face:[4,4],rows:['003000004000','004033330000','000322223300','043222222300','003222222340','003222222300','003222222300','000334443330','043222230000','000322223040','003330033000','000300003300']},
+];
+function canvas(rows) {
+  if(rows.length>12||rows.some(row=>row.length>12))throw new Error('Proposal exceeds 12 by 12');
+  return [...Array(12-rows.length).fill(''),...rows].map(row=>[...row.padEnd(12,'0')].map(Number));
+}
+function draw(definition,expression) {
+  if(definition.id==='egg')return originalCypunk.egg[expression];
+  if(definition.original){
+    if(!expression.startsWith('look'))return originalCypunk.mametchi[expression];
+    const frame=originalCypunk.mametchi.idle1.map(row=>[...row]);
+    for(let y=3;y<=5;y++)for(let x=3;x<=8;x++)frame[y][x]=2;
+    if(expression==='lookUp'){frame[2][4]=3;frame[2][7]=3;frame[4][5]=1;return frame;}
+    const left=expression==='lookLeft',x=left?3:6;
+    frame[3][x]=3;frame[3][x+2]=3;
+    frame[4][left?3:8]=3;frame[5][left?4:7]=1;
+    return frame;
+  }
+  const pixels=canvas(definition.rows);
+  if(definition.face){
+    const [x,faceY]=definition.face,y=faceY-(expression==='lookUp'?1:0);
+    const wide={idle1:['10001','00000','00100'],idle2:['10001','00000','01110'],happy:['01010','10001','01110'],sad:['00000','10001','01110'],eat:['10001','00100','01110'],sleep:['00000','11011','00000'],lookLeft:['10100','10000','01000'],lookRight:['00101','00001','00010'],lookUp:['10001','00000','00100']};
+    const face=definition.faceWidth===5?wide[expression]:expressions[expression];
+    face.forEach((row,dy)=>[...row].forEach((pixel,dx)=>{
+      pixels[y+dy][x+dx]=pixel==='1'?(definition.ink||1):(definition.background||2);
+    }));
+  }
+  // Small antenna and code movements keep the face and silhouette steady.
+  if(expression==='idle2'){
+    if(definition.id==='egg')pixels[9][7]=4;
+    else if(definition.id==='maskutchi'){pixels[8][5]=1;pixels[9][5]=2;}
+    else if(definition.id==='oyajitchi'){pixels[0][8]=0;pixels[0][9]=4;}
+    else if(definition.id==='nyorotchi'){pixels[1][7]=0;pixels[1][8]=4;}
+  }
+  return pixels.map(Object.freeze);
+}
+const artwork = {
+  type:'Cypunk', palette,
+  pets:drawings.map(definition=>({
+    id:definition.id,name:definition.name,stage:definition.stage,
+    frames:Object.fromEntries((definition.stage==='egg'?['idle1','idle2']:Object.keys(expressions)).map(expression=>[expression,draw(definition,expression)])),
+  })),
+};
+
+const freezeFrame=frame=>Object.freeze(frame.map(row=>Object.freeze([...row])));
+export const cyberpunkPalette=Object.freeze(artwork.palette);
+export const cyberpunkNames=Object.freeze(Object.fromEntries(artwork.pets.map(pet=>[pet.id,pet.name])));
+export const cyberpunkSprites=Object.freeze(Object.fromEntries(artwork.pets.map(pet=>[pet.id,Object.freeze(Object.fromEntries(Object.entries(pet.frames).map(([key,frame])=>[key,freezeFrame(frame)])))])));

package/dist/pets/cypunk-original.js

@@ -0,0 +1,2 @@
+// Original Binary Seed and Sentinel poses retained across releases.
+export const originalCypunk = {"egg":{"idle1":[[0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,3,3,3,3,3,3,0,0,0],[0,0,3,2,2,2,2,2,2,3,0,0],[0,3,2,1,1,1,2,2,1,2,3,0],[0,3,2,1,2,1,2,1,1,2,3,0],[0,3,2,1,2,1,2,2,1,2,3,0],[0,3,2,1,2,1,2,2,1,2,3,0],[0,3,2,1,1,1,2,1,1,1,3,0],[0,0,3,2,2,2,2,2,2,3,0,0],[0,0,0,3,3,3,3,3,3,0,0,0]],"idle2":[[0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,3,3,3,3,3,3,0,0,0],[0,0,3,2,2,2,2,2,2,3,0,0],[0,3,2,1,1,1,2,2,1,2,3,0],[0,3,2,1,2,1,2,1,1,2,3,0],[0,3,2,1,2,1,2,2,1,2,3,0],[0,3,2,1,2,1,2,2,1,2,3,0],[0,3,2,1,1,1,2,1,1,1,3,0],[0,0,3,2,4,2,2,3,2,3,0,0],[0,0,0,3,3,3,3,3,3,0,0,0]]},"mametchi":{"idle1":[[0,0,0,0,3,0,0,3,0,0,0,0],[0,0,0,3,3,3,3,3,3,3,0,0],[0,0,3,2,2,2,2,2,2,2,3,0],[0,0,3,2,3,2,2,2,3,2,3,0],[0,0,3,2,2,2,2,2,2,2,3,0],[3,3,3,3,2,2,1,2,2,3,3,3],[3,2,2,0,3,2,2,3,0,2,2,3],[0,3,3,0,3,2,2,3,0,3,3,0],[0,0,0,0,3,4,4,3,0,0,0,0],[0,0,0,0,3,2,2,3,0,0,0,0],[0,0,0,0,3,2,0,2,3,0,0,0],[0,0,0,3,3,3,0,3,3,3,0,0]],"idle2":[[0,0,0,0,3,0,0,3,0,0,0,0],[0,0,0,3,3,3,3,3,3,3,0,0],[0,0,3,2,2,2,2,2,2,2,3,0],[0,0,3,2,3,2,2,2,3,2,3,0],[0,0,3,2,2,2,2,2,2,2,3,0],[3,3,3,3,2,1,1,1,2,3,3,3],[3,2,2,0,3,2,2,3,0,2,2,3],[0,3,3,0,3,2,2,3,0,3,3,0],[0,0,0,0,3,4,4,3,0,0,0,0],[0,0,0,0,3,2,2,3,0,0,0,0],[0,0,0,0,3,2,0,2,3,0,0,0],[0,0,3,0,3,3,0,3,3,3,0,0]],"happy":[[0,0,0,0,3,0,0,3,0,0,0,0],[0,0,0,3,3,3,3,3,3,3,0,0],[0,0,3,2,2,2,2,2,2,2,3,0],[0,0,3,2,2,3,2,3,2,2,3,0],[0,0,3,2,3,2,2,2,3,2,3,0],[3,3,3,3,2,1,1,1,2,3,3,3],[3,2,2,0,3,2,2,3,0,2,2,3],[0,3,3,0,3,2,2,3,0,3,3,0],[0,0,0,0,3,4,4,3,0,0,0,0],[0,0,0,0,3,2,2,3,0,0,0,0],[0,0,0,0,3,2,0,2,3,0,0,0],[0,0,0,3,3,3,0,3,3,3,0,0]],"sad":[[0,0,0,0,3,0,0,3,0,0,0,0],[0,0,0,3,3,3,3,3,3,3,0,0],[0,0,3,2,2,2,2,2,2,2,3,0],[0,0,3,2,2,2,2,2,2,2,3,0],[0,0,3,2,3,2,2,2,3,2,3,0],[3,3,3,3,2,4,4,4,2,3,3,3],[3,2,2,0,3,2,2,3,0,2,2,3],[0,3,3,0,3,2,2,3,0,3,3,0],[0,0,0,0,3,4,4,3,0,0,0,0],[0,0,0,0,3,2,2,3,0,0,0,0],[0,0,0,0,3,2,0,2,3,0,0,0],[0,0,0,3,3,3,0,3,3,3,0,0]],"eat":[[0,0,0,0,3,0,0,3,0,0,0,0],[0,0,0,3,3,3,3,3,3,3,0,0],[0,0,3,2,2,2,2,2,2,2,3,0],[0,0,3,2,3,2,2,2,3,2,3,0],[0,0,3,2,2,2,1,2,2,2,3,0],[3,3,3,3,2,1,3,1,2,3,3,3],[3,2,2,0,3,2,2,3,0,2,2,3],[0,3,3,0,3,2,2,3,0,3,3,0],[0,0,0,0,3,4,4,3,0,0,0,0],[0,0,0,0,3,2,2,3,0,0,0,0],[0,0,0,0,3,2,0,2,3,0,0,0],[0,0,0,3,3,3,0,3,3,3,0,0]],"sleep":[[0,0,0,0,3,0,0,3,0,0,0,0],[0,0,0,3,3,3,3,3,3,3,0,0],[0,0,3,2,2,2,2,2,2,2,3,0],[0,0,3,2,2,2,2,2,2,2,3,0],[0,0,3,2,5,5,2,5,5,2,3,0],[3,3,3,3,2,2,2,2,2,3,3,3],[3,2,2,0,3,2,2,3,0,2,2,3],[0,3,3,0,3,2,2,3,0,3,3,0],[0,0,0,0,3,4,4,3,0,0,0,0],[0,0,0,0,3,2,2,3,0,0,0,0],[0,0,0,0,3,2,0,2,3,0,0,0],[0,0,0,3,3,3,0,3,3,3,0,0]]}};

package/dist/pets/embed.css

@@ -0,0 +1,130 @@
+/* The source stylesheet stays intact. These are embedding and access exceptions. */
+[hidden] { display:none!important; }
+html[data-embedded="true"] #settings-btn { display:none; }
+button:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
+.overlay-close { background:transparent; font-family:inherit; }
+.overlay { overflow:auto; }
+.settings-row[hidden] { display:none; }
+#pet-needs { width:94%; min-height:24px; padding:4px 0; text-align:center; color:var(--lcd-fg); font-size:10px; line-height:1.5; }
+#lcd { margin-inline:auto; max-width:100%; }
+#pet-status, #save-status { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
+html[data-embedded="true"], html[data-embedded="true"] body { height:100%; min-height:0; }
+html[data-embedded="true"] body { justify-content:flex-start; padding:12px 0; }
+html[data-embedded="true"] #device { box-shadow:var(--device-inset); }
+html[data-embedded="true"] .overlay { padding:12px 8px; }
+html[data-embedded="true"] .overlay-title { margin-top:12px; }
+html[data-embedded="true"] #settings-btn { top:8px; right:10px; }
+@media(max-width:359px) {
+  .overlay-title { font-size:15px; }
+  #game-overlay .game-area { gap:12px; }
+  #game-overlay .game-arrow { width:56px; height:56px; font-size:28px; }
+  #stats-overlay .stat-row, .settings-row { max-width:100%; }
+  #toast { max-width:95%; white-space:normal; text-align:center; }
+}
+@media(max-height:400px) { .overlay { justify-content:flex-start; padding:12px 8px; } }
+@media(prefers-reduced-motion:reduce) { * { animation:none!important; transition:none!important; } }
+/* The host owns scrolling. Height comes from the private frame channel. */
+html[data-embedded="true"], html[data-embedded="true"] body { height:auto; overflow:hidden; }
+html[data-embedded="true"] #device { flex-shrink:0; }
+html[data-embedded="true"] .overlay { overflow:hidden; }
+html[data-embedded="true"] #save-status { display:none; }
+html[data-embedded="true"] #settings-btn { width:44px; height:44px; top:0; }
+
+
+/* Leave a visible shell around the display and both rows of controls. */
+#device { padding:44px 14px 38px; }
+#screen-frame { width:82%; border-radius:22px; padding:7px; }
+#lcd { border-radius:15px; }
+#attention-bar { width:76%; }
+#controls { width:82%; gap:8px; margin-top:8px; }
+.ctrl-btn { border-radius:22px; min-height:52px; padding:8px 2px; }
+html[data-embedded="true"] #settings-btn { top:2px; right:calc(50% - 22px); }
+
+/* The pet has its own screen. Information and secondary care sit below the shell. */
+html[data-embedded="true"] #device,#device { padding:0; border-radius:0; background:transparent; box-shadow:none; width:100%; }
+#egg-shell { box-sizing:border-box; width:100%; padding:42px 14px 32px; position:relative; display:flex; flex-direction:column; align-items:center; border-radius:48% 48% 44% 44% / 52% 52% 42% 42%; background:var(--device-bg); box-shadow:var(--device-inset); }
+#pet-clock { position:absolute; top:17px; left:0; right:0; text-align:center; font:12px/1.3 system-ui,sans-serif; color:#28352b; }
+.keychain { position:absolute; width:78px; height:73px; top:0; right:0; pointer-events:none; opacity:.82; }
+#device { position:relative; isolation:isolate; }
+#egg-shell { z-index:1; }
+html[data-embedded="true"] #settings-btn { top:5px; right:23%; width:44px; height:44px; font-size:19px; opacity:1; color:#28352b; }
+#screen-frame { position:relative; width:80%; padding:12px; border-radius:24px; overflow:visible; background:linear-gradient(150deg,var(--scene-top,#a8b69a),var(--screen-frame)); }
+#lcd { border-radius:0; position:relative; }
+#attention-bar { width:68%; height:4px; margin:8px 0; }
+#controls { width:78%; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:2px; gap:10px; }
+.ctrl-btn { min-height:56px; padding:8px 3px; border-radius:24px; }
+.ctrl-btn .label { font:11px/1.3 system-ui,sans-serif; letter-spacing:0; opacity:1; }
+.ctrl-btn .icon-color { display:none; }
+.ctrl-btn .icon-mono { display:block; width:20px; height:20px; }
+.ctrl-btn:disabled { opacity:.58; }
+.care-symbol { font:24px/1 system-ui,sans-serif; margin-bottom:3px; }
+#care-panel { width:100%; padding:12px 8px 0; box-sizing:border-box; color:#e7e5df; font:12px/1.5 system-ui,sans-serif; }
+#pet-identity { text-align:center; font-weight:600; font-size:13px; margin-bottom:8px; text-transform:capitalize; }
+#pet-needs { width:100%; color:inherit; font:12px/1.5 system-ui,sans-serif; min-height:0; }
+#care-meters { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 16px; }
+.need { display:flex; justify-content:space-between; gap:6px; }
+.need strong { font-variant-numeric:tabular-nums; }
+.care-grade { grid-column:1/-1; text-align:center; font-size:11px; color:#bac7bc; margin-top:3px; }
+#care-hint { margin:8px 0; text-align:center; color:#c6cfc7; font-size:12px; }
+#more-care { border-top:1px solid #414941; }
+/* Match the 12px frame space below the care row. */
+#more-care summary { box-sizing:border-box; min-height:56px; padding-top:12px; display:flex; align-items:center; justify-content:center; cursor:pointer; }
+#more-care summary::after { content:' +'; margin-left:6px; }
+#more-care[open] summary::after { content:' −'; }
+.secondary-controls { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding-bottom:8px; }
+.secondary-controls .ctrl-btn { border-radius:14px; }
+:root[data-scene="morning"] { --scene-top:#b8b389; --lcd-bg:#c6cfa7; }
+:root[data-scene="afternoon"] { --scene-top:#9fb6ac; --lcd-bg:#c4cfa1; }
+:root[data-scene="evening"] { --scene-top:#ba9c86; --lcd-bg:#c9b89b; }
+:root[data-scene="night"],:root[data-scene="sleep"],:root[data-scene="dark"] { --scene-top:#697c79; --lcd-bg:#a4b2a0; }
+:root.eink { --scene-top:#ddd; --lcd-bg:#f0f0f0; }
+.scanlines:not(.eink) #screen-frame::after { content:''; position:absolute; inset:12px; pointer-events:none; background:repeating-linear-gradient(transparent 0 3px,#0000000b 3px 4px); }
+html[data-embedded="true"],html[data-embedded="true"] body { background:#121619; }
+@media(max-width:300px) { #egg-shell {padding-inline:8px;} #controls{width:86%;gap:6px;} #screen-frame{width:84%;padding:10px;} #care-panel{padding-inline:3px;} }
+
+/* Dialog text needs the same readable contrast and sizing as the care panel. */
+.overlay { background:#121619; color:#eef1ed; font:14px/1.6 system-ui,sans-serif; gap:12px; }
+.overlay-title { color:#e7c88d; font:700 18px/1.4 system-ui,sans-serif; letter-spacing:.04em; }
+#settings-overlay .settings-info,#death-overlay .death-msg { color:#c6cfc7; font:14px/1.6 system-ui,sans-serif; max-width:30ch; }
+.settings-row { font:14px/1.5 system-ui,sans-serif; min-height:44px; gap:12px; }
+.overlay-btn,.overlay-close { font:14px/1.5 system-ui,sans-serif; min-height:44px; padding:10px 14px; }
+.overlay-btn { color:#eef1ed; background:#27332b; border-color:#9ba996; }
+.overlay-close { color:#eef1ed; border-color:#9ba996; }
+.stat-row,.game-score,.game-result { font:14px/1.5 system-ui,sans-serif; color:#eef1ed; }
+.toggle { flex-shrink:0; min-width:48px; min-height:28px; }
+html[data-embedded="true"] .overlay { padding:20px 12px; }
+/* Let the host size and scroll the entire dialog without squeezing its controls. */
+html[data-embedded="true"] .overlay { position:absolute; height:auto; min-height:100%; box-sizing:border-box; justify-content:flex-start; }
+html[data-embedded="true"] .overlay > * { flex-shrink:0; }
+.settings-header { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; max-width:280px; }
+.settings-header .overlay-title { margin:0; }
+.settings-header .overlay-close { margin:0; }
+#settings-overlay .settings-row { max-width:280px; width:100%; margin:0; padding:6px 0; }
+#settings-overlay .settings-info { max-width:280px; width:100%; margin:0 0 6px; text-align:left; }
+#settings-overlay #reset-game-btn { margin:8px 0 0; max-width:100%; }
+@media(forced-colors:active) { .overlay,.overlay-btn,.overlay-close { forced-color-adjust:auto; } .toggle { border:2px solid ButtonText; } }
+
+.arcade-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.arcade-instruction,.arcade-score{margin:0;text-align:center;max-width:30ch}.arcade-actions{display:flex;gap:8px;width:100%}.arcade-actions button{flex:1}.arcade-field{width:100%;max-width:320px;image-rendering:pixelated;aspect-ratio:2}.arcade-pet{width:64px;height:64px;object-fit:contain;image-rendering:pixelated}.arcade-cue{min-height:28px;font-size:20px;text-align:center}.arcade-options{font-size:13px}
+
+.arcade-meter{height:24px;width:90%;position:relative;background:#283b45;border:1px solid #96aaa4}.arcade-meter span{position:absolute;inset-block:0;background:#5e9c70}.arcade-meter i{position:absolute;top:0;bottom:0;width:3px;background:white}.arcade-actions button{touch-action:none}
+/* Full size guessing pets keep their own pixels and leave room for both arrows. */
+#game-overlay .game-area { gap:8px; max-width:100%; }
+#game-overlay .game-pet { width:128px; height:128px; flex:none; }
+#game-overlay .game-arrow { width:48px; height:48px; flex:none; font-size:28px; }
+
+/* Game controls fit the drawer instead of inheriting fixed menu button widths. */
+#arcade-overlay, #game-overlay { box-sizing:border-box; gap:12px; justify-content:flex-start; padding:16px 0; }
+html[data-embedded="true"] #arcade-overlay, html[data-embedded="true"] #game-overlay { padding:16px 0; }
+#arcade-overlay .overlay-title, #game-overlay .overlay-title { margin:0; font-size:18px; line-height:1.4; letter-spacing:0; }
+#arcade-overlay .overlay-btn, #game-overlay .overlay-btn { box-sizing:border-box; width:100%; min-width:0; min-height:48px; margin:0; padding:12px 8px; font:inherit; line-height:1.25; border-radius:12px; }
+#arcade-overlay .arcade-picker { width:100%; gap:10px; grid-template-columns:repeat(2,minmax(0,1fr)); }
+#arcade-overlay .arcade-picker button { min-height:60px; }
+#arcade-overlay .arcade-actions, #game-overlay .game-area { display:flex; width:100%; gap:8px; margin:0; }
+#arcade-overlay .arcade-actions button, #game-overlay .game-arrow { flex:1 1 0; width:0; min-width:0; font-size:14px; border-radius:12px; }
+#arcade-overlay .arcade-field, #game-overlay .guess-field { width:100%; max-width:100%; height:auto; aspect-ratio:4/3; display:block; image-rendering:pixelated; border-radius:12px; }
+#arcade-overlay .arcade-cue { min-height:0; font-size:16px; line-height:1.4; }
+#arcade-overlay .arcade-score, #game-overlay .game-score, #game-overlay .game-result { margin:0; font-size:14px; line-height:1.4; text-align:center; color:inherit; }
+#arcade-overlay .arcade-pause { width:auto; min-width:96px; padding:8px 16px; background:transparent; }
+#arcade-overlay .arcade-exit, #game-overlay #guess-exit { box-sizing:border-box; margin:0; min-height:44px; padding:10px 16px; }
+#arcade-overlay .arcade-instruction { max-width:100%; font-size:14px; line-height:1.5; }
+#arcade-overlay .arcade-options { font-size:14px; min-height:36px; display:flex; align-items:center; gap:6px; }

package/dist/pets/engine.js

@@ -0,0 +1,38 @@
+import { now as clockNow } from './clock.js';
+import { initializeWellbeing } from './wellbeing.js';
+import { C } from './constants.js';
+import { saveState, loadState, clearState, selectedCharacter } from './storage.js';
+
+export class GameState {
+  constructor(choice=selectedCharacter){ Object.defineProperty(this,'preset',{value:choice}); this.reset(); }
+  reset(){
+    const now=clockNow();
+    Object.assign(this,{
+      stage:this.preset.stage, character:this.preset.character, age:0, weight:C.BASE_WT[this.preset.stage] || 5,
+      hunger:0, happiness:0, discipline:0,
+      careMistakes:0, poopCount:0,
+      isSick:false, isSleeping:false, lightOn:true,
+      isDead:false, isMisbehaving:false,
+      bornAt:now, stageStartTime:now, lastProcessed:now,
+      lastHungerDecay:now, lastHappyDecay:now,
+      lastPoopTime:now, lastAgeInc:now,
+      attentionCallTime:null, attentionReason:null,
+      snacksInWindow:0, snackWindowStart:now,
+      medDoses:0, prevTeen:null, sickCount:0,
+      energy:100, health:100, wellbeingUpdatedAt:now, careTotal:0, careDuration:0,
+      sleepOverride:'auto', sleepOverrideUntil:0,
+      vacationAt:0,
+    });
+  }
+  save(){ return saveState(this); }
+  load(){
+    // Leave known fields enumerable so the storage adapter can copy new saves.
+    this.energy=undefined; this.health=undefined; this.wellbeingUpdatedAt=undefined;
+    const loaded=loadState(this);
+    initializeWellbeing(this,this.lastProcessed);
+    return loaded;
+  }
+  clearSave(){ clearState(); }
+}
+
+export { Evo } from './evolution.js';

package/dist/pets/evolution.js

@@ -0,0 +1,46 @@
+import { now as clockNow } from './clock.js';
+import { C } from './constants.js';
+import { isP2, evolveP2 } from './original-roster.js';
+export const Evo = {
+  evolve(st){
+    if(isP2(st))return evolveP2(st);
+    switch(st.stage){
+      case 'egg': return {stage:'baby',character:'babytchi',weight:C.BASE_WT.baby};
+      case 'baby': return {stage:'child',character:'marutchi',weight:C.BASE_WT.child};
+      case 'child':
+        if(st.careMistakes<=1)
+          return {stage:'teen',character:'tamatchi',weight:C.BASE_WT.teen};
+        return {stage:'teen',character:'kuchitamatchi',weight:C.BASE_WT.teen};
+      case 'teen': return Evo.toAdult(st);
+      default: return null;
+    }
+  },
+  toAdult(st){
+    const d=st.discipline, cm=st.careMistakes;
+    if(st.character==='tamatchi'){
+      if(cm<=2&&d>=100) return {stage:'adult',character:'mametchi',weight:25};
+      if(cm<=2&&d>=75) return {stage:'adult',character:'ginjirotchi',weight:30};
+      if(cm<=4&&d>=50) return {stage:'adult',character:'maskutchi',weight:30};
+      if(d>=50) return {stage:'adult',character:'kuchipatchi',weight:35};
+      if(d>=25) return {stage:'adult',character:'nyorotchi',weight:30};
+      return {stage:'adult',character:'tarakotchi',weight:35};
+    }
+    if(d>=75) return {stage:'adult',character:'kuchipatchi',weight:35};
+    if(d>=50) return {stage:'adult',character:'nyorotchi',weight:30};
+    return {stage:'adult',character:'tarakotchi',weight:35};
+  },
+  shouldEvolve(st){
+    const e=clockNow()-st.stageStartTime;
+    switch(st.stage){
+      case 'egg': return e>=C.EGG_MS;
+      case 'baby': return e>=C.BABY_MS;
+      case 'child': return e>=C.CHILD_MS;
+      case 'teen': return e>=C.TEEN_MS;
+      default: return false;
+    }
+  },
+  checkOyajitchi(st){
+    return st.character==='maskutchi'&&st.discipline>=100&&st.age>=10;
+  }
+};
+

package/dist/pets/focus.js

@@ -0,0 +1,27 @@
+export function visibleEnabledControl(node) {
+  if(node.disabled || node.hidden || node.closest?.('[hidden], [inert]'))return false;
+  if(node.getClientRects && !node.getClientRects().length)return false;
+  if(typeof getComputedStyle==='function' && getComputedStyle(node).visibility==='hidden')return false;
+  const closed=node.closest?.('details:not([open])');
+  return !closed || (node.tagName==='SUMMARY' && node.parentElement===closed);
+}
+
+export function overlayControls(overlay) {
+  const nodes=overlay.querySelectorAll?.('button, input, select, textarea, a[href], summary') || [overlay.querySelector?.('button')].filter(Boolean);
+  return [...nodes].filter(visibleEnabledControl);
+}
+
+// A game can focus its dialog rather than a button when a round starts.
+export function trapOverlayTab(event,overlay,active=document.activeElement) {
+  if(event.key!=='Tab')return;
+  const controls=overlayControls(overlay);
+  const first=controls[0],last=controls.at(-1);
+  if(!controls.includes(active)){
+    event.preventDefault();
+    (event.shiftKey?last:first)?.focus();
+  }else if(event.shiftKey&&active===first){
+    event.preventDefault();last.focus();
+  }else if(!event.shiftKey&&active===last){
+    event.preventDefault();first.focus();
+  }
+}

package/dist/pets/font.js

@@ -0,0 +1,185 @@
+export const PF = {};
+const _f = s => s.trim().split('\n').map(r => r.trim().split('').map(Number));
+const FONT_DATA = {
+A:`010
+101
+111
+101
+101`,B:`110
+101
+110
+101
+110`,C:`011
+100
+100
+100
+011`,D:`110
+101
+101
+101
+110`,E:`111
+100
+110
+100
+111`,F:`111
+100
+110
+100
+100`,G:`011
+100
+101
+101
+011`,H:`101
+101
+111
+101
+101`,I:`111
+010
+010
+010
+111`,J:`001
+001
+001
+101
+010`,K:`101
+110
+100
+110
+101`,L:`100
+100
+100
+100
+111`,M:`10001
+11011
+10101
+10001
+10001`,N:`101
+111
+111
+101
+101`,O:`010
+101
+101
+101
+010`,P:`110
+101
+110
+100
+100`,Q:`010
+101
+101
+011
+001`,R:`110
+101
+110
+101
+101`,S:`011
+100
+010
+001
+110`,T:`111
+010
+010
+010
+010`,U:`101
+101
+101
+101
+010`,V:`101
+101
+101
+010
+010`,W:`10001
+10001
+10101
+10101
+01010`,X:`101
+101
+010
+101
+101`,Y:`101
+101
+010
+010
+010`,Z:`111
+001
+010
+100
+111`,
+'0':`111
+101
+101
+101
+111`,'1':`010
+110
+010
+010
+111`,'2':`110
+001
+010
+100
+111`,'3':`110
+001
+010
+001
+110`,'4':`101
+101
+111
+001
+001`,'5':`111
+100
+110
+001
+110`,'6':`011
+100
+110
+101
+010`,'7':`111
+001
+010
+010
+010`,'8':`010
+101
+010
+101
+010`,'9':`010
+101
+011
+001
+110`,
+'%':`101
+001
+010
+100
+101`,'/':`001
+001
+010
+100
+100`,':':`0
+1
+0
+1
+0`,'!':`1
+1
+1
+0
+1`,'-':`000
+000
+111
+000
+000`,' ':`00
+00
+00
+00
+00`,'?':`110
+001
+010
+000
+010`,'.':`0
+0
+0
+0
+1`,
+};
+for(const[k,v] of Object.entries(FONT_DATA)) PF[k]=_f(v);
+