// game-room.jsx v6 — Deep Pyramid
// Full expanded dungeon: 7 chakra gems, keys, locked chests,
// spiders, rats, portal, floating orbs, rock variety
// Exports: GameRoom, Lantern, CHAKRAS
const { useState, useEffect, useRef, useCallback } = React;
const CHAKRAS = [
{color:'#c0392b',gem:'Ruby', glow:'#e74c3c',name:'Root'},
{color:'#d4600a',gem:'Carnelian', glow:'#e8823a',name:'Sacral'},
{color:'#c9960a',gem:'Citrine', glow:'#f0c030',name:'Solar'},
{color:'#1e8449',gem:'Emerald', glow:'#27ae60',name:'Heart'},
{color:'#1a6fa8',gem:'Blue Topaz', glow:'#3498db',name:'Throat'},
{color:'#6c3483',gem:'Amethyst', glow:'#9b59b6',name:'Third Eye'},
{color:'#a8a8d8',gem:'Clear Quartz',glow:'#d8d8ff',name:'Crown'},
];
// ── ROOM DEFINITIONS ──────────────────────────────────────────
// keys: physical keys found in rooms, required to open locked chests
// rocks: type = 'normal'|'mossy'|'carved'|'glowing'
const ROOMS = {
entry:{
type:'corridor',title:'The Threshold',
atmos:'Warm air rises from below. Ancient stone. Something watches.',
exits:{forward:'hall_1'},
rocks:[{id:'ra',x:.15,y:.78},{id:'rb',x:.80,y:.82},{id:'rc',x:.50,y:.88,type:'mossy'}],
chest:null,keyItem:null,lockedChest:null,question:null,gem:null,
},
hall_1:{
type:'corridor',title:'First Passage',
atmos:'Hieroglyphs crowd every surface. The air smells of cedar and dust.',
exits:{forward:'junction_1',back:'entry'},
rocks:[{id:'rd',x:.18,y:.76,type:'carved'},{id:'re',x:.74,y:.80}],
chest:{id:'ca',scroll:'The observer is not one of the twelve things happening. It is the thirteenth — the still point around which all twelve move.'},
keyItem:null,lockedChest:null,question:null,gem:null,
},
junction_1:{
type:'crossroads',title:'First Junction',
atmos:'Three passages open before you. The walls pulse with faint colour.',
exits:{forward:'gem_1',left:'side_scarab',right:'side_anubis',back:'hall_1'},
rocks:[],chest:null,keyItem:null,lockedChest:null,gem:null,
question:{text:'The flame was always there — only the glass needed cleaning. What does this tell you about the nature of your light?',choices:[{symbol:'◉',label:'It never left',dir:'forward',correct:true},{symbol:'≋',label:'It comes and goes',dir:'left',correct:false},{symbol:'◆',label:'It must be earned',dir:'right',correct:false}],hint:'The flame was never out. Only the glass needs cleaning.'},
},
side_scarab:{
type:'side',title:'Scarab Alcove',
atmos:'A small chamber. Scarab carvings cover every inch of the walls.',
exits:{back:'junction_1'},
rocks:[{id:'rs1',x:.25,y:.80,type:'carved'},{id:'rs2',x:.65,y:.76,type:'mossy'},{id:'rs3',x:.45,y:.85}],
chest:null,
keyItem:{id:'k1',x:.50,y:.74,label:'Scarab Key',desc:'A small bronze key shaped like a scarab. It fits something deeper in.'},
lockedChest:null,question:null,gem:null,
},
side_anubis:{
type:'side',title:'Anubis Hall',
atmos:'A jackal-headed statue watches from the far wall. Its eyes catch the torchlight.',
exits:{back:'junction_1'},
rocks:[{id:'ra1',x:.20,y:.82,type:'glowing'},{id:'ra2',x:.72,y:.78},{id:'ra3',x:.42,y:.86,type:'carved'}],
chest:{id:'cb',scroll:'You are not what happens to you. You are the one who watches what happens. I Am. I Remember. I Remain.'},
keyItem:null,lockedChest:null,question:null,
gem:{id:'g2',chakra:1,x:.55,y:.68}, // Carnelian hidden in alcove
},
gem_1:{
type:'chamber',title:'Root Chamber',
atmos:'The floor glows a deep red. The root frequency hums beneath your feet.',
exits:{forward:'hall_2',back:'junction_1'},
rocks:[{id:'rg1',x:.14,y:.74},{id:'rg2',x:.28,y:.82,type:'mossy'},{id:'rg3',x:.64,y:.72,type:'gem',chakra:0},{id:'rg4',x:.80,y:.80},{id:'rg5',x:.46,y:.88,type:'carved'}],
chest:{id:'cc',scroll:'The Ruby carries the root frequency — the colour of the first light, the first sound, the first knowing.'},
keyItem:null,lockedChest:null,question:null,gem:null,
},
hall_2:{
type:'corridor',title:'The Deeper Hall',
atmos:'The passage narrows. Something small moves in the shadows near the floor.',
exits:{forward:'junction_2',back:'gem_1'},
rocks:[{id:'rh1',x:.22,y:.80,type:'mossy'},{id:'rh2',x:.70,y:.76}],
chest:null,keyItem:null,
lockedChest:{id:'lc1',x:.50,y:.72,requiresKey:'k1',scroll:'You found the connection between effort and surrender — the Sacral truth: creation flows when force releases.',gem:{chakra:1}},
question:null,gem:null,
},
junction_2:{
type:'crossroads',title:'Second Junction',
atmos:'Four ways. Something glitters to the right. A low growl to the left.',
exits:{forward:'gem_3',left:'side_deep_left',right:'side_deep_right',back:'hall_2'},
rocks:[],chest:null,keyItem:null,lockedChest:null,gem:null,
question:{text:'The Five Absolutes do not change. Which of these is NOT one of the five?',choices:[{symbol:'⚡',label:'Energy',dir:'left',correct:false},{symbol:'◉',label:'Space',dir:'forward',correct:false},{symbol:'≋',label:'Opinion',dir:'right',correct:true}],hint:'Time, Space, Energy, Matter, Consciousness — Opinion is not absolute.'},
},
side_deep_left:{
type:'dead-end',title:'The Growling Dark',
atmos:'Scratch marks on the walls. Something lived here. An old chest in the corner.',
exits:{back:'junction_2'},
rocks:[{id:'rdl1',x:.30,y:.78,type:'carved'},{id:'rdl2',x:.62,y:.82}],
chest:{id:'cd',scroll:'Matter is not solid — it is frequency made visible. Every stone you crack is a belief becoming porous.'},
keyItem:{id:'k2',x:.72,y:.74,label:'Iron Key',desc:'Heavy. Cold. This unlocks something in the chamber of the Solar frequency.'},
lockedChest:null,question:null,gem:null,
},
side_deep_right:{
type:'side',title:'The Glittering Niche',
atmos:'Citrine fragments catch the torchlight. A sarcophagus leans against the far wall.',
exits:{back:'junction_2'},
rocks:[{id:'rdr1',x:.20,y:.80,type:'glowing'},{id:'rdr2',x:.75,y:.76,type:'mossy'}],
chest:null,keyItem:null,lockedChest:null,question:null,
gem:{id:'g4',chakra:3,x:.50,y:.68}, // Heart Emerald
},
gem_3:{
type:'chamber',title:'Solar Chamber',
atmos:'Gold dust on the floor. The light here is different — warmer, older.',
exits:{forward:'hall_3',back:'junction_2'},
rocks:[{id:'rsl1',x:.18,y:.76,type:'mossy'},{id:'rsl2',x:.35,y:.84},{id:'rsl3',x:.60,y:.70,type:'gem',chakra:2},{id:'rsl4',x:.78,y:.80,type:'carved'}],
chest:null,keyItem:null,
lockedChest:{id:'lc2',x:.50,y:.72,requiresKey:'k2',scroll:'The Solar plexus is where the self says: I have the right to exist, to act, to create. Claim it.',gem:{chakra:2}},
question:null,gem:null,
},
hall_3:{
type:'corridor',title:'The Long Walk',
atmos:'The longest passage yet. Your torch casts long shadows. The walls breathe.',
exits:{forward:'junction_3',back:'gem_3'},
rocks:[{id:'rl1',x:.25,y:.79,type:'carved'},{id:'rl2',x:.68,y:.83,type:'mossy'}],
chest:{id:'ce',scroll:'What you put out is what you get back — as resonance. The universe does not judge. It mirrors.'},
keyItem:null,lockedChest:null,question:null,gem:null,
},
junction_3:{
type:'crossroads',title:'The Deep Junction',
atmos:'You can feel the pyramid\'s apex far above. Three passages, one truth.',
exits:{forward:'gem_5',left:'side_throat',right:'side_eye',back:'hall_3'},
rocks:[],chest:null,keyItem:null,lockedChest:null,gem:null,
question:{text:'The Feel-Back Loop moves A through G and back again. What is the nature of this return?',choices:[{symbol:'△',label:'Loss',dir:'left',correct:false},{symbol:'◉',label:'Completion',dir:'forward',correct:true},{symbol:'◆',label:'Punishment',dir:'right',correct:false}],hint:'G returns to A — not as failure but as the octave completing. What goes out comes back as gift.'},
},
side_throat:{
type:'side',title:'The Blue Chamber',
atmos:'Blue stone veins run through the walls here. Sound feels different — like it carries farther.',
exits:{back:'junction_3'},
rocks:[{id:'rt1',x:.22,y:.80,type:'carved'},{id:'rt2',x:.70,y:.76,type:'glowing'}],
chest:{id:'cf',scroll:'The throat is where the inner becomes outer — where HU sounds. Every word is a frequency sent into the field.'},
keyItem:{id:'k3',x:.50,y:.70,label:'Crystal Key',desc:'Translucent, almost glowing. For the chamber of the Third Eye.'},
lockedChest:null,question:null,
gem:{id:'g5',chakra:4,x:.35,y:.72}, // Blue Topaz
},
side_eye:{
type:'side',title:'The Violet Passage',
atmos:'Purple mineral veins in the stone. The air is heavier here, charged.',
exits:{back:'junction_3'},
rocks:[{id:'re1',x:.28,y:.78,type:'glowing'},{id:'re2',x:.65,y:.82,type:'mossy'}],
chest:null,keyItem:null,
lockedChest:{id:'lc3',x:.50,y:.72,requiresKey:'k3',scroll:'The third eye does not see with light — it sees with knowing. What you perceive here, you perceived before you arrived.',gem:{chakra:5}},
question:null,gem:null,
},
gem_5:{
type:'chamber',title:'Throat Chamber',
atmos:'Five pillars. Each one a different tone when you pass close.',
exits:{forward:'final_hall',back:'junction_3'},
rocks:[{id:'rc1',x:.16,y:.74,type:'mossy'},{id:'rc2',x:.30,y:.82},{id:'rc3',x:.55,y:.70,type:'gem',chakra:4},{id:'rc4',x:.75,y:.78,type:'carved'}],
chest:null,keyItem:null,lockedChest:null,question:null,gem:null,
},
final_hall:{
type:'corridor',title:'The Final Passage',
atmos:'The air is cold now, electric. Something waits beyond. You can feel all seven frequencies.',
exits:{forward:'portal_chamber',back:'gem_5'},
rocks:[{id:'rf1',x:.20,y:.80,type:'glowing'},{id:'rf2',x:.72,y:.76,type:'carved'}],
chest:null,keyItem:null,
lockedChest:{id:'lc4',x:.50,y:.72,requiresKey:'k_crown',scroll:'The Crown is not above you. It is you, expanded. Clear Quartz holds all frequencies because it holds none — pure potential.',gem:{chakra:6}},
question:null,gem:null,
},
portal_chamber:{
type:'portal',title:'The Portal Chamber',
atmos:'Seven frequencies hum as one. The red orb pulses at the far wall — a door made of light.',
exits:{back:'final_hall'},
rocks:[{id:'rp1',x:.20,y:.80,type:'glowing'},{id:'rp2',x:.72,y:.78,type:'glowing'}],
chest:{id:'cg',scroll:'You have walked the full spectrum. Root to Crown. The portal does not take you somewhere else. It takes you somewhere deeper — into what you already are.'},
keyItem:{id:'k_crown',x:.50,y:.65,label:'Crown Key',desc:'Pure light, barely visible. The final key. It unlocks the last chest in the passage behind.'},
lockedChest:null,question:null,gem:{id:'g7',chakra:6,x:.50,y:.55},
},
};
// ── LANTERN ───────────────────────────────────────────────────
// Traditional oil lantern: bail handle, glass globe, metal ribs,
// base with wick-adjustment key/thumbwheel, burning flame.
function Lantern({brightness=0,size=80,color='#c4a45a',soot=0,onClick,style:sx}) {
const g=Math.max(0,brightness),fc=color||'#c4a45a';
// viewBox: 0 0 60 80 (4:3 ratio)
const h=size*1.33;
return (
);
}
// ── QUESTION OVERLAY ──────────────────────────────────────────
// Extra wrong-answer prompts so pool varies each visit
const WRONG_REFLECTIONS=[
'The still point does not move. Try again.',
'Look again — the answer came before the question.',
'Not that path. The model already gave you the key.',
'The wave is not the watcher. Return to the center.',
'Polarity divides. The observer unifies. Look once more.',
];
function QuestionOverlay({question,onAnswer,onExit,onCancel}) {
const [chosen,setChosen]=useState(null);
const [shake,setShake]=useState(false);
const [wrongMsg]=useState(WRONG_REFLECTIONS[Math.floor(Math.random()*WRONG_REFLECTIONS.length)]);
// Randomise choice order once on mount
const [shuffled]=useState(()=>[...question.choices].sort(()=>Math.random()-.5));
const pick=c=>{
if(chosen?.correct)return; // already answered correctly — locked
setChosen(c);
if(c.correct){setShake(false);setTimeout(()=>onAnswer(true),900);}
else{setShake(true);setTimeout(()=>setShake(false),700);}
};
return (
);
}
function hexRgbStr(h){
if(!h||h.length<7)return'200,160,50';
return`${parseInt(h.slice(1,3),16)},${parseInt(h.slice(3,5),16)},${parseInt(h.slice(5,7),16)}`;
}
// ── TEMPTATION POPUP ─────────────────────────────────────────
const TEMPTATION_MSGS={
treasure:[
'What glitters here is not yours to keep — not yet. The one who hoards before they understand loses the path entirely.',
'Gold without wisdom is just weight. The treasure you seek cannot be held in hands.',
'Over-indulgence dulls the frequency. The gems you carry are worth more than all this gold combined.',
'Every coin here is a distraction wearing the face of reward. The real reward is further in.',
'You came for something that cannot be spent. Leave this. Keep walking.',
],
throne:[
'A crown on an empty chair. Sit, and the chair owns you. Power sought before understanding becomes a cage.',
'The throne is a temptation — a symbol of arrival before the journey is complete. Walk past it.',
'What would you be king of? The room is a dead end. The crown leads nowhere the real path goes.',
'Authority without the frequency behind it is theatre. The real throne is the observer seat — and it has no armrests.',
'Someone left this here. Notice that. Then notice you almost sat down.',
],
};
function TemptationPopup({type,onClose}) {
const isTreasure=type==='treasure';
const pool=TEMPTATION_MSGS[type]||TEMPTATION_MSGS.treasure;
const [msg]=useState(pool[Math.floor(Math.random()*pool.length)]);
return (
{ch.gem} · {ch.name.toLowerCase()} frequency found
Claim · Return to Surface
);
}
// ── MAIN GAME ROOM ────────────────────────────────────────────
function GameRoom({onExit,onCollect,initChakra=0}) {
const [phase,setPhase]=useState('clearing');
const [roomId,setRoomId]=useState('entry');
const [cracked,setCracked]=useState({});
const [opened,setOpened]=useState({});
const [trans,setTrans]=useState(false);
const [showQ,setShowQ]=useState(false);
const [pendingDir,setPending]=useState(null);
const [clue,setClue]=useState(null);
const [keyPickup,setKeyPickup]=useState(null);
const [gemCollect,setGemCollect]=useState(null);
const [showPortal,setShowPortal]=useState(false);
const [temptation,setTemptation]=useState(null);
const [heldKeys,setHeldKeys]=useState({});
const [collectedGems,setCollectedGems]=useState({});
const [chakraIdx,setChakraIdx]=useState(initChakra);
const [avelion,setAvelion]=useState(false);
const [flickerT,setFlickerT]=useState(0);
const animRef=useRef(null);
useEffect(()=>{
let start=null;
const tick=t=>{
if(!start)start=t;
setFlickerT(((t-start)/1000)%20);
animRef.current=requestAnimationFrame(tick);
};
animRef.current=requestAnimationFrame(tick);
return()=>cancelAnimationFrame(animRef.current);
},[]);
const room=ROOMS[roomId];
const cc=CHAKRAS[Math.min(chakraIdx,6)];
// Push a collected item to the Pad phone's inventory (deduped by id there).
const addToInventory=(item)=>{
try{ window.dispatchEvent(new CustomEvent('pad:inv-add',{detail:item})); }catch(e){}
if(onCollect)onCollect(item);
};
const navigate=dir=>{
if(trans)return;
// At the dungeon entrance, "back" (↓) ascends the staircase to the Pad.
if(dir==='back'&&!room.exits.back){ onExit&&onExit(); return; }
const next=room.exits[dir];
if(!next)return;
// Only the FORWARD (deeper) path is gated by the riddle. Side turns and
// back are always free, so the player can never be trapped at a junction.
if(room.type==='crossroads'&&dir==='forward'){setPending(dir);setShowQ(true);return;}
goTo(next);
};
const goTo=id=>{setTrans(true);setTimeout(()=>{setRoomId(id);setTrans(false);},380);};
const answerQ=correct=>{setShowQ(false);if(correct&&pendingDir)goTo(room.exits[pendingDir]);setPending(null);};
const crackRock=rock=>{
if(cracked[rock.id])return;
setCracked(c=>({...c,[rock.id]:true}));
if(rock.type==='gem'){
setTimeout(()=>setGemCollect({chakra:rock.chakra,id:rock.id+'_gem'}),400);
}
};
const collectFreeGem=gem=>{
if(collectedGems[gem.id])return;
setGemCollect({chakra:gem.chakra,id:gem.id});
};
const pickupKey=keyItem=>{
if(heldKeys[keyItem.id])return;
setKeyPickup(keyItem);
};
const confirmGem=(gemObj)=>{
const newGems={...collectedGems,[gemObj.id]:{chakra:gemObj.chakra}};
setCollectedGems(newGems);
setChakraIdx(Math.max(chakraIdx,gemObj.chakra));
const ch=CHAKRAS[gemObj.chakra];
addToInventory({id:gemObj.id, name:`${ch.gem} · ${ch.name}`, type:'fragment', icon:'◈'});
setGemCollect(null);
};
const openChest=chest=>{
if(opened[chest.id])return;
if(chest.locked){
if(!heldKeys[chest.requiresKey]){
setClue(`This chest is sealed with iron. You need the ${chest.requiresKey==='k1'?'Scarab Key':chest.requiresKey==='k2'?'Iron Key':chest.requiresKey==='k3'?'Crystal Key':'Crown Key'} to open it.`);
return;
}
setOpened(o=>({...o,[chest.id]:true}));
if(chest.gem){
setTimeout(()=>setGemCollect({chakra:chest.gem.chakra,id:chest.id+'_gem'}),500);
}
if(chest.scroll){setClue(chest.scroll);addToInventory({id:'scroll_'+chest.id, name:'Scroll of Knowing', type:'symbol', icon:'📜', body:chest.scroll});}
return;
}
setOpened(o=>({...o,[chest.id]:true}));
if(chest.scroll){setClue(chest.scroll);addToInventory({id:'scroll_'+chest.id, name:'Scroll of Knowing', type:'symbol', icon:'📜', body:chest.scroll});}
};
// Portal tap
const handlePortalTap=()=>{
if(room.type==='portal')setShowPortal(true);
};
const hints={
entry:['Tap the rocks to crack them open.','Something stirs in the dust. Move forward when ready.'],
hall_1:['A chest waits ahead — tap it to open.','The symbols hold answers. Keep moving.'],
junction_1:['Three paths. The still point is the observer — not one of the twelve.','Think about what does not move when everything else does.'],
side_scarab:['Tap all the rocks here. Something is hidden.','A key might open something deeper in the tomb.'],
side_anubis:['The jackal watches. Check behind the rocks.','A gem may rest in this chamber — look carefully.'],
gem_1:['Five rocks. One holds the Ruby.','The red glow will guide you.'],
hall_2:['A locked chest here — you need the right key.','Check the side chambers for keys before returning.'],
junction_2:['Opinion is not one of the Five Absolutes.','Time, Space, Energy, Matter, Consciousness — those are the five.'],
side_deep_left:['Search carefully — a key is hidden in this room.','The Iron Key unlocks something in the Solar Chamber.'],
side_deep_right:['A green gem rests here. Tap it.','The Heart frequency — found in stillness.'],
gem_3:['The Solar Chamber. The Citrine is in one of these rocks.','The Iron Key opens the locked chest too.'],
hall_3:['Keep walking. The deep junction is ahead.','The walls breathe — this passage is alive.'],
junction_3:['Three paths again. The Feel-Back Loop returns — not as loss but completion.','G to A — the return is a gift.'],
side_throat:['Blue stone walls. A key rests here for the violet passage.','A gem also waits — look carefully.'],
side_eye:['The Crystal Key from the blue chamber opens this chest.','The Third Eye sees with knowing, not light.'],
gem_5:['The Throat Chamber. Five pillars. One gem in the rocks.','Listen as you walk — the frequency shifts here.'],
final_hall:['The Crown Key from the portal chamber unlocks this chest.','You must visit the portal room first.'],
portal_chamber:['Collect all seven gems to open the portal.','A key rests here — and the Crown gem.'],
};
if(phase==='clearing'){
return