.bored-game{padding:64px 0;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);min-height:calc(100vh - 200px)}.game-container{max-width:800px;margin:0 auto;background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,0.1);position:relative}.game-header{text-align:center;margin-bottom:2rem}.game-header h2{color:#333;margin-bottom:0.5rem}.game-description{color:#666;font-size:1.1rem}.game-content{display:flex;flex-direction:column;gap:2rem}.task-display{background:#f8f8f8;padding:2rem;border-radius:0.5rem;text-align:center}.task-display h3{color:#444;margin-bottom:1rem}#currentTask{font-size:1.2rem;color:#666;line-height:1.5}.task-controls{display:flex;gap:1rem;justify-content:center}.btn{padding:0.75rem 1.5rem;border:none;border-radius:2rem;font-weight:bold;cursor:pointer;transition:all 0.3s ease}.btn-primary{background:linear-gradient(45deg,#a8a8a8,#666666);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(102,102,102,0.4)}.btn-secondary{background:#f0f0f0;color:#666}.btn-secondary:hover{background:#e0e0e0;transform:translateY(-2px)}.progress-section{text-align:center}.progress-section h3{color:#444;margin-bottom:1rem}.progress-bar{background:#f0f0f0;height:1rem;border-radius:0.5rem;overflow:hidden;margin-bottom:0.5rem}.progress-fill{background:linear-gradient(45deg,#a8a8a8,#666666);height:100%;width:0;transition:width 0.3s ease}#taskCount{color:#666;font-size:0.9rem}.no-js-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.95);display:flex;align-items:center;justify-content:center;border-radius:1rem;z-index:1000}.no-js-overlay p{color:#666;font-size:1.1rem;text-align:center;padding:2rem;max-width:80%}@media (max-width:600px){.game-container{padding:1.5rem}.task-display{padding:1.5rem}.task-controls{flex-direction:column}.btn{width:100%}}