.tutorial-picker { padding: 24px; border: 1px solid #46553e; background: #1b291e; }
.tutorial-picker > label { display: flex; gap: 8px; align-items: center; }
.tutorial-picker > label input { width: auto; }
.tutorial-card { display: grid; gap: 8px; margin-top: 16px; padding: 16px; border: 1px solid #3e4e36; }
.tutorial-card h3, .tutorial-card p { margin: 0; }
.tutorial-card small { color: #c5b879; }
.tutorial-card .button { justify-self: start; }
.tutorial-guide { position: absolute; z-index: 4; left: 16px; top: 54px; width: min(340px, calc(100% - 32px)); padding: 12px; color: #e8e7ce; background: #17261ef2; border: 1px solid #8e8151; font-size: 12px; }
.tutorial-guide summary { cursor: pointer; color: #dfcc85; }
.tutorial-guide p { line-height: 1.5; }
.tutorial-controls { display: flex; flex-wrap: wrap; gap: 6px; }
@media (max-width: 640px) { .tutorial-guide { left: 8px; top: 40px; width: calc(100% - 16px); font-size: 11px; } }