body{font-family:Arial,sans-serif;background:#111;color:#eee;max-width:960px;margin:0 auto;padding:20px}
a{color:#9ad;margin-right:12px}.card{background:#1c1c1c;padding:16px;border-radius:12px;margin:16px 0}.grid{display:grid;gap:8px}input,select,button{padding:8px;border-radius:8px;border:1px solid #444;background:#222;color:#fff}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.option{cursor:pointer}.option.correct{background:#136f1e}.option.wrong{background:#8b1c1c}.danger{background:#b43030}.row{display:flex;gap:8px}.card-item{border-top:1px solid #333;padding-top:12px;margin-top:12px}
.clip-editor{border:1px solid #333;border-radius:10px;padding:12px;background:#181818}.clip-editor__sliders{display:grid;gap:8px}.clip-editor audio{width:100%}
.game-start-row{flex-wrap:wrap;margin:12px 0}
#gameArea audio{width:100%;margin-top:10px}
.clip-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:8px 10px;background:#171717;border:1px solid #2f2f2f;border-radius:10px}
#clipTime{font-weight:700;color:#d8ecff}
.music-pulse{display:flex;align-items:flex-end;gap:4px;height:26px}
.music-pulse span{display:block;width:4px;height:6px;border-radius:999px;background:#6d7c8e;transition:transform .2s ease,height .2s ease,background-color .2s ease}
.music-pulse--active span{animation:musicBars .9s ease-in-out infinite;background:#7dc4ff}
.music-pulse--active span:nth-child(2){animation-delay:.1s}
.music-pulse--active span:nth-child(3){animation-delay:.2s}
.music-pulse--active span:nth-child(4){animation-delay:.3s}
@keyframes musicBars{0%,100%{height:6px}50%{height:24px}}
@media (max-width: 768px){
  body{padding:14px}
  .options{grid-template-columns:1fr}
  .clip-meta{flex-direction:column;align-items:flex-start}
  .game-start-row button{width:100%}
}

.center-start{display:flex;justify-content:center;align-items:center;min-height:50vh}
.center-start__btn{font-size:28px;padding:16px 28px}
.playfield-mode{max-width:none;padding:0;background:#000}
.playfield-mode header{display:none}
.playfield-mode .card{margin:0;border-radius:0;min-height:100vh;background:#0b0b0b;padding:24px}
.playfield-mode #status{font-size:20px;text-align:center;margin-bottom:18px}
.playfield-mode #gameArea{max-width:1100px;margin:0 auto}
.hidden{display:none}