+<style>
+  html,body{height:100%;margin:0}
+  body{display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#1e1b4b,#0f172a);font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#fff}
+  #wrap{width:100%;max-width:330px;padding:1.25rem;text-align:center}
+  h2{margin:.2rem 0;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#a5b4fc}
+  #score{font-size:.8rem;color:#fbbf24;font-weight:700;margin-bottom:.6rem}
+  #emoji{font-size:3rem;margin:.6rem 0;min-height:1.4em;letter-spacing:.1em}
+  .opt{display:block;width:100%;margin:.4rem 0;padding:.75rem 1rem;border:0;border-radius:.9rem;background:rgba(255,255,255,.1);font-size:.98rem;font-weight:600;color:#fff;cursor:pointer}
+  .opt.right{background:#16a34a}.opt.wrong{background:#dc2626}
+  #next{margin-top:1rem;padding:.6rem 1.5rem;border:0;border-radius:9999px;background:#a5b4fc;color:#1e1b4b;font-weight:800;cursor:pointer;display:none}
+  #fin{font-size:1.3rem;font-weight:800;margin:.4rem 0}#big{font-size:3.5rem}
+</style>
+<div id="wrap">
+  <h2>Emoji Movie Quiz</h2>
+  <div id="score"></div>
+  <div id="game">
+    <div id="emoji"></div>
+    <div id="opts"></div>
+    <button id="next">Next →</button>
+  </div>
+  <div id="result" style="display:none">
+    <div id="big"></div><div id="fin"></div>
+    <button id="again" class="opt">Play again</button>
+  </div>
+</div>
+<script>
+  var Q=[
+    {e:"🦁👑",a:["The Lion King","Madagascar","Zootopia","Tarzan"],c:0},
+    {e:"🚢🧊💔",a:["Titanic","Cast Away","Life of Pi","The Perfect Storm"],c:0},
+    {e:"👻🚫🔫",a:["Ghostbusters","Casper","Beetlejuice","Men in Black"],c:0},
+    {e:"🐠🔍",a:["Finding Nemo","Shark Tale","Moana","The Little Mermaid"],c:0},
+    {e:"🧙‍♂️💍🌋",a:["The Lord of the Rings","Harry Potter","The Hobbit","Narnia"],c:0},
+    {e:"🦖🏝️",a:["Jurassic Park","King Kong","Godzilla","Rampage"],c:0},
+    {e:"👽🚲🌕",a:["E.T.","Close Encounters","WALL-E","Lilo & Stitch"],c:0},
+    {e:"❄️👭⛄",a:["Frozen","Brave","Tangled","Encanto"],c:0}
+  ];
+  var i=0,score=0,answered=false;
+  function showScore(){document.getElementById('score').textContent='Score: '+score+' / '+Q.length;}
+  function show(){
+    answered=false;
+    document.getElementById('emoji').textContent=Q[i].e;
+    var box=document.getElementById('opts');box.innerHTML='';
+    Q[i].a.forEach(function(text,idx){
+      var b=document.createElement('button');b.className='opt';b.textContent=text;
+      b.onclick=function(){answer(idx,b);};box.appendChild(b);
+    });
+    document.getElementById('next').style.display='none';showScore();
+  }
+  function answer(idx,btn){
+    if(answered)return;answered=true;
+    var kids=document.getElementById('opts').children;
+    if(idx===Q[i].c){btn.className='opt right';score++;}
+    else{btn.className='opt wrong';kids[Q[i].c].className='opt right';}
+    showScore();document.getElementById('next').style.display='inline-block';
+  }
+  function finish(){
+    document.getElementById('game').style.display='none';
+    document.getElementById('result').style.display='block';
+    var pct=score/Q.length;
+    document.getElementById('big').textContent=pct===1?'🏆':pct>=0.6?'🍿':'🎬';
+    document.getElementById('fin').textContent='You scored '+score+' / '+Q.length;
+  }
+  document.getElementById('next').onclick=function(){i++;if(i<Q.length)show();else finish();};
+  document.getElementById('again').onclick=function(){i=0;score=0;document.getElementById('result').style.display='none';document.getElementById('game').style.display='block';show();};
+  show();
+</script>