body { text-align: center; padding: 20px; }
.nav-back { margin-bottom: 20px; }
.selector-box { background: #222; padding: 20px; border-radius: 20px; margin-bottom: 20px; border: 2px solid #444; }
.timer-box { background: #1a1a1a; padding: 15px; border-radius: 20px; margin-bottom: 30px; border: 2px solid #333; }
select { width: 100%; max-width: 400px; padding: 15px; border-radius: 12px; font-size: 1.4rem; font-weight: bold; border: 2px solid #555; }
.item-card { border: 4px solid #444; margin-bottom: 40px; padding: 20px; border-radius: 20px; background: #111; }
h2 { font-size: 2.2rem; margin-bottom: 25px; line-height: 1.2; }
.controls { display: flex; flex-direction: column; gap: 15px; }
.row { display: flex; width: 100%; gap: 15px; }
.btn { border: none; border-radius: 15px; color: white; font-weight: bold; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.btn-back { background: #d9534f; flex: 1; font-size: 1.8rem; padding: 30px 0; } 
.btn-play { background: #5cb85c; flex: 1.5; font-size: 1.8rem; padding: 30px 0; } 
.btn-fwd { background: #f0ad4e; flex: 1; font-size: 1.8rem; padding: 30px 0; }
.btn-boost { background: #6f42c1; flex: 1; font-size: 1.3rem; padding: 25px 5px; }
.btn-boost.active { background: #e83e8c; border: 4px solid #fff; }
.btn-speed { background: #17a2b8; flex: 1; font-size: 1.3rem; padding: 25px 5px; }
.btn-timer { background: #444; flex: 1; font-size: 1.1rem; padding: 15px 0; border: 1px solid #555; color: white; }
.btn-timer.active { background: #007aff; border: 2px solid #fff; }
#show-more { background: #fff; color: #000; padding: 25px; width: 100%; font-size: 1.8rem; font-weight: bold; border-radius: 15px; margin-top: 20px; border: none; }
#scroll-top-btn { bottom: 40px; right: 40px; width: 80px; height: 80px; border-radius: 20px; border: 4px solid #444; font-size: 40px; font-weight: bold; }