.tools-container{max-width:1000px;margin:0 auto}.tool-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid #e5e7eb;padding-bottom:8px}.tab-btn{padding:10px 20px;border:none;background:none;font-size:1rem;font-weight:600;color:#6b7280;cursor:pointer;border-radius:8px;transition:all .2s}.tab-btn:hover{background:#f3f4f6;color:#111827}.tab-btn.active{background:var(--primary-light);color:var(--primary-color)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:24px;align-items:start}.tool-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d;border:1px solid #e5e7eb;height:fit-content}.tool-card h3{margin-top:0;color:#111827;display:flex;align-items:center;gap:8px}.calc-group{margin-top:16px;display:flex;flex-direction:column;gap:12px}.input-item{display:flex;flex-direction:column;gap:4px}.input-item label{font-size:.875rem;color:#6b7280}.input-item input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem}.result-area{margin-top:20px;padding-top:16px;border-top:1px dashed #e5e7eb}.result-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.result-row .label{color:#4b5563;font-size:.95rem}.result-row .value{font-weight:700;color:var(--primary-color);font-size:1.1rem}.result-row .value.highlight{color:#e11d48}.helper-text{font-size:.8rem;color:#9ca3af;margin-top:8px}.dropdown-wrapper{position:relative;display:inline-block}.dropdown-trigger{display:flex;align-items:center;gap:6px}.dropdown-trigger .arrow{font-size:.7rem;color:#9ca3af}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:20;min-width:140px;padding:6px;display:flex;flex-direction:column;gap:2px}.dropdown-menu button{padding:8px 12px;border:none;background:none;text-align:left;font-size:.9rem;color:#4b5563;cursor:pointer;border-radius:6px;transition:all .2s}.dropdown-menu button:hover{background:#f3f4f6;color:#111827}.minigame-container{margin-top:24px}.minigame-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d;border:1px solid #e5e7eb;min-height:400px}.hone-sim{max-width:500px;margin:0 auto}.hone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.reset-btn{padding:6px 12px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:.85rem}.gear-display{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:30px}.gear-icon{width:100px;height:100px;background:#2d3748;border:4px solid #4a5568;border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s}.gear-icon.success{border-color:#48bb78;box-shadow:0 0 20px #48bb7866;transform:scale(1.05)}.gear-icon.fail{border-color:#f56565;transform:shake .5s}.gear-icon .level{font-size:2rem;font-weight:800;color:#fff}.gear-info h4{margin:0;text-align:center;font-size:1.25rem;color:#1a202c}.gear-info p{margin:4px 0 0;text-align:center;color:#718096;font-size:.9rem}.hone-stats{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.stat-item{display:flex;justify-content:space-between;align-items:center}.stat-item .label{color:#4a5568;font-size:.95rem}.stat-item .value{font-weight:700;color:#2d3748}.stat-item.artisan{flex-direction:column;align-items:flex-start;gap:8px}.progress-bar{width:100%;height:10px;background:#edf2f7;border-radius:5px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#ed8936,#f6ad55);transition:width .3s ease}.hone-result{padding:12px;border-radius:8px;text-align:center;margin-bottom:24px;font-weight:700;background:#fff5f5;color:#c53030}.hone-result.success{background:#f0fff4;color:#276749}.hone-actions{display:flex;flex-direction:column;gap:16px;align-items:center}.prob-info{text-align:center;font-size:.9rem;color:#718096;line-height:1.5}.hone-btn{width:100%;padding:16px;background:#3182ce;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .2s}.hone-btn:hover:not(:disabled){background:#2b6cb0}.hone-btn:disabled{background:#cbd5e0;cursor:not-allowed}.jump-game{max-width:600px;margin:0 auto;-webkit-user-select:none;user-select:none}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.game-scores{display:flex;gap:20px;font-weight:700;color:#4a5568}.game-viewport{width:100%;height:300px;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;position:relative;overflow:hidden}.dino{width:40px;height:40px;background:#4a5568;position:absolute;left:50px;border-radius:4px}.obstacle{width:30px;height:30px;background:#f56565;position:absolute;bottom:60px;border-radius:4px}.ground{width:100%;height:2px;background:#cbd5e0;position:absolute;top:240px}.game-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.game-overlay p{font-size:1.5rem;font-weight:800;margin-bottom:16px;color:#2d3748}.game-overlay button{padding:12px 24px;background:#4a5568;color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer}.game-overlay .hint{margin-top:12px;font-size:.9rem;color:#718096;font-weight:400}.bracelet-sim{max-width:500px;margin:0 auto}.bracelet-display{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:24px}.bracelet-item{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid #e5e7eb;margin-bottom:16px}.bracelet-icon{font-size:2.5rem;background:#fff;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px;box-shadow:0 2px 4px #0000000d}.bracelet-name{font-weight:700;color:#1f2937;font-size:1.1rem}.bracelet-reroll{font-size:.9rem;color:#6b7280;margin-top:4px}.bracelet-reroll .count{color:var(--primary-color);font-weight:700}.options-list{display:flex;flex-direction:column;gap:8px}.option-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#fff;border:1px solid #f3f4f6;border-radius:8px;font-size:.95rem}.option-row.fixed{background:#fefce8;border-color:#fef08a}.option-row.effective{border-left:4px solid var(--primary-color)}.option-name{display:flex;align-items:center;gap:6px;color:#4b5563}.lock-icon{font-size:.8rem}.option-value{font-weight:700;color:#111827}.option-row.effective .option-value{color:var(--primary-color)}
