:root{--bg-color:#0f172a;--accent:#38bdf8;--text-main:#f8fafc}body,html{background-color:var(--bg-color);width:100vw;height:100vh;color:var(--text-main);margin:0;padding:0;font-family:Inter,system-ui,sans-serif;overflow:hidden}#overlay{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ad9;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s ease-out;display:flex;position:absolute;top:0;left:0}#lobby-container{background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;flex-direction:row;width:90%;max-width:900px;margin-bottom:2rem;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}#qr-section,#highscore-section{flex-direction:column;flex:1;align-items:center;padding:3rem;display:flex}#qr-section{border-right:1px solid #ffffff1a}#highscore-section{background:#0003;align-items:stretch}h2{color:#fbbf24;text-align:center;margin-top:0}#highscore-list{flex-grow:1;margin:0;padding:0;list-style:none}#highscore-list li{background:#ffffff0d;border-radius:8px;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem;font-weight:700;display:flex}.empty-score{color:#64748b;text-align:center;background:0 0!important;font-weight:400!important}h1{background:linear-gradient(90deg,#38bdf8,#818cf8);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:0;margin-bottom:.5rem;font-size:3.5rem;font-weight:900}#room-code-display{color:#cbd5e1;margin-top:0;font-size:1.25rem}#room-code{color:var(--accent);letter-spacing:2px;font-weight:700}#qr-canvas{background:#fff;border-radius:12px;width:250px;height:250px;margin:2rem 0;padding:1rem}#status-text{color:#fbbf24;margin-bottom:0;font-weight:700}#game-canvas{z-index:1;position:absolute;top:0;left:0}