:root{--bg: #f7f1e1;--ink: #1e1b16;--accent: #e97b2c;--stage: #e8d6b5;--floor: #c9a26b;--shadow: rgba(0, 0, 0, .18)}*{box-sizing:border-box}body{margin:0;font-family:Trebuchet MS,Verdana,sans-serif;color:var(--ink);background:radial-gradient(circle at top,#fff6dc,var(--bg));text-transform:uppercase}#app{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;padding:12px;gap:16px}.hud{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 24px}.energy{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.game-hud{position:absolute;top:12px;left:12px;display:grid;gap:8px;padding:10px 12px;background:#fff6dcd9;border:1px solid #d8c19b;border-radius:10px;box-shadow:0 8px 16px #0000001f;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mic-btn{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid #c4a67a;background:#fff3d8;cursor:pointer;font-weight:700}.mic-btn.active{background:#d9f1ff;border-color:#6bb7e6}.energy-bar{width:160px;height:10px;background:#e9d9b8;border:1px solid #c4a67a;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px #00000026}.energy-fill{height:100%;width:100%;background:linear-gradient(90deg,#f2b233,#e24a2b);transition:width .1s linear}.buddy{align-items:center}.buddy-bar{border-color:#7c9f69;background:#dfead7}.buddy-fill{background:linear-gradient(90deg,#86c56f,#3f8a3a)}.title{font-size:28px;font-weight:700;letter-spacing:1px}.controls{font-size:14px;opacity:.7}.stage{display:grid;place-items:center}.game-wrap{position:relative;width:100%}#game{width:100%;height:calc(100vh - 160px);border-radius:16px;background:linear-gradient(180deg,#fdf6e6 0%,#f3e1c4 60%,var(--stage) 100%);box-shadow:0 18px 35px var(--shadow);border:2px solid #e4cfa6}.note{font-size:13px;opacity:.6}