* { box-sizing: border-box; }
#menu{position:fixed;left:14px;top:14px;z-index:30}
#menu .menuContent{display:flex;flex-direction:column;gap:6px;margin-top:6px}
#fpsCounter{position:fixed;right:12px;top:12px;z-index:30;background:rgba(255,255,255,0.9);padding:6px 8px;border-radius:8px;font-weight:700}
html,body{height:100%;margin:0;font-family:'Luckiest Guy',Inter,Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#fdeff9,#e6f7ff);}
#c{display:block;width:100%;height:100vh;}
#ui{position:absolute;left:12px;top:12px;z-index:10;background:rgba(255,255,255,0.85);padding:10px;border-radius:10px;backdrop-filter: blur(4px);}
#ui h1{margin:0 0 6px 0;font-size:16px}
.controls{display:flex;gap:8px;margin-bottom:6px}
.controls button{padding:6px 10px;border-radius:8px;border:1px solid #ddd;background:#fff;cursor:pointer}
.controls input{padding:6px}
.hint{margin:0;font-size:12px;color:#333}
#scoreBox{font-weight:600;padding:6px 8px;background:linear-gradient(90deg,#fff7f0,#f0fff7);border-radius:8px;border:1px solid #f0e0f0}
#recordStatus{font-size:12px;color:#444;margin-left:8px}

.button-silly{background:linear-gradient(90deg,#fffdc4,#ffd6f0);box-shadow:0 2px 6px rgba(0,0,0,0.08)}
.button-danger{background:linear-gradient(90deg,#ffd6d6,#fff1f1)}
.splash-note{position:fixed;left:50%;transform:translateX(-50%);top:60px;z-index:60;background:rgba(255,255,255,0.95);padding:6px 10px;border-radius:10px;font-weight:700}

.chat{position:fixed;right:12px;bottom:12px;z-index:40;background:rgba(255,255,255,0.9);width:300px;border-radius:10px;padding:8px}
.chat.hidden{display:none}
.messages{max-height:220px;overflow:auto;padding:6px;background:linear-gradient(180deg,#fff,#f8f8ff);border-radius:6px;margin-bottom:6px}
.chatInput{display:flex;gap:6px}
.chatInput input{flex:1;padding:6px;border-radius:6px;border:1px solid #ddd}

button{font-family:'Luckiest Guy', Inter, Arial, Helvetica, sans-serif}

.menu button{padding:6px 8px;border-radius:8px;border:1px solid #ddd;background:#fff;cursor:pointer}
.menu .menuContent{background:rgba(255,255,255,0.9);padding:8px;border-radius:8px}